:root{--background:#fbf7ee;--card:#fff;--tint:#e3eee9;--ink:#3a322a;--muted:#675b4f;--primary:#3b6a60;--primary-hover:#30574f;--brand:#82b4a8;--input-border:#7a6e62;--error-color:#a32020;--shadow-color:#3a322a14;--shadow-hover:#3a322a24;--line:var(--tint);--button-bg:#3f7166;--button-text:#fff;--button-hover:#35615a;--header-bg:#f4e8da;--header-text:#3a322a;--hero-fill:#f6e9dc;--illus-frame:#ebc6a3;--logo-color:#3f7166;--c2-seaglass:#82b4a8;--c2-blue:#b4c0cc;--c2-peach:#ebc6a3;--c2-pink:#e8bbb3;--c2-gold:#efdfb2;--c2-green-tint:#e3eee9;--c2-peach-tint:#f6e9dc;--c2-blue-tint:#e8edf2;--c2-birthday-tint:#f7eadc;--c2-pink-tint:#f7e7e3}*{box-sizing:border-box}html{scroll-padding-top:24px;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:18px;line-height:1.7}body{background:var(--background);color:var(--ink);margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--primary)}button,input,select,textarea{font:inherit;color:inherit}button,.button{cursor:pointer}button,.button,summary,input,select{min-height:52px}button,.button{background:var(--button-bg);color:var(--button-text);border:1px solid var(--button-bg);border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover,button:hover{background:var(--button-hover);color:var(--button-text)}.secondary{color:var(--ink);border:1px solid var(--ink);background:0 0}:focus-visible{outline:3px solid var(--primary-hover);outline-offset:5px}.skip{background:var(--card);z-index:99;padding:12px;position:absolute;top:-100px;left:12px}.skip:focus{top:10px}.prototype{text-align:center;background:var(--header-bg);color:var(--header-text);letter-spacing:.04em;padding:7px 16px;font-size:.85rem}.container,.site-header{width:min(1120px,100% - 40px);margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:10px;font-weight:800;line-height:1.3;text-decoration:none;display:flex}.brand small{letter-spacing:.14em;margin-top:5px;font-size:.75rem;display:block}.brand-icon{flex:none;width:44px;height:44px;display:block}.brand-icon-sm{vertical-align:middle;width:32px;height:32px;margin-right:8px;display:inline-block}.desktop-nav{gap:22px;font-size:.9rem;display:none}.desktop-nav a{text-decoration:none}.desktop-nav [aria-current]{text-decoration:underline}.header-cta{display:none}.mobile-nav summary{cursor:pointer;align-items:center;padding:8px;display:flex}.mobile-nav nav{background:var(--background);box-shadow:0 12px 25px var(--shadow-color);z-index:10;padding:24px;display:grid;position:absolute;top:145px;left:20px;right:20px}.mobile-nav nav a{padding:9px}.nw{white-space:nowrap}h1,h2,h3{text-wrap:balance;letter-spacing:.025em;line-height:1.35}h1{margin:16px 0 24px;font-size:clamp(2rem,5vw,3.35rem);font-weight:800}h2{margin:0 0 20px;font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.25rem}p{margin:0 0 22px}section{margin:64px 0}.eyebrow{color:var(--primary);letter-spacing:.14em;font-size:.85rem;font-weight:700}.intro{max-width:760px;margin:48px 0}.lead{color:var(--muted);font-size:1.12rem}.grid{gap:24px;display:grid}.panel{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:28px}.note{color:var(--muted);font-size:.92rem}.actions{flex-wrap:wrap;gap:16px;margin:28px 0;display:flex}.section-heading>a{white-space:nowrap;flex-shrink:0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;padding-top:24px;font-size:.9rem;display:flex}.tag{border:1px solid var(--line);border-radius:30px;padding:5px 13px;font-size:.88rem;display:inline-block}.answer{background:var(--tint);border-left:5px solid var(--primary);border-radius:0 12px 12px 0;margin:30px 0;padding:30px}.answer p{margin-bottom:0}.prose{max-width:790px;margin-inline:auto}.prose h2{margin-top:44px}.prose h3{margin-top:30px}.prose p{margin-bottom:24px}.prose li{margin-bottom:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:16px}th{background:var(--tint)}details{border-bottom:1px solid var(--line)}details:not(.mobile-nav){padding:12px 0}summary{cursor:pointer;padding:10px 0;font-weight:700}details p{padding:16px 0 8px}label{margin:20px 0 8px;font-weight:700;display:block}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--input-border);background:var(--card);border-radius:6px;width:100%;padding:12px}textarea{min-height:145px}input[type=checkbox],input[type=radio]{width:23px;height:23px;accent-color:var(--primary);vertical-align:middle;margin-right:10px}.check-label{align-items:center;gap:6px;display:flex}.check-label input{flex-shrink:0}fieldset{border:1px solid var(--line);border-radius:12px;margin:25px 0;padding:24px}legend{font-weight:700}img,svg{max-width:100%}hr{border:0;border-top:1px solid var(--line);margin:24px 0}footer{background:var(--tint);margin-top:90px;padding:56px 0 110px}footer h2{font-size:1rem}footer p{font-size:.92rem}footer nav{flex-wrap:wrap;gap:14px;font-size:.92rem;display:flex}footer .brand{margin-bottom:20px;font-size:1rem}.footer-grid{gap:28px;display:grid}.footer-bottom{border-top:1px solid var(--tint);margin-top:32px;padding-top:24px;font-size:.85rem}.mobile-cta{background:var(--background);box-shadow:0 -6px 20px var(--shadow-color);border-top:1px solid var(--line);padding:10px 20px calc(10px + env(safe-area-inset-bottom));z-index:20;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-cta span{max-width:130px;font-size:.85rem}.mobile-cta .button{padding:10px 20px}.error{color:var(--error-color);font-weight:700}.status{font-size:.92rem}[hidden]{display:none!important}blockquote{border-left:4px solid var(--primary);background:var(--tint);margin:28px 0;padding:12px 24px}@media (width>=800px){html{font-size:20px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:flex}.header-cta{padding:10px 18px;font-size:.9rem;display:flex}.mobile-nav,.mobile-cta{display:none}.footer-grid{grid-template-columns:1.2fr 1fr .7fr}footer nav{flex-direction:column}footer{padding-bottom:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}a{color:var(--primary)}.brand{color:var(--ink)}html{letter-spacing:.01em;line-height:1.75}h1,h2,h3{letter-spacing:.02em;line-height:1.3}.eyebrow,.brand small{letter-spacing:.08em}section{margin-block:56px}p{max-width:40em}.panel{background:var(--card);box-shadow:0 8px 24px var(--shadow-color);border-radius:20px;padding:24px}button,.button{border-radius:999px}button:hover,.button:hover{background:var(--button-hover)}.secondary:hover{background:var(--tint);color:var(--ink)}:focus-visible{outline:3px solid var(--primary)}input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--input-border);background:var(--card);border-radius:12px}.illustration{width:100%;height:auto;box-shadow:0 8px 24px var(--shadow-color);border-radius:24px;display:block}.illustrated-intro{align-items:center;gap:32px;margin-block:48px 56px;display:grid}.illustrated-intro .intro{margin:0}.progress li{border-bottom-color:var(--brand)}@media (width>=800px){section{margin-block:96px}.panel{padding:32px}.illustrated-intro{grid-template-columns:1.1fr 1fr;margin-bottom:96px}}@media (width<=799px){.section-heading{flex-direction:column;align-items:start}}.step-card{border-top-color:var(--brand);background:var(--card);box-shadow:0 8px 24px var(--shadow-color);border-radius:20px;padding:24px}@media (width>=800px){.step-card{padding:32px}}:root .hero{background:var(--hero-fill);border-radius:28px;padding:28px 22px 8px}:root .hero .illustration{box-shadow:0 0 0 8px var(--illus-frame), 0 10px 28px var(--shadow-color)}@media (width>=800px){:root .hero{padding:48px 48px 12px}}:root main:has(.hero)>section{border-radius:28px;padding:40px 22px}:root main:has(.hero)>section:nth-of-type(3n+1){background:var(--background)}:root main:has(.hero)>section:nth-of-type(3n+2){background:var(--c2-green-tint)}:root main:has(.hero)>section:nth-of-type(3n){background:var(--c2-peach-tint)}:root main:has(.hero)>section.hero{background:var(--hero-fill)}@media (width>=800px){:root main:has(.hero)>section{padding:64px 56px}}:root .theme-card.lavender{--sig:var(--c2-blue);--sig-tint:var(--c2-blue-tint)}:root .theme-card.peach{--sig:var(--c2-peach);--sig-tint:var(--c2-birthday-tint)}:root .theme-card.sage{--sig:var(--c2-pink);--sig-tint:var(--c2-pink-tint)}:root .theme-card.lavender,:root .theme-card.peach,:root .theme-card.sage{background:var(--sig-tint);border:0;border-top:8px solid var(--sig)}:root .theme-card .theme-number{background:var(--sig);color:var(--ink);border-radius:999px;align-self:flex-start;padding:4px 14px}:root .theme-card .illustration{box-shadow:0 0 0 6px var(--card)}:root .theme-card .text-link{border-top-color:var(--sig)}body:has([data-theme=bedtime]){--sig:var(--c2-blue);--sig-tint:var(--c2-blue-tint)}body:has([data-theme=birthday]){--sig:var(--c2-peach);--sig-tint:var(--c2-birthday-tint)}body:has([data-theme=big-sibling]){--sig:var(--c2-pink);--sig-tint:var(--c2-pink-tint)}:root .theme-hero{background:var(--sig-tint);border-radius:28px;padding:28px 22px}:root .theme-hero .eyebrow{background:var(--sig);color:var(--ink);border-radius:999px;padding:4px 14px;display:inline-block}:root .theme-hero .illustration{box-shadow:0 0 0 8px var(--sig), 0 10px 28px var(--shadow-color)}body:has([data-theme]) blockquote{border-left-color:var(--sig);background:var(--sig-tint)}body:has([data-theme]) .divider{color:var(--sig);opacity:.9}@media (width>=800px){:root .theme-hero{padding:48px}}:root .divider{color:var(--c2-gold);opacity:.9}:root .tag{background:var(--c2-gold);border-color:var(--c2-gold);color:var(--ink)}:root .hero-bottom span:before{content:"✦ ";color:var(--c2-peach)}
