:root{--ink:#303f37;--muted:#667268;--green:#557267;--line:#e2e7df;--cream:#f8f8f2}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#385e4c;text-underline-offset:4px}a:hover{color:#243d32}a:focus-visible{outline:3px solid #9cb992;outline-offset:5px}img{max-width:100%;height:auto;display:block}figure{margin:30px 0}figcaption{font-size:13px;color:var(--muted);margin-top:9px}.public-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line)}.public-brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:30px;letter-spacing:-1.3px;text-decoration:none;color:var(--ink)}.public-header nav{display:flex;gap:24px;font-size:15px}.public-header nav a{text-decoration:none}.public-main{width:min(100% - 48px,1040px);margin:0 auto;padding:64px 0}.public-main.guide{max-width:780px}.public-main h1{font-size:clamp(32px,5vw,52px);line-height:1.13;letter-spacing:-1.7px;margin:18px 0 28px}.public-main h2{font-size:27px;letter-spacing:-.6px;line-height:1.3;margin:46px 0 18px}.public-main h3{font-size:20px;line-height:1.4;margin:18px 0 10px}.public-main p{margin:0 0 20px}.public-main .lede{font-size:21px;line-height:1.7;color:#56675b}.eyebrow{color:var(--green);font-size:12px;font-weight:750;letter-spacing:1.8px}.back-link{font-size:14px;display:inline-block;margin-bottom:34px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reading-card{display:block;padding:28px;background:var(--cream);border:1px solid var(--line);border-radius:16px;text-decoration:none;margin:16px 0}.reading-card h2{margin:0 0 14px;font-size:25px}.reading-card p{font-size:16px;color:var(--muted)}.reading-card>span{font-weight:650;font-size:15px}.reading-card>img{margin-bottom:24px}.draft-note{padding:24px;background:#f5f2e7;border-radius:12px;font-size:15px;line-height:1.8;margin:32px 0}.draft-note strong{display:block;margin-bottom:6px}.cta{display:inline-block;background:var(--green);color:white;padding:13px 20px;border-radius:8px;font-size:16px;font-weight:650;text-decoration:none}.cta:hover{background:#405b4f;color:white}.text-link{margin-left:16px;font-size:15px}.public-footer{padding:32px max(24px,calc((100vw - 1040px)/2));border-top:1px solid var(--line);background:#f8f9f5;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;line-height:1.7}.public-footer p{width:100%;color:var(--muted);margin:0;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6;margin:24px 0}caption{text-align:left;color:var(--muted);margin-bottom:12px;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 12px}thead{background:var(--cream)}.formula{background:var(--cream);border-left:4px solid var(--green);padding:18px 22px;margin:24px 0;font-size:17px}.related{border-top:1px solid var(--line);margin-top:40px}.related li{margin:10px 0}.studio-introduction{border-top:1px solid var(--line);background:#fff;line-height:1.8}.studio-introduction .public-main{padding:64px 0}.studio-introduction h2{font-size:clamp(28px,4vw,40px);max-width:760px;margin:14px 0 24px;line-height:1.2}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:40px 0}.steps-grid>section{border-top:1px solid var(--line);padding-top:20px}.steps-grid>section>span{font:600 15px system-ui;color:var(--green)}.steps-grid p{font-size:16px}.intro-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:36px 0}.intro-feature p{font-size:16px}.studio-guide-link{font-size:12px;text-decoration:none;padding:8px}.studio-introduction .draft-note{display:block}.studio-introduction .public-main .draft-note{padding:24px}.studio-introduction figure{margin:0}.studio-introduction~.public-footer{font-size:14px}
@media(max-width:700px){.public-header{flex-wrap:wrap;padding:18px 24px;gap:10px}.public-header nav{gap:20px;font-size:14px;width:100%;flex-wrap:wrap}.public-main{padding:38px 0}.public-main .lede{font-size:19px}.reading-grid,.steps-grid,.intro-feature{grid-template-columns:1fr;gap:16px}.public-main h2{font-size:25px}.draft-note{padding:20px}.text-link{display:inline-block;margin:12px 0}.studio-introduction .public-main{padding:38px 0}.studio-guide-link{font-size:11px;padding:4px}table{font-size:14px}th,td{padding:11px 8px}}
@media print{.public-header,.public-footer,.cta{display:none}.public-main{padding:0;width:100%;max-width:none}.public-main h1{font-size:30px}.public-main h2{break-after:avoid}figure,table{break-inside:avoid}}
