:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;--bg:light-dark(#f6f7f3,#111916);--surface:light-dark(#fff,#1c2923);--text:light-dark(#172b21,#edf7ef);--muted:light-dark(#64756b,#afc1b5);--line:light-dark(#dce5dc,#34483a);--accent:#b8ed75;--dark:#193b2b;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}#app{background:var(--bg);color:var(--text);min-height:100vh;border-radius:0}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:auto;padding:0 26px}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.logo{font-size:22px;font-weight:900;letter-spacing:-1px}.logo span{color:#6eaa32}.nav small{color:var(--muted)}.hero{padding:64px 0 44px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#64963a}.hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.065em;line-height:1.02;margin:14px 0 22px}.hero p{color:var(--muted);font-size:18px;max-width:590px;line-height:1.6}.hero-art{border-radius:28px;background:#193b2b;color:#e9f8d7;min-height:270px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-art:after{content:'⌁';position:absolute;font-size:280px;right:15px;top:-80px;color:#b8ed75;opacity:.25}.hero-art strong{font-size:28px;max-width:230px;line-height:1.15;z-index:1}.hero-art span{z-index:1;color:#b8ed75;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:16px 0 22px}.section-head h2{font-size:28px;letter-spacing:-1px;margin:0}.section-head p{color:var(--muted);margin:5px 0 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:22px;text-align:left;color:var(--text);transition:transform .15s,border-color .15s;min-height:175px}.tool:hover{transform:translateY(-3px);border-color:#84ba50}.tool.active{outline:2px solid #7eaf4a}.tool .symbol{font-size:30px;display:block;margin-bottom:19px}.tool strong{display:block;font-size:17px}.tool small{display:block;color:var(--muted);margin-top:8px;line-height:1.4}.workspace{display:grid;grid-template-columns:1fr .8fr;gap:18px;margin:26px 0 55px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px}.panel h3{font-size:25px;letter-spacing:-.8px;margin:0 0 8px}.sub{color:var(--muted);margin:0 0 26px;font-size:14px;line-height:1.5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:13px;color:var(--text);outline:none}.field input:focus,.field select:focus{border-color:#75ac41}.hint{font-size:12px;color:var(--muted);margin-top:6px}.result{background:#193b2b;color:#fff;border-radius:22px;padding:29px;display:flex;flex-direction:column;justify-content:space-between;min-height:290px}.result .tag{color:#b8ed75;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.result .number{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;font-weight:850;margin:16px 0 5px}.result .unit{font-size:16px;color:#c9d9cc}.result .note{font-size:13px;color:#c9d9cc;line-height:1.55;margin:15px 0 24px}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:800;border:0}.primary{background:#b8ed75;color:#193b2b}.secondary{background:#355643;color:#fff}.info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:55px}.info>div{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:13px;line-height:1.6}.info strong{display:block;color:var(--text);font-size:15px;margin-bottom:5px}footer{border-top:1px solid var(--line);padding:25px 0 45px;color:var(--muted);font-size:12px}.hidden{display:none}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:44px 0 30px}.hero-art{min-height:170px}.cards{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.info{grid-template-columns:1fr}}@media(max-width:480px){.shell{padding:0 16px}.hero h1{font-size:46px}.cards{gap:9px}.tool{padding:15px;min-height:160px}.panel,.result{padding:20px}.fields{grid-template-columns:1fr}.nav small{display:none}}
.page-links{margin:32px 0}.page-links h2{font-size:27px;letter-spacing:-1px;margin:0 0 8px}.page-links p{color:var(--muted)}.page-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.page-link-grid a{display:block;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);font-weight:750;text-decoration:none}.page-link-grid a:hover,.page-link-grid a:focus{border-color:#84ba50;text-decoration:underline}@media(max-width:600px){.page-link-grid{grid-template-columns:1fr}}
a{color:inherit}.guide{max-width:850px;margin:35px auto 60px;line-height:1.7}.guide h1{font-size:clamp(36px,5vw,56px);letter-spacing:-.05em;line-height:1.1}.guide h2{margin-top:35px}.guide p,.guide li{color:var(--muted)}.guide .workspace{margin:28px 0}.guide .workspace .panel{text-align:left}.guide .result{text-align:left}.guide .fields{line-height:1.4}.guide .fields .hint{color:var(--muted)}.guide .field label{color:var(--text)}.crumbs{padding-top:25px;font-size:14px}.crumbs a{color:var(--muted)}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.related a{padding:14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--surface)}.related a:hover{text-decoration:underline}@media(max-width:600px){.related{grid-template-columns:1fr}}

.site-info-links{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.site-info-links a{color:var(--text);text-underline-offset:4px}.content-page{max-width:780px;margin:45px auto 70px;line-height:1.7}.content-page h1{font-size:clamp(36px,5vw,54px);letter-spacing:-.05em;line-height:1.1}.content-page h2{margin-top:30px}.content-page p,.content-page li{color:var(--muted)}.contact-link{display:inline-block;padding:14px 20px;background:#b8ed75;color:#193b2b;border-radius:10px;font-weight:800;text-decoration:none}


/* ProjectLab navy-and-teal theme */
:root{color-scheme:light;--bg:#f3f7fb;--surface:#ffffff;--text:#132c46;--muted:#536c80;--line:#d5e2ea;--accent:#37d4c0;--dark:#102f4b}
.logo span,.eyebrow,.crumbs a,.related a,.site-info-links a,footer a{color:#087e86}
.hero-art,.result{background:#102f4b}
.hero-art{color:#e7fbfa}
.hero-art span,.result .tag{color:#55e0d0}
.hero-art:after{color:#45d6cc}
.tool:hover{border-color:#0c9c9d}
.tool.active{outline-color:#0c9c9d}
.field input:focus,.field select:focus{border-color:#0c9c9d}
.primary{background:#4ee0cd;color:#102f4b}
.secondary{background:#285573;color:#fff}
.guide h2{margin-top:32px}
.guide h3{color:var(--text);margin:18px 0 6px}