/* joyagoofinds.org - JoyaGoo Spreadsheet Step Grid. Prefix sg-. Motif: gram ruler on graph paper. */
@font-face{font-family:'Parkinsans';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/parkinsans-latin.woff2?v=c06194d69532') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Mona Sans';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url('/assets/fonts/monasans-latin.woff2?v=a59061e38c5e') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Fira Code';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/firacode-latin.woff2?v=771bf4b79a97') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--sg-bg:#fbfbf8;--sg-paper:#f1f4ee;--sg-card:#ffffff;--sg-ink:#16231d;--sg-mute:#4b5a52;--sg-rule:#d4ddd7;--sg-grid:rgba(29,106,77,.075);
--sg-green:#1d6a4d;--sg-green-d:#134a35;--sg-copper:#984818;--sg-lime:#e3fc00;--sg-soft:#e7efe9;--sg-foot:#11302a;
--sg-head:'Parkinsans','Segoe UI',system-ui,sans-serif;--sg-body:'Mona Sans','Segoe UI',system-ui,sans-serif;--sg-mono:'Fira Code',ui-monospace,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sg-bg);color:var(--sg-ink);font-family:var(--sg-body);font-size:17px;line-height:1.66;font-feature-settings:'kern'}
img{max-width:100%;height:auto;display:block}
a{color:var(--sg-green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--sg-green-d);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--sg-copper);outline-offset:2px}
h1,h2,h3{font-family:var(--sg-head);line-height:1.2;color:var(--sg-ink);margin:0}
h1{font-size:2.3rem;font-weight:800;letter-spacing:-.01em;max-width:24ch}
h2{font-size:1.8rem;font-weight:700;max-width:34ch}
h2::after{content:'';display:block;width:150px;height:10px;margin-top:12px;
background:repeating-linear-gradient(90deg,var(--sg-green) 0 2px,transparent 2px 15px) left bottom/100% 7px no-repeat,linear-gradient(var(--sg-green),var(--sg-green)) left bottom/100% 2px no-repeat}
h3{font-size:1.2rem;font-weight:700;margin:26px 0 8px}
p{margin:0 0 15px}
code,.sg-code{font-family:var(--sg-mono);font-size:.86em;background:var(--sg-soft);padding:1px 5px;border-radius:3px;font-variant-ligatures:none;white-space:nowrap}
.sg-g{font-family:var(--sg-mono);font-size:.92em;font-variant-ligatures:none;white-space:nowrap}
.sg-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sg-skip{position:absolute;left:12px;top:-60px;background:var(--sg-ink);color:#fff;padding:10px 14px;z-index:20;border-radius:4px}
.sg-skip:focus{top:10px}
.sg-wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* header */
.sg-head{background:#fff;border-bottom:1px solid var(--sg-rule)}
.sg-head-row{display:flex;align-items:center;gap:18px;min-height:68px}
.sg-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--sg-ink);min-width:0}
.sg-brand img{width:120px;height:auto}
.sg-brand-name{font-family:var(--sg-head);font-weight:700;font-size:1.08rem;border-left:2px solid var(--sg-rule);padding-left:14px;line-height:1.25}
.sg-readchip{margin-left:auto;font-family:var(--sg-mono);font-size:.8rem;color:var(--sg-mute);display:flex;align-items:center;gap:8px;white-space:nowrap}
.sg-readchip::before{content:'';width:10px;height:10px;background:var(--sg-lime);border:1px solid var(--sg-ink);border-radius:2px}
.sg-navbtn{display:none;font:inherit;font-weight:600;background:#fff;border:1px solid var(--sg-ink);border-radius:4px;padding:8px 14px;min-height:44px;min-width:44px;cursor:pointer}
.sg-nav{border-top:1px solid var(--sg-soft)}
.sg-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:nowrap}
.sg-nav a{display:flex;align-items:center;min-height:46px;padding:0 12px;color:var(--sg-ink);text-decoration:none;font-weight:500;font-size:.96rem;border-bottom:3px solid transparent;white-space:nowrap}
.sg-nav a:hover{border-bottom-color:var(--sg-rule)}
.sg-nav a[aria-current="page"]{border-bottom-color:var(--sg-green);font-weight:700}

/* hero */
.sg-hero{position:relative;padding:46px 0 52px;background-color:var(--sg-paper);
background-image:linear-gradient(var(--sg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sg-grid) 1px,transparent 1px);background-size:24px 24px;border-bottom:1px solid var(--sg-rule)}
.sg-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:12px;
background:repeating-linear-gradient(90deg,rgba(22,35,29,.55) 0 1px,transparent 1px 24px) left bottom/100% 12px no-repeat,repeating-linear-gradient(90deg,rgba(22,35,29,.35) 0 1px,transparent 1px 6px) left bottom/100% 5px no-repeat}
.sg-hero--home{padding:58px 0 64px}
.sg-hero--home h1{font-size:2.85rem}
.sg-lede{font-size:1.16rem;max-width:62ch;margin:16px 0 22px;color:var(--sg-ink)}
.sg-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;font-size:.9rem}
.sg-crumbs li+li::before{content:'/';margin-right:6px;color:var(--sg-mute)}
.sg-crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.sg-find{display:flex;max-width:720px;background:#fff;border:2px solid var(--sg-ink);border-radius:6px;overflow:hidden}
.sg-find input[type=search]{flex:1;min-width:0;border:0;font:inherit;font-size:1.05rem;padding:0 16px;min-height:56px;background:#fff;color:var(--sg-ink)}
.sg-find button{font:inherit;font-weight:700;border:0;background:var(--sg-green);color:#fff;padding:0 22px;min-height:56px;cursor:pointer}
.sg-find button:hover{background:var(--sg-green-d)}
.sg-find--big{max-width:780px}
.sg-find--big input[type=search]{min-height:62px;font-size:1.1rem}
.sg-find--big button{min-height:62px}
.sg-sub{display:flex;flex-wrap:wrap;gap:0;margin:16px 0 0;font-size:.97rem}
.sg-sub span{display:inline-flex;align-items:center}
.sg-sub span+span::before{content:'';width:1px;height:16px;background:var(--sg-mute);margin:0 14px}
.sg-sub a{display:inline-flex;align-items:center;min-height:44px}

/* sections */
.sg-sec{padding:62px 0;border-bottom:1px solid var(--sg-rule)}
.sg-sec--tint{background-color:var(--sg-paper);background-image:linear-gradient(var(--sg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sg-grid) 1px,transparent 1px);background-size:24px 24px}
.sg-sec h2{margin-bottom:20px}
.sg-col{max-width:800px}
.sg-col>figure{margin:24px 0}
.sg-below{margin-top:24px}
.sg-split{display:grid;grid-template-columns:55% 1fr;gap:44px;align-items:stretch;margin-top:8px}
.sg-split>*{min-width:0}
.sg-split--rev{grid-template-columns:1fr 55%}
.sg-split--rev>figure{order:2}
.sg-txt>:last-child{margin-bottom:0}
.sg-fig{margin:0;display:flex;flex-direction:column}
.sg-fig img{width:100%;border:1px solid var(--sg-rule);border-radius:4px;background:#fff;align-self:flex-start}
.sg-fig figcaption{font-size:.88rem;color:var(--sg-mute);margin-top:9px;line-height:1.45}
.sg-fig--wide{margin:26px 0 0}
.sg-list{padding-left:1.15em;margin:0 0 16px}
.sg-list li{margin:0 0 7px}
.sg-steps{counter-reset:sgs;list-style:none;padding:0;margin:0 0 16px}
.sg-steps li{counter-increment:sgs;position:relative;padding:0 0 10px 44px;margin:0}
.sg-steps li::before{content:counter(sgs);position:absolute;left:0;top:1px;width:30px;height:30px;border:2px solid var(--sg-ink);border-radius:3px;font-family:var(--sg-mono);font-size:.88rem;font-weight:600;display:flex;align-items:center;justify-content:center;background:#fff}
.sg-terms{margin:0 0 16px}
.sg-terms>div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--sg-rule)}
.sg-terms dt{font-weight:700}
.sg-terms dd{margin:0}
.sg-note{border-left:4px solid var(--sg-copper);background:#fff;padding:13px 18px;margin:0 0 18px;border-radius:0 4px 4px 0}
.sg-note p{margin:0}
.sg-note--lime{border-left-color:var(--sg-ink);background:linear-gradient(90deg,var(--sg-lime) 0 6px,#fff 6px)}

/* weighing slip */
.sg-slip{overflow-x:auto;margin:0 0 18px;border:1px solid var(--sg-rule);border-radius:4px;background:#fff}
.sg-slip table{border-collapse:collapse;width:100%;font-size:.93rem}
.sg-slip caption{caption-side:top;text-align:left;font-size:.86rem;color:var(--sg-mute);padding:10px 14px 0}
.sg-slip th,.sg-slip td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--sg-soft);vertical-align:top}
.sg-slip thead th{border-bottom:2px solid var(--sg-ink);font-family:var(--sg-head);font-weight:700;font-size:.88rem}
.sg-slip tbody th{font-weight:600}
.sg-slip tbody tr:nth-child(even){background:#f7f9f6}
.sg-slip .sg-n{text-align:right;font-family:var(--sg-mono);font-variant-ligatures:none;white-space:nowrap}
.sg-slip .sg-up{color:var(--sg-copper);font-weight:600}

/* wall */
.sg-wallsec{background:#fff}
.sg-wall-intro{max-width:70ch}
.sg-wall{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sg-tile{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--sg-ink);background:#fff;border:1px solid var(--sg-rule);border-radius:4px;overflow:hidden}
.sg-tile:hover{border-color:var(--sg-green);color:var(--sg-ink)}
.sg-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--sg-soft)}
.sg-wall--43 .sg-tile img{aspect-ratio:4/3}
.sg-tile-lab{font-family:var(--sg-head);font-weight:700;font-size:.98rem;padding:10px 12px 2px;line-height:1.3}
.sg-tile-kind{font-family:var(--sg-mono);font-size:.76rem;color:var(--sg-mute);padding:0 12px 12px}

/* question list */
.sg-qa details{border-bottom:1px solid var(--sg-rule);background:#fff}
.sg-qa details:first-child{border-top:1px solid var(--sg-rule)}
.sg-qa summary{cursor:pointer;font-weight:600;padding:14px 40px 14px 16px;position:relative;list-style:none;min-height:44px}
.sg-qa summary::-webkit-details-marker{display:none}
.sg-qa summary::after{content:'+';position:absolute;right:16px;top:12px;font-family:var(--sg-mono);font-size:1.1rem}
.sg-qa details[open] summary::after{content:'\2212'}
.sg-qa-a{padding:0 16px 14px}
.sg-qa-a p:last-child{margin-bottom:0}

/* link pair cards (two only) */
.sg-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.sg-duo>div{background:#fff;border:1px solid var(--sg-rule);border-radius:4px;padding:18px 20px}
.sg-duo h3{margin-top:0}

/* grid position finder */
.sg-tool{background:#fff;border:2px solid var(--sg-ink);border-radius:6px;padding:22px 24px;margin-top:6px}
.sg-tool-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 22px}
.sg-tool label{font-weight:700;display:block;margin-bottom:6px}
.sg-wt{display:flex;align-items:stretch;border:2px solid var(--sg-ink);border-radius:4px;overflow:hidden;background:#fff}
.sg-wt input{font-family:var(--sg-mono);font-size:1.3rem;border:0;width:170px;padding:0 12px;min-height:52px;font-variant-ligatures:none}
.sg-wt span{display:flex;align-items:center;padding:0 12px;background:var(--sg-soft);font-family:var(--sg-mono);font-weight:600}
.sg-chk{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:500}
.sg-chk input{width:22px;height:22px;accent-color:var(--sg-green)}
.sg-quick{display:flex;flex-wrap:wrap;gap:8px}
.sg-quick button{font-family:var(--sg-mono);font-size:.9rem;min-height:44px;min-width:56px;padding:0 12px;border:1px solid var(--sg-rule);background:var(--sg-paper);border-radius:4px;cursor:pointer;color:var(--sg-ink)}
.sg-quick button:hover{border-color:var(--sg-green)}
.sg-out{margin-top:20px}
.sg-out-sum{font-size:1.02rem;margin:0 0 12px}
.sg-fam{display:grid;grid-template-columns:180px 130px 1fr;gap:8px 18px;align-items:center;padding:14px 0;border-top:1px solid var(--sg-rule)}
.sg-fam-pair{font-family:var(--sg-mono);font-weight:600;font-variant-ligatures:none}
.sg-fam-pair small{display:block;font-family:var(--sg-body);font-weight:400;color:var(--sg-mute);font-size:.82rem}
.sg-fam-bill{font-family:var(--sg-mono);font-size:1.25rem;font-weight:600;font-variant-ligatures:none}
.sg-fam-bill small{display:block;font-family:var(--sg-body);font-size:.82rem;font-weight:400;color:var(--sg-mute)}
.sg-bar{position:relative;height:16px;background:var(--sg-soft);border:1px solid var(--sg-rule);border-radius:2px;overflow:hidden}
.sg-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--sg-green)}
.sg-bar b{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--sg-copper) 0 3px,#f3d9c8 3px 7px)}
.sg-fam-txt{grid-column:1/-1;font-size:.95rem;color:var(--sg-ink);margin:0}
.sg-fam-txt .sg-up{color:var(--sg-copper);font-weight:600}
.sg-fam-lines{grid-column:1/-1;font-size:.86rem;color:var(--sg-mute);margin:0}
.sg-fam-lines code{white-space:normal}
.sg-rule-q{grid-column:1/-1;font-size:.86rem;background:var(--sg-paper);border-left:3px solid var(--sg-green);padding:8px 12px;margin:0}
.sg-unpriced{margin-top:14px;font-size:.9rem;color:var(--sg-mute)}

/* footer */
.sg-foot{background:var(--sg-foot);color:#e4ece7;padding:46px 0 28px;font-size:.95rem}
.sg-foot a{color:#fff}
.sg-foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:30px}
.sg-foot-name{font-family:var(--sg-head);font-weight:700;font-size:1.1rem;color:#fff}
.sg-foot-h{font-family:var(--sg-head);font-weight:700;color:#fff;margin-bottom:8px}
.sg-foot ul{list-style:none;padding:0;margin:0}
.sg-foot li a{display:inline-flex;align-items:center;min-height:44px}
.sg-foot-base{border-top:1px solid rgba(255,255,255,.18);margin-top:26px;padding-top:16px;font-size:.86rem;color:#c9d6cf}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* small screens: keep at the end of the file */
@media (max-width:1180px){
  .sg-split,.sg-split--rev{grid-template-columns:1fr;gap:22px}
  .sg-split--rev>figure{order:0}
  .sg-split>figure,.sg-split>.sg-txt{max-width:760px}
  .sg-wall{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
  .sg-nav ul{flex-wrap:wrap}
  .sg-readchip{display:none}
}
@media (max-width:900px){
  .sg-navbtn{display:block;margin-left:auto}
  .sg-nav{display:none}
  .sg-nav.is-open{display:block}
  .sg-nav ul{flex-direction:column}
  .sg-nav a{border-bottom:0;border-left:3px solid transparent}
  .sg-nav a[aria-current="page"]{border-left-color:var(--sg-green)}
  .sg-foot-top{grid-template-columns:1fr 1fr}
  .sg-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  h1,.sg-hero--home h1{font-size:2.05rem}
  h2{font-size:1.5rem}
  .sg-duo{grid-template-columns:1fr}
  .sg-fam{grid-template-columns:1fr 1fr}
  .sg-fam-txt,.sg-bar{grid-column:1/-1}
  .sg-terms>div{grid-template-columns:1fr;gap:4px}
}
@media (max-width:560px){
  body{font-size:16.5px}
  .sg-wrap{padding:0 16px}
  .sg-brand img{width:92px}
  .sg-brand-name{font-size:.98rem;padding-left:10px}
  .sg-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sg-find button{padding:0 14px}
  .sg-foot-top{grid-template-columns:1fr}
  .sg-sec{padding:44px 0}
  .sg-tool{padding:16px}
  .sg-wt input{width:130px}
}

/* Official estimator art, green grid identity, compact ordinary journey. */
.sg-cover{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:36px;align-items:center}.sg-cover h1{font-size:2.6rem}.sg-cover .sg-lede{max-width:740px}.sg-eyebrow{font:600 .76rem var(--sg-mono);letter-spacing:.08em;color:var(--sg-green)}.sg-flight{margin:0;border:1px solid var(--sg-green);background:#d9f200}.sg-flight img{width:100%;height:auto}.sg-flight figcaption{padding:18px;color:#153b2d;font-weight:600}.sg-duo article>a{display:inline-flex;min-height:44px;align-items:center}.sg-order-path{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-left:24px}.sg-order-path b{font-family:var(--sg-head);font-size:1.2rem}.sg-action{display:inline-flex;min-height:48px;align-items:center;padding:8px 18px;background:var(--sg-green);color:white}.sg-guide{max-width:900px}.sg-guide-step{display:grid;grid-template-columns:60px minmax(0,1fr);gap:22px;border-top:1px solid var(--sg-rule);padding:26px 0}.sg-step-no{font:1.6rem var(--sg-mono);color:var(--sg-green)}.sg-tutorial{margin:20px 0;max-width:100%}.sg-tutorial img{width:auto;max-width:100%;height:auto;object-fit:contain}.sg-tutorial:has(img[src$='options.png']){max-width:629px;margin-left:auto;margin-right:auto}.sg-find input{min-width:0}.sg-txt{min-width:0}
@media(max-width:800px){.sg-cover{grid-template-columns:1fr}.sg-flight{display:none}.sg-cover h1{font-size:2.1rem}.sg-hero--home{background-image:linear-gradient(90deg,rgba(240,244,237,.96),rgba(240,244,237,.88)),url('/assets/img/sg-official-freight.png?v=cebe5289d0de');background-size:cover;background-position:right center}.sg-order-path{grid-template-columns:1fr 1fr;gap:16px}.sg-guide-step{grid-template-columns:36px minmax(0,1fr);gap:12px}}
@media(prefers-color-scheme:dark){:root{--sg-ink:#e7f2eb;--sg-mute:#bccfc4;--sg-green:#77c7a3;--sg-rule:#40584b;--sg-paper:#18291f;--sg-soft:#25382d;--sg-copper:#f2b488}body,.sg-head,.sg-nav,.sg-wallsec,.sg-tile,.sg-tool{background:#15231c;color:var(--sg-ink)}.sg-hero{background-color:#18291f}.sg-hero--home{background-image:none}.sg-brand img{background:white;padding:4px;border-radius:3px}.sg-find input[type=search],.sg-wt input{background:#15231c;color:#e7f2eb}.sg-find input::placeholder{color:#bccfc4}.sg-find button,.sg-navbtn,.sg-quick button,.sg-action{background:#77c7a3;color:#12271b}a{color:#a0dfbb}.sg-flight figcaption{color:#153b2d}.sg-fig{background:#20332a}}