:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem max(4vw,1.2rem);border-bottom:1px solid var(--line)}.brand{font-size:1.3rem;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:.6rem}.brand b{font-size:1.8rem;color:var(--accent)}nav{display:flex;gap:1.2rem;flex-wrap:wrap}nav a{font-size:.9rem;opacity:.72}nav a:hover,nav a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 1.3rem}.intro{padding:3.2rem 0 2rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.75rem;font-weight:800}h1{font-size:clamp(2.5rem,7vw,5.5rem);letter-spacing:-.065em;line-height:.98;margin:.5rem 0 1rem;max-width:850px}h2{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.035em;margin:.3rem 0}p{line-height:1.65}.lead{font-size:1.12rem;max-width:620px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:2rem;padding-bottom:5rem}.tool-list{display:grid;align-content:start;gap:.6rem}.tool-tab{border:1px solid var(--line);background:transparent;color:var(--text);text-align:left;padding:1rem 1.1rem;border-radius:var(--radius);font-weight:700}.tool-tab.active{background:var(--accent);color:var(--onaccent);border-color:var(--accent)}.tool-tab small{display:block;font-weight:400;opacity:.7;margin-top:.3rem}.calc{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.2rem,4vw,2.5rem);min-height:390px;box-shadow:var(--shadow)}.calc[hidden]{display:none}.calc>p{color:var(--muted);margin-top:.2rem}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}label{display:grid;gap:.45rem;font-weight:650;font-size:.9rem}input{width:100%;padding:.85rem .9rem;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:calc(var(--radius) / 2);outline-offset:2px}input:focus{outline:2px solid var(--accent)}.result{border-top:1px solid var(--line);padding-top:1.2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.result span{color:var(--muted);font-size:.88rem}.result strong{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.04em}.hint{font-size:.8rem;color:var(--muted);margin-top:1.4rem}footer{border-top:1px solid var(--line);padding:2rem max(4vw,1.2rem);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem}footer a{text-decoration:underline}.article{max-width:760px;padding:4rem 1.3rem 8rem;min-height:65vh}.article h1{font-size:clamp(2.5rem,6vw,4.5rem)}.article h2{margin-top:2rem}.article p,.article li{color:var(--muted)}.article a{text-decoration:underline;color:var(--accent)}.note{padding:1.3rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-top:2rem}
.budget{--bg:#091825;--text:#f3f9fa;--muted:#a5bec9;--panel:#10283a;--line:#315065;--input:#0c2030;--accent:#9cffab;--onaccent:#0c2b1a;--radius:12px;--shadow:none}.budget .intro{border-bottom:1px solid var(--line);margin-bottom:2rem}.budget h1{font-weight:800}.budget .calc{background:linear-gradient(140deg,#153246,#0c2231)}
.home{--bg:#f2f0e8;--text:#233d48;--muted:#61757a;--panel:#fffefa;--line:#bccbc8;--input:#fbfcf8;--accent:#235f73;--onaccent:white;--radius:3px;--shadow:8px 8px 0 #d6ded8;background-image:linear-gradient(#d6e3df55 1px,transparent 1px),linear-gradient(90deg,#d6e3df55 1px,transparent 1px);background-size:32px 32px}.home h1{font-weight:500;letter-spacing:-.07em}.home .calc{border:2px solid var(--accent)}.home .tool-tab{border-left:5px solid var(--accent)}
.kitchen{--bg:#f7eee6;--text:#522c30;--muted:#765c5d;--panel:#fffaf5;--line:#dbc8bd;--input:#fff;--accent:#a2434f;--onaccent:white;--radius:24px;--shadow:0 18px 45px #522c301a;font-family:Georgia,serif}.kitchen h1,.kitchen h2{letter-spacing:-.04em;font-weight:400}.kitchen .brand,.kitchen nav,.kitchen label,.kitchen button,.kitchen input,.kitchen footer,.kitchen .eyebrow,.kitchen .result span{font-family:ui-sans-serif,system-ui,sans-serif}.kitchen .intro{text-align:center}.kitchen .intro h1,.kitchen .lead{margin-left:auto;margin-right:auto}.kitchen .workspace{grid-template-columns:1fr}.kitchen .tool-list{grid-template-columns:repeat(3,1fr)}.kitchen .calc{max-width:850px;width:100%;margin:auto}.kitchen .tool-tab{text-align:center}
.time{--bg:#e5edff;--text:#10227a;--muted:#40539c;--panel:#fff;--line:#10227a;--input:#f4f7ff;--accent:#fae343;--onaccent:#10227a;--radius:0px;--shadow:7px 7px 0 #10227a}.time header{background:#10227a;color:white}.time .brand b{color:#fae343}.time .intro{background:#10227a;color:white;padding:3rem 2rem;margin:2rem 0}.time .intro .lead{color:#bfd0ff}.time .intro .eyebrow{color:#fae343}.time .tool-tab{border:2px solid var(--line)}.time .calc{border:2px solid var(--line)}.time .result strong{font-variant-numeric:tabular-nums}
.school{--bg:#f8f7fd;--text:#292451;--muted:#6c6886;--panel:white;--line:#d9d6ed;--input:#faf9ff;--accent:#6549bf;--onaccent:white;--radius:16px;--shadow:0 12px 40px #33278012}.school .intro{padding-bottom:3rem}.school .intro:after{content:'';display:block;background:linear-gradient(90deg,#6549bf 33%,#f1ae4b 33%,#f1ae4b 66%,#76bcb5 66%);height:6px;width:170px;margin-top:2rem;border-radius:20px}.school .calc{border-top:5px solid var(--accent)}.school .tool-tab.active{box-shadow:0 5px 14px #6549bf40}
@media(max-width:720px){header{align-items:flex-start;flex-direction:column}nav{gap:.75rem 1.1rem}.intro{padding:2.2rem 0 1.2rem}.workspace{grid-template-columns:1fr;gap:1rem}.tool-list,.kitchen .tool-list{display:flex;overflow-x:auto;padding:0 0 .6rem}.tool-tab{min-width:170px}.fields{grid-template-columns:1fr}.calc{min-height:0}.result{align-items:flex-start;flex-direction:column}.time .intro{margin:1rem 0;padding:2rem 1rem}}