:root{--bg:#f5f1e8;--card:#fffdf7;--ink:#23201a;--muted:#6c6556;--line:#ddd5c3;--accent:#8a5a12;--font:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--font)}h1,h2,h3{line-height:1.15;margin:0;font-weight:700}h1{font-size:clamp(2.1rem,4.8vw,3.6rem)}h2{font-size:clamp(1.3rem,2.4vw,1.8rem)}p{margin:0}a{color:var(--accent)}img{max-width:100%;display:block}code,pre{font-family:ui-monospace,Consolas,Menlo,monospace}
.wrap{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}.skip{position:absolute;left:-999px;background:var(--ink);color:var(--bg);padding:8px 12px}.skip:focus{left:8px;top:8px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.top{border-bottom:1px solid var(--line)}.top-in{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.brand{font-weight:700;font-size:1.3rem;text-decoration:none;color:var(--ink)}.brand b{color:var(--accent)}.top nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a{color:var(--muted);text-decoration:none;font-size:.95rem}.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}
.eyebrow{color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.lead{color:var(--muted);font-size:1.12rem;margin-top:14px;max-width:56ch}.ph{width:100%;height:auto;border-radius:6px}
.hero{padding:52px 0 36px}.hero-g{display:grid;gap:40px;align-items:center}.l-split .hero-g{grid-template-columns:1.1fr .9fr}.l-stack .hero-g{grid-template-columns:1fr}.l-stack .hero .ph{max-height:280px;object-fit:cover}.l-over .hero{position:relative;overflow:hidden;padding:84px 0 92px}.l-over .hero .ph{position:absolute;inset:0;height:100%;object-fit:cover;opacity:.42;border-radius:0}.l-over .hero-g{position:relative}
.tool{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:22px;margin-bottom:44px}.tool-f{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.tool label{flex:1 1 150px;min-width:0}.tool label span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:5px}.tool input,.tool select{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:9px 10px}.res{margin-top:18px;font-size:1.3rem;font-weight:700;min-height:1.6em}.res small{display:block;font-size:.9rem;font-weight:400;color:var(--muted);margin-top:4px}.swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.sw{width:44px;height:44px;border-radius:5px;border:1px solid var(--line)}.block{padding-bottom:48px}.more{font-weight:700}
.head{padding:44px 0 22px}.ep{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:12px}.ep p{color:var(--muted)}.ep-t{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.ep code{overflow-wrap:anywhere}.btn{font:inherit;font-size:.88rem;font-weight:700;background:none;color:var(--accent);border:1px solid var(--accent);border-radius:5px;padding:6px 12px;cursor:pointer}.out{background:#0f1720;color:#d5e1ef;border-radius:5px;padding:12px;margin:10px 0 0;font-size:.82rem;overflow:auto;max-height:320px;white-space:pre-wrap;overflow-wrap:anywhere}.art{max-width:760px;padding:44px 24px 60px}.art h1{font-size:clamp(1.8rem,4vw,2.7rem)}.art h2{margin:28px 0 8px;font-size:1.3rem}.art p{margin-top:12px}.meta{color:var(--muted);font-size:.9rem;margin-top:10px}.nf{padding:80px 0 120px}.foot{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;padding:24px 0 30px;margin-top:20px}.foot a{color:var(--muted)}
@media (max-width:820px){.l-split .hero-g{grid-template-columns:1fr}.hero{padding-top:34px}}@media (max-width:640px){body{font-size:16px}.wrap{padding-left:16px;padding-right:16px}.art{padding-left:16px;padding-right:16px}}