/* ViceLabHQ tools extension: inherits existing dark teal / lime palette */
:root{--tl-lime:#d8f49b;--tl-ink:#101c20;--tl-muted:#b6c8bd}
@media(min-width:801px) and (max-width:1320px){.site-header .header-tag{display:none}.site-header #nav a{padding:9px 10px}}
@media(min-width:801px) and (max-width:950px){.site-header{gap:8px}.site-header #nav a{padding:9px 7px;min-height:45px;justify-content:center}.site-header #nav a small{display:none}}
.storage-teaser,.tools-hero,.storage-hero{border:1px solid #4c695a;border-radius:13px;background:radial-gradient(ellipse at 88% 6%,#34594f,#15292d 64%);display:grid;gap:25px;align-items:center;overflow:hidden}
.storage-teaser{grid-template-columns:1.5fr .7fr;padding:35px;margin:22px 0}.storage-teaser h2{font-size:clamp(28px,3.5vw,46px);margin:13px 0}.storage-teaser p{font-size:14px;line-height:1.8;max-width:620px}.storage-teaser .button{margin-top:9px}.storage-teaser-art{background:#102a2b;border:1px solid #587263;border-radius:10px;padding:27px;display:grid;gap:20px}.storage-teaser-art>span{letter-spacing:.14em;font-weight:700;color:#d8f49b;font-size:12px}.storage-teaser-art small{font-size:11px;color:#bfd3c4}.storage-teaser-meter{height:18px;padding:3px;border-radius:25px;border:1px solid #668269}.storage-teaser-meter span{display:block;width:77%;height:100%;border-radius:20px;background:#d8f49b}
.tools-hero{grid-template-columns:1.4fr .6fr;padding:clamp(30px,5vw,64px);margin:20px 0}.tools-hero h1,.storage-hero h1{font-size:clamp(39px,5vw,72px);letter-spacing:-.055em;line-height:1.07;margin:0 0 22px}.tools-hero h1 em,.storage-hero h1 em{font-family:Georgia,serif;color:#d8f49b;font-weight:400}.tools-hero .lead{font-size:16px}.tools-hero-stats,.storage-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.tools-hero-stats span,.storage-hero-tags span{font-size:10px;letter-spacing:.06em;padding:8px 11px;border:1px solid #587565;border-radius:4px;color:#e0f2d8}.tools-hero-console{text-align:center}.mock-disc{border-radius:50%;width:min(220px,100%);aspect-ratio:1;margin:auto auto 18px;display:grid;place-items:center;border:3px solid #d8f49b;box-shadow:0 0 65px #d8f49b20,inset 0 0 45px #d8f49b40}.mock-disc-inner{font:900 clamp(64px,9vw,112px)/1 Georgia,serif;color:#d8f49b}.tools-hero-console small{font-size:10px;color:#bed3c1;letter-spacing:.12em}.tools-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.library-tile{display:flex;align-items:flex-start;flex-direction:column;text-decoration:none;border:1px solid #476055;background:#192e30;border-radius:10px;padding:28px;min-height:300px;transition:border-color .2s,transform .2s}.library-tile.featured{background:linear-gradient(130deg,#315146,#192e30);border-color:#99b58c}.library-tile:hover{border-color:#d8f49b;transform:translateY(-3px)}.library-symbol{font-size:34px;color:#d8f49b;line-height:1;margin-bottom:14px}.library-tile h3{font-size:clamp(23px,2.4vw,32px);margin:16px 0 10px}.library-tile h3 span{color:#d8f49b}.library-tile p{font-size:14px;line-height:1.8;flex:1}.library-foot{border-top:1px solid #4b665b;padding-top:14px;width:100%;color:#d8f49b;display:flex;justify-content:space-between;gap:15px;font-size:11px}.library-foot b{color:#acc6b0;font-weight:400}.tools-guidance{padding:42px 0 65px;max-width:810px}.tools-guidance p{line-height:1.8}
.storage-hero{grid-template-columns:1.5fr .7fr;padding:clamp(24px,4vw,54px);margin:12px 0 18px}.storage-hero .lead{font-size:16px}.size-spotlight{background:#102528;border:1px solid #638173;border-radius:13px;padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:13px}.size-spotlight .eyebrow{margin:0;font-size:9px}.size-spotlight strong{font-size:clamp(70px,7vw,100px);letter-spacing:-.07em;line-height:1;color:#d8f49b}.size-spotlight strong small{font-size:24px;letter-spacing:0;color:#c2d9c5}.size-spotlight p{font-size:12px;line-height:1.7;margin:0}.size-spotlight>a{font-size:12px;color:#d8f49b}.evidence-banner{display:flex;align-items:flex-start;gap:17px;background:#3d3528;border-left:3px solid #edba7e;border-radius:6px;padding:20px;margin:20px 0 33px}.evidence-banner-mark{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;flex:0 0 25px;background:#edba7e;color:#172626;font-weight:900}.evidence-banner p{margin:0;color:#f0e4d1;font-size:13px;line-height:1.8}
.calculator-shell{border:1px solid #4e675c;background:#14292c;border-radius:13px;overflow:hidden;margin:32px 0 65px}.calculator-intro{background:#203b39;border-bottom:1px solid #466258;padding:27px 32px;display:flex;justify-content:space-between;align-items:center;gap:18px}.calculator-intro h2{font-size:34px;margin:5px 0}.calculator-intro .eyebrow,.calculator-intro p{margin:0}.calculator-intro p{font-size:13px}.sim-label{font-size:10px;letter-spacing:.07em;padding:8px;border:1px solid #79977b;border-radius:4px;color:#def5bc}.calculator-layout{display:grid;grid-template-columns:1fr 1fr}.storage-input-panel,.storage-result-panel{padding:32px}.storage-input-panel{border-right:1px solid #456057}.storage-input-panel fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}.storage-input-panel legend{font-size:14px;font-weight:700;margin-bottom:13px}.console-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.console-option{display:block;cursor:pointer;min-width:0}.console-option input{position:absolute;opacity:0;width:1px;height:1px;min-height:1px}.console-option span{border:1px solid #587366;border-radius:6px;padding:11px;background:#102529;min-height:85px;display:flex;flex-direction:column;justify-content:center;font-size:13px;line-height:1.3;font-weight:700}.console-option span small{font-size:10px;line-height:1.5;font-weight:400;color:#bdcdbf;margin-top:6px}.console-option input:checked+span{background:#2e483d;border-color:#d8f49b;box-shadow:inset 0 0 0 1px #d8f49b}.console-option input:focus-visible+span{outline:3px solid #d8f49b;outline-offset:3px}.control-field{margin-bottom:22px}.control-field>label{display:flex;justify-content:space-between;gap:9px;font-size:13px;font-weight:700;margin:0 0 9px;color:#e9f2e8}.field-hint{font-weight:400;color:#adcbb8;font-size:11px}.input-inline{position:relative}.input-inline input{min-height:53px;background:#0e2226;border-radius:6px;border:1px solid #597369;font-size:19px;font-weight:700;padding:12px 55px 12px 13px}.input-inline .unit{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:11px;color:#c0cebe}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.preset-group{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.preset{background:#20393a;border:1px solid #4f685b;min-height:36px;border-radius:4px;color:#dbe8d7;font-size:11px;padding:7px 12px}.preset.is-active{background:#d8f49b;color:#183027;border-color:#d8f49b}.preset small{font-size:9px}.field-note,.privacy-hint{margin:8px 0 0;font-size:11px;line-height:1.65}.reset-button{width:100%}
.storage-result-panel{display:flex;flex-direction:column;gap:22px;background:radial-gradient(ellipse at top right,#315248,#183334 67%)}.result-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #587368;padding-bottom:16px;font-size:10px;letter-spacing:.12em;color:#dcf1d0}.readiness-status{display:flex;gap:14px;align-items:center}.readiness-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;background:#4a3c2c;color:#ffd9a9;border-radius:12px;font-size:30px;font-weight:900}.readiness-icon.good{background:#2b523f;color:#d8f49b}.readiness-pill{font-size:10px;font-weight:700;border-radius:4px;padding:5px 9px}.readiness-pill.warn{background:#584630;color:#ffe0b4}.readiness-pill.good{background:#365c43;color:#e0f5bb}.readiness-status h3{font-size:clamp(22px,2.3vw,30px);margin:8px 0 5px}.readiness-status p{font-size:12px;margin:0;line-height:1.6}.result-number{margin:6px 0 0}.result-number>span{display:block;font-size:13px;color:#c2d9c4}.result-number strong{display:block;font-size:clamp(62px,6vw,91px);font-variant-numeric:tabular-nums;color:#d8f49b;line-height:1.13;letter-spacing:-.06em}.result-number strong small{font-size:24px;letter-spacing:0}.progress-copy{display:flex;justify-content:space-between;gap:13px;font-size:11px;margin-bottom:8px;color:#dbe7d7}.progress-copy b{color:#fff}.progress-track{height:13px;border:1px solid #658575;border-radius:99px;background:#102325;overflow:hidden}.progress-track span{height:100%;width:80%;display:block;background:linear-gradient(90deg,#88bfa1,#d8f49b);border-radius:99px;transition:width .2s}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:13px}.result-details>div{border:1px solid #587366;border-radius:8px;background:#153130;padding:17px}.result-details span{display:block;font-size:11px;line-height:1.5;color:#c5dac9}.result-details strong{display:block;font-size:23px;margin-top:10px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.result-disclaimer{font-size:11px;line-height:1.8}.result-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.copy-status{font-size:12px;color:#d8f49b}.share-fallback{width:100%;min-height:100px;background:#102528;color:#e3f0de;border:1px solid #77917b;border-radius:7px;padding:10px;font-size:12px}
.storage-education{margin:65px 0}.storage-explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.storage-explain-grid article{background:#172c30;border:1px solid #496159;border-radius:8px;padding:25px}.edu-index{font-size:11px;letter-spacing:.08em;color:#d8f49b}.storage-explain-grid h3{font-size:22px;margin:15px 0 12px}.storage-explain-grid p{font-size:13px;line-height:1.85;margin:0}.storage-faq{max-width:900px;margin:70px auto}.storage-faq details{padding:19px 5px;border-bottom:1px solid #446057}.storage-faq summary{cursor:pointer;font-weight:700;font-size:17px;line-height:1.5}.storage-faq details p{font-size:14px;line-height:1.85;max-width:750px;margin:12px 0 0}.storage-sources{background:#1b3032;border:1px solid #4c665d;border-radius:11px;padding:clamp(22px,4vw,42px);margin:65px 0}.storage-sources ol{padding-left:22px;display:grid;gap:19px}.storage-sources li a{font-size:14px;font-weight:700;color:#d8f49b}.storage-sources li span{display:block;font-size:12px;margin-top:6px;color:#b8cabb}.storage-sources>p{font-size:12px;line-height:1.7}.storage-next{display:flex;align-items:center;gap:12px;padding:30px 0 60px;border-top:1px solid #455f55}.storage-next>div{margin-right:auto}.storage-next h2{font-size:27px;margin:7px 0}.storage-next p{font-size:13px;margin:0}
@media(max-width:1090px){.console-options{grid-template-columns:1fr}.console-option span{min-height:56px}.storage-hero{grid-template-columns:1fr 270px}}
@media(max-width:800px){.storage-hero,.tools-hero,.storage-teaser{grid-template-columns:1fr}.tools-hero-console{display:none}.calculator-layout{grid-template-columns:1fr}.storage-input-panel{border-right:0;border-bottom:1px solid #456057}.console-options{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-library{grid-template-columns:1fr}.storage-explain-grid{grid-template-columns:1fr}.storage-next{flex-wrap:wrap}.storage-next>div{flex-basis:100%}}
@media(max-width:520px){.storage-hero,.tools-hero{padding:24px}.storage-hero h1,.tools-hero h1{font-size:clamp(35px,9vw,48px)}.storage-hero .lead{font-size:15px}.calculator-intro{padding:24px 18px;align-items:flex-start;flex-direction:column}.storage-input-panel,.storage-result-panel{padding:23px 18px}.console-options,.input-grid,.result-details{grid-template-columns:1fr}.input-grid{gap:0}.size-spotlight{padding:20px}.storage-teaser-art{display:none}.storage-next .button{width:100%}.library-tile{min-height:260px;padding:22px}.storage-faq summary{font-size:15px}.library-foot{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.library-tile,.progress-track span{transition:none}}