@font-face{font-family:Literata;src:url(/_astro/literata-roman-latin.BXWg2o_I.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+20AC,U+2122,U+2212,U+A0,U+202F,U+2009}@font-face{font-family:Literata;src:url(/_astro/literata-roman-latin-ext.CzYBI9n5.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+100-17F,U+180-24F,U+1E??}@font-face{font-family:Literata;src:url(/_astro/literata-italic-latin.CwunpxNp.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+20AC,U+2122,U+2212,U+A0,U+202F,U+2009}@font-face{font-family:Literata;src:url(/_astro/literata-italic-latin-ext.B532noV2.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+100-17F,U+180-24F,U+1E??}@font-face{font-family:Literata Fallback;src:local(Georgia);size-adjust:108.6%;ascent-override:108.4%;descent-override:28.4%;line-gap-override:0%}:root{--color-bg:#e6ebe3;--color-fg:#17301f;--color-muted:#4c5f52;--color-border:#b5c3b8;--color-surface:#fff;--color-accent:#0e5e63;--color-on-accent:#fff;--color-focus:#0e5e63;--color-notice-bg:#cfe3ea;--color-notice-fg:#17301f;--color-placeholder-line:#17301f;--color-focus-on-dark:#fff;--color-now:#f2a541;--color-now-line:#c26c12;--color-unchecked:#8a3b12;--color-error:#a3261b;--font-body:"Literata", "Literata Fallback", Georgia, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:.875rem;--text-s:1rem;--text-m:1.125rem;--text-l:1.3125rem;--text-xl:clamp(1.5rem, 1.17rem + 1.36vw, 2.25rem);--text-xxl:clamp(2.25rem, 1.8rem + 1.83vw, 3rem);--text-display:clamp(2.25rem, 1.36rem + 3.66vw, 3.75rem);--leading-body:1.667;--leading-snug:1.25;--leading-tight:1.1;--tracking-display:-.015em;--weight-regular:400;--weight-display:500;--weight-strong:600;--opsz-display:36;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-band:clamp(3rem, 2.25rem + 3vw, 4rem);--gutter:clamp(1rem, .6rem + 1.6vw, 2rem);--measure:65ch;--page-max:84rem;--radius:4px;--radius-none:0;--radius-panel:8px;--radius-bar:999px;--border-width:1px;--rule-width:2px;--result-outline:3px;--focus-width:3px;--target-min:2.75rem;--button-min:3rem;--shadow-none:none;--shadow-float:0 1px 2px #17301f29, 0 6px 20px #17301f24;--duration-fast:.12s;--duration-base:.2s;--duration-result:.32s;--duration-draw:.9s;--delay-draw:.25s;--ease:cubic-bezier(.2, 0, 0, 1);--ease-draw:cubic-bezier(.65, 0, .35, 1)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-result:0s;--duration-draw:0s;--delay-draw:0s}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);color:var(--color-fg);background:var(--color-bg);-webkit-text-size-adjust:100%;font-synthesis:none;font-optical-sizing:auto;hanging-punctuation:first;font-size:100%}body{font-size:var(--text-m);line-height:var(--leading-body);overflow-wrap:break-word;margin:0}h1,h2,h3{font-weight:var(--weight-display);line-height:var(--leading-tight);font-variation-settings:"opsz" var(--opsz-display);hyphens:auto;overflow-wrap:break-word;text-wrap:balance;margin:0 0 var(--space-4)}h1,h2{letter-spacing:var(--tracking-display)}h1{font-size:var(--text-xxl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-l);line-height:var(--leading-snug)}p{margin:0 0 var(--space-4)}strong,b{font-weight:var(--weight-strong)}dfn{font-style:italic}a{color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:.09em}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--space-1)}img,svg{max-width:100%;height:auto}small{font-size:var(--text-s)}.skip{left:var(--space-2);top:calc(-1 * var(--target-min) - var(--space-4));padding:var(--space-3) var(--space-4);background:var(--color-surface);z-index:10;position:absolute}.skip:focus{top:var(--space-2)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.page{padding-block:var(--space-8) var(--space-12)}.prose{max-width:var(--measure)}.draft-banner{padding:var(--space-2) var(--gutter);background:var(--color-unchecked);color:var(--color-on-accent);font-size:var(--text-s);margin:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-6);padding-block:var(--space-2);flex-wrap:wrap;display:flex}.brand{align-items:baseline;gap:0 var(--space-4);flex-wrap:wrap;display:flex}.brand-name{min-height:var(--target-min);font-size:var(--text-l);font-weight:var(--weight-strong);color:var(--color-fg);font-variation-settings:"opsz" var(--opsz-display);align-items:center;text-decoration:none;display:inline-flex}.brand-descriptor{font-size:var(--text-s);color:var(--color-muted);display:none}@media (width>=64rem){.brand-descriptor{display:inline}}.site-header nav ul,.site-footer ul{gap:0 var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-header nav a,.site-footer nav a{min-height:var(--target-min);align-items:center;display:inline-flex}.site-footer{margin-top:var(--space-12);border-top:var(--rule-width) solid var(--color-accent);padding-block:var(--space-6) var(--space-12);font-size:var(--text-s)}.footer-line{max-width:var(--measure);color:var(--color-muted)}.band{padding-block:var(--space-band)}.band--white{background:var(--color-surface)}.band--sky{background:var(--color-notice-bg);color:var(--color-notice-fg)}.band--green{background:var(--color-accent);color:var(--color-on-accent)}.band--green a{color:var(--color-on-accent)}.band--green :focus-visible{outline-color:var(--color-focus-on-dark)}@media (width>=72rem){.register{column-gap:var(--space-12);grid-template-columns:3fr 9fr;display:grid}}.button,button,.button-secondary{font:inherit;font-weight:var(--weight-strong);min-height:var(--button-min);min-width:var(--target-min);padding:var(--space-2) var(--space-6);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:hover,button:hover{background:var(--color-fg);border-color:var(--color-fg)}.button-secondary{color:var(--color-accent);border-color:var(--color-accent);background:0 0}.button-secondary:hover{background:var(--color-surface)}.button--block{width:100%;display:flex}@media (width>=48rem){.button--block{width:auto;display:inline-flex}}@media (prefers-reduced-motion:no-preference){.button,button{transition:background-color var(--duration-fast) var(--ease)}}.hero{padding-block:var(--space-8) var(--space-band)}.hero h1{font-size:var(--text-display);letter-spacing:var(--tracking-display);max-width:14ch;margin-bottom:var(--space-4)}.lead{font-size:var(--text-l);max-width:38ch;margin-bottom:var(--space-6);color:var(--color-fg);line-height:1.5}@media (width>=72rem){.hero-grid{column-gap:var(--space-12);grid-template-columns:3fr 9fr;align-items:start;display:grid}.hero h1{grid-column:1/-1;max-width:none}}.hero-actions{margin-bottom:var(--space-8)}@media (width>=72rem){.hero-actions{margin-bottom:0}}.chart{background:var(--color-surface);border-radius:var(--radius-panel);padding-block:var(--space-4) var(--space-2)}.chart-scroll{scroll-snap-type:x proximity;overflow-x:auto}.chart table{table-layout:fixed;border-collapse:collapse;width:160%}.chart caption{text-align:left;padding:0 var(--space-4) var(--space-3);color:var(--color-muted);font-size:var(--text-s);caption-side:top;width:62.5%;position:sticky;left:0}@media (width>=48rem){.chart table{width:100%}.chart caption{width:auto}}.chart col.label{width:25%}@media (width>=48rem){.chart col.label{width:30%}}@media (width>=72rem){.chart col.label{width:22%}}.chart thead th{font-size:var(--text-xs);font-weight:var(--weight-regular);text-align:center;color:var(--color-muted);padding:0 0 var(--space-2);scroll-snap-align:start}.chart thead th:first-child{text-align:left;padding-left:var(--space-4);background:var(--color-surface);z-index:2;font-size:var(--text-s);position:sticky;left:0}abbr{text-decoration:none}.chip{padding:0 var(--space-1);background:var(--color-now);color:var(--color-fg);font-weight:var(--weight-strong);border-radius:var(--radius);display:inline-block}.chart tbody th{text-align:left;font-weight:var(--weight-regular);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);vertical-align:middle;background:var(--color-surface);z-index:1;border-top:var(--border-width) solid var(--color-border);line-height:var(--leading-snug);position:sticky;left:0}.chart tbody td{border-top:var(--border-width) solid var(--color-border);padding:0;position:relative}.crop-name{font-size:var(--text-s);font-weight:var(--weight-strong);display:block}.crop-area,.crop-range{font-size:var(--text-s);color:var(--color-muted);display:block}.crop-flag{font-size:var(--text-s);color:var(--color-unchecked);display:block}.bars{height:100%;min-height:var(--target-min);grid-template-columns:repeat(12,1fr);align-items:center;display:grid;position:relative}.bar{grid-column:var(--col) / span var(--span);height:var(--space-4);background:var(--color-accent);border-radius:var(--radius-bar);grid-row:1}.bar--weak{background:repeating-linear-gradient(135deg, var(--color-accent) 0 var(--space-1), var(--color-surface) var(--space-1) var(--space-2));border:var(--focus-width) solid var(--color-accent)}.bar--sq-start{border-top-left-radius:0;border-bottom-left-radius:0}.bar--sq-end{border-top-right-radius:0;border-bottom-right-radius:0}.bar--start{mask-image:linear-gradient(to right, var(--color-fg) 40%, transparent);border-top-right-radius:0;border-bottom-right-radius:0}.bars:before{content:"";top:0;bottom:0;left:calc(100% / 12 * (var(--now-col) - .5));width:var(--focus-width);margin-left:calc(var(--focus-width) / -2);background:var(--color-now-line);transform-origin:top;pointer-events:none;position:absolute}@media (prefers-reduced-motion:no-preference){.bars:before{animation:draw var(--duration-draw) var(--ease-draw) var(--delay-draw) both}}@keyframes draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-foot{padding:var(--space-3) var(--space-4) var(--space-2);font-size:var(--text-s);color:var(--color-muted);margin:0}.chart-foot .unchecked,.unchecked{color:var(--color-unchecked);font-weight:var(--weight-strong)}.swipe-hint,.chart .year{display:block}@media (width>=48rem){.swipe-hint{display:none}}.chart-sources{padding:0 var(--space-4) var(--space-2);font-size:var(--text-s)}.chart-sources summary{min-height:var(--target-min);cursor:pointer;color:var(--color-accent);font-weight:var(--weight-strong);align-items:center;display:flex}.chart-sources ul{margin:0 0 var(--space-4);padding-left:var(--space-6);color:var(--color-muted)}.chart-sources li{margin-bottom:var(--space-2)}.qs{margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.qs{column-gap:var(--space-12);grid-template-columns:1fr 1fr}}.qs li{border-top:var(--rule-width) solid var(--color-accent);padding-block:var(--space-4) var(--space-6)}.qs a{font-size:var(--text-l);font-weight:var(--weight-strong);line-height:var(--leading-snug);min-height:var(--target-min);align-items:center;text-decoration-thickness:.07em;display:inline-flex}.qs p{margin:var(--space-1) 0 0;color:var(--color-muted);max-width:40ch}.how p{max-width:56ch}.notice{padding:var(--space-4);margin-block:var(--space-4);background:var(--color-notice-bg);color:var(--color-notice-fg);border-radius:var(--radius);max-width:var(--measure)}.band--sky .notice{background:var(--color-surface)}.notice p{margin:var(--space-2) 0}.notice--unchecked{background:var(--color-surface);border:var(--focus-width) solid var(--color-unchecked);color:var(--color-fg)}.notice--unchecked strong{color:var(--color-unchecked)}.notice--error{background:var(--color-surface);border:var(--focus-width) solid var(--color-error);color:var(--color-fg)}.notice--error strong,.notice--error a{color:var(--color-error)}.image-slot{margin:var(--space-6) 0;text-align:center;padding:var(--space-4);border:var(--rule-width) dashed var(--color-placeholder-line);border-radius:var(--radius-none);color:var(--color-fg);background:repeating-linear-gradient(135deg, var(--color-surface) 0 var(--space-2), var(--color-bg) var(--space-2) var(--space-4));place-items:center;display:grid}.image-slot figcaption{gap:var(--space-1);max-width:40ch;display:grid}.image-slot strong{font-family:var(--font-mono);font-weight:var(--weight-strong)}.image-slot span{font-size:var(--text-s)}.image-slot small{color:var(--color-muted)}.image-slot--guide{aspect-ratio:16/9}@media (width>=72rem){.image-slot--guide{aspect-ratio:6}}.guide-head{padding-block:var(--space-8) var(--space-4)}.wrap.guide-head,.wrap.guide{max-width:calc(var(--measure) + 2 * var(--gutter))}.crumbs{margin:0 0 var(--space-4);font-size:var(--text-s)}.crumbs a{min-height:var(--target-min);align-items:center;display:inline-flex}.guide{padding-bottom:var(--space-12)}.guide-body{max-width:var(--measure)}.guide-body>h2{margin-top:var(--space-12)}.guide-body ul,.guide-body ol{padding-left:var(--space-6)}.guide-body li{margin-bottom:var(--space-2)}.src-ref{line-height:1}.src-ref a{font-size:var(--text-s);font-variant-numeric:lining-nums;padding-inline:var(--space-1);line-height:1;text-decoration:none;position:relative}.src-ref a:focus-visible{outline-offset:0;border-radius:var(--radius)}.src-ref a:after{content:"";inset:calc(-1 * var(--space-4)) calc(-1 * var(--space-3));min-width:var(--target-min);min-height:var(--target-min);position:absolute}.sources{font-size:var(--text-s);color:var(--color-muted);max-width:var(--measure);margin-top:var(--space-12)}.sources h2,.sources h3{color:var(--color-fg)}.sources li{margin-block:var(--space-2)}.sources a{color:var(--color-accent)}.meta-line{color:var(--color-muted);font-size:var(--text-s);max-width:var(--measure)}table{border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums}.table-wrap{background:var(--color-surface);margin-block:var(--space-4);overflow-x:auto}.table-wrap table{width:100%}.table-wrap th,.table-wrap td{padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-border);text-align:right}.table-wrap th:first-child,.table-wrap td:first-child{text-align:left}.table-wrap thead th{border-top:0;border-bottom:var(--rule-width) solid var(--color-accent);font-weight:var(--weight-strong);font-size:var(--text-s);line-height:var(--leading-snug);vertical-align:bottom}.guide-body table{background:var(--color-surface);width:100%;margin-block:var(--space-4)}.guide-body th,.guide-body td{padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-border);text-align:right}.guide-body th:first-child,.guide-body td:first-child{text-align:left}.guide-body thead th{border-top:0;border-bottom:var(--rule-width) solid var(--color-accent);font-weight:var(--weight-strong);font-size:var(--text-s);line-height:var(--leading-snug);vertical-align:bottom}.field{gap:var(--space-2);margin-block:var(--space-4);max-width:var(--measure);display:grid}label,legend{font-weight:var(--weight-strong)}input,select{font:inherit;color:var(--color-fg);min-height:var(--button-min);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-muted);border-radius:var(--radius);background:var(--color-surface);max-width:100%}input[type=checkbox],input[type=radio]{min-height:0;width:var(--target-min);height:var(--target-min);accent-color:var(--color-accent);flex:none;margin:0}input[aria-invalid=true]{border-color:var(--color-error);border-width:var(--focus-width)}.error{color:var(--color-error);font-weight:var(--weight-strong);margin:0}.hint{color:var(--color-muted);font-size:var(--text-s);margin:0}.consent,.choice{gap:var(--space-3);font-weight:var(--weight-regular);align-items:center;display:flex}.consent{align-items:flex-start}fieldset{margin:var(--space-6) 0;border:0;min-width:0;padding:0}legend{margin-bottom:var(--space-2);padding:0}.tool-panel{background:var(--color-surface);border-radius:var(--radius-panel);padding:var(--space-6) var(--gutter)}.tool-grid{gap:0 var(--space-8);display:grid}@media (width>=48rem){.tool-grid{grid-template-columns:1fr 1fr}}.days{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.day{align-items:end;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius);grid-template-columns:1fr 1fr;display:grid}.day .field{margin:0}.day-title{font-weight:var(--weight-strong);font-size:var(--text-l);grid-column:1/-1;margin:0}.day .field--date,.day .field--wide{grid-column:1/-1}.day input:not([type=checkbox]){width:100%}.day-remove{color:var(--color-accent);border-color:var(--color-accent);background:0 0;grid-column:1/-1;justify-self:start}.day-remove:hover{background:var(--color-surface);color:var(--color-fg)}.piece-only[hidden],[hidden]{display:none!important}.result{margin-top:var(--space-8)}.result-cell{background:var(--color-surface);border:var(--result-outline) solid var(--color-accent);border-radius:var(--radius);padding:var(--space-6);font-weight:var(--weight-strong);max-width:var(--measure)}.result-cell h2{font-size:var(--text-l);font-weight:var(--weight-strong);line-height:var(--leading-snug);margin-bottom:var(--space-3);font-variation-settings:normal}.result-cell p{font-weight:var(--weight-regular)}.result-figures{margin:0 0 var(--space-4);font-variant-numeric:tabular-nums lining-nums;font-weight:var(--weight-strong)}.result-figures>div{column-gap:var(--space-6);padding-block:var(--space-2);border-top:var(--border-width) solid var(--color-border);grid-template-columns:1fr auto;align-items:baseline;display:grid}.result-figures>div:first-child{border-top:0}.result-figures dt{font-weight:var(--weight-regular);font-size:var(--text-s)}.result-figures dd{text-align:right;font-size:var(--text-l);margin:0}.help{max-width:var(--measure);margin-top:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-notice-bg);color:var(--color-notice-fg);border-radius:var(--radius)}.help h3{margin-bottom:var(--space-2)}.help-links{column-gap:var(--space-4);grid-template-columns:auto 1fr;margin:0;padding:0;list-style:none;display:grid}.help-links li{grid-template-columns:subgrid;padding-block:var(--space-1);grid-column:1/-1;align-items:center;margin:0;display:grid}.help-links li:last-child{display:block}.help .hint{color:var(--color-notice-fg);margin-top:var(--space-2)}a[href^=tel\:]{white-space:nowrap}a.tel{min-height:var(--target-min);font-size:var(--text-l);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;align-items:center;display:inline-flex}.result-detail{max-width:var(--measure);margin-top:var(--space-6)}.result-detail ul{padding-left:var(--space-6)}.result-detail li{margin-bottom:var(--space-2)}@media (prefers-reduced-motion:no-preference){.result-cell{animation:settle var(--duration-result) var(--ease) both}}.component .result-cell{animation:none}@keyframes settle{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}.swatches{gap:var(--space-4);grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (width>=48rem){.swatches{grid-template-columns:repeat(2,1fr)}}@media (width>=72rem){.swatches{grid-template-columns:repeat(3,1fr)}}.swatch{grid-template-columns:var(--space-24) 1fr;background:var(--color-surface);border-radius:var(--radius-panel);display:grid;overflow:hidden}.swatch-chip{min-height:var(--space-24);border-right:var(--border-width) solid var(--color-border)}.swatch-text{padding:var(--space-3) var(--space-4);font-size:var(--text-s);line-height:var(--leading-snug)}.swatch-text code,.brand-doc code{font-size:var(--text-s);overflow-wrap:anywhere}.spec-row{gap:var(--space-2);padding-block:var(--space-4);border-top:var(--border-width) solid var(--color-border);display:grid}.bar-demo{height:var(--space-4);background:var(--color-accent)}.component{margin-block:var(--space-8)}.component>h3{margin-bottom:var(--space-3)}.pairs td,.pairs th,.pairs td:last-child{text-align:left}.fail{color:var(--color-error);font-weight:var(--weight-strong)}.pass{font-weight:var(--weight-strong)}.demo-grid{gap:var(--space-4);display:grid}.band--green .spec-row{border-color:var(--color-on-accent)}.de-stress{overflow-wrap:break-word;hyphens:auto}.clear-demo{padding:var(--space-6);outline:var(--border-width) dashed var(--color-muted);display:inline-block}.toc{margin:0 0 var(--space-4);column-gap:var(--space-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.toc a,a.block-link{min-height:var(--target-min);align-items:center;display:inline-flex}