:root{--ink:#122c2a;--dark:#09201d;--dark2:#10332a;--green:#236a4b;--g2:#3a8961;--mint:#dbefe1;--accent:#ee9854;--bg:#f4f7f5;--muted:#788a81;--border:#e4ece6;--font:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ee9854;outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin-top:0}.app{display:flex;min-height:100vh}.sidebar{width:246px;position:sticky;top:0;flex:none;height:100vh;background:#0a211e;color:#eff8f1;padding:30px 16px 18px;display:flex;flex-direction:column;z-index:8}.brand{display:flex;align-items:center;gap:9px;padding:0 8px 29px;border-bottom:1px solid #28463f;margin-bottom:30px}.brand-mark{font:800 22px var(--display);letter-spacing:-5px;color:#86c995;transform:rotate(-3deg);margin-right:5px}.brand-mark span{color:var(--accent);font-size:11px;vertical-align:top;letter-spacing:0;margin-left:3px}.brand-name{font:800 30px/1 var(--display);letter-spacing:-1.5px}.brand-name span,footer strong span{color:var(--accent);margin:0 1px}.brand-tagline{color:#a6bdaf;font-size:9.5px;line-height:1.45;margin-top:7px;letter-spacing:.12px}.nav-caption{color:#7caa9b;font-size:9px;letter-spacing:1.9px;font-weight:800;margin:0 13px 15px}.nav{display:grid;gap:4px;margin-bottom:29px}.nav-item{height:46px;width:100%;display:flex;align-items:center;gap:13px;border:0;color:#b2c8bd;text-align:left;background:transparent;padding:0 14px;border-radius:10px;font-weight:700;font-size:12px}.nav-item:hover{background:#153a31}.nav-item.active{background:#24483e;color:#f0fff1}.nav-ico{font-size:20px;font-weight:500;width:19px;color:#a2d3a8}.nav-mark{margin-left:auto;background:#9ae68c;width:6px;height:6px;border-radius:50%;box-shadow:0 0 9px #95e58e99}.nav-mark.local{background:#f1a867;box-shadow:none}.side-grow{flex:1}.side-feature{background:linear-gradient(150deg,#214a3a,#102c28);border:1px solid #2c5e4b;border-radius:12px;padding:21px 17px;margin-bottom:22px;position:relative;overflow:hidden}.feature-kicker{font-size:8px;letter-spacing:1.4px;color:#b3dca6;font-weight:800;display:flex;gap:7px;align-items:center;margin-bottom:20px}.indicator{display:inline-block;width:6px;height:6px;flex:none;background:#8bcf81;box-shadow:0 0 0 3px #8bcf8125;border-radius:50%}.side-feature strong{font:800 16px/1.4 var(--display);letter-spacing:-.4px}.side-feature p{font-size:10px;line-height:1.8;color:#b0caba;margin:12px 0 22px}.side-feature button{background:none;border:0;color:#a9da99;font-size:10px;font-weight:800;padding:0}.side-user{display:flex;align-items:center;gap:10px;padding:16px 4px 0;border-top:1px solid #28463f;font-size:11px;font-weight:700}.side-user small{display:block;color:#819e91;font-weight:400;font-size:9px;margin-top:4px}.side-user>.indicator{margin-left:auto}.user-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:#a8d59e;background:#28583e;font-weight:800}.main-shell{flex:1;min-width:0}.topbar{height:72px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 42px;gap:15px}.bread{display:flex;align-items:center;gap:17px;font-size:9px;font-weight:800;letter-spacing:1.45px;color:#9bad9f}.bread b{letter-spacing:0;color:#44695a;font-size:11px}.crumbslash{color:#c3d4c7}.topright{display:flex;gap:17px;align-items:center}.live-pill{border:1px solid #e2eee5;border-radius:100px;padding:9px 13px;color:#57775e;font-weight:700;font-size:10px;display:flex;align-items:center;gap:8px}.top-primary{background:#1a543c;color:white;border:none;border-radius:7px;font-size:11px;font-weight:800;padding:13px 17px}.menu-toggle{display:none;background:transparent;color:#23533f;border:0;font-size:20px}.content{max-width:1600px;padding:45px 43px 30px;margin:0 auto}.view{display:none}.view.active{display:block}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.kicker,.card-kicker{font-size:10px;letter-spacing:2.1px;color:#428667;font-weight:800}.kicker{display:flex;gap:12px;align-items:center;margin-bottom:19px}.kicker span{width:22px;height:1px;background:#3d8965}.hero h1,.page-intro h1{font:800 clamp(32px,3vw,51px)/1.2 var(--display);letter-spacing:-2.4px;margin:0 0 13px}.hero h1 em,.page-intro h1 em{font-style:normal;color:#338359}.hero p,.page-intro>p,.page-intro>div>p{font-size:12px;line-height:1.85;color:#8c9f94;max-width:690px;margin:0}.hero-controls{width:310px;flex:none;margin-bottom:3px}.field-caption{display:block;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#8eaa96;margin-bottom:9px}.select-with-icon{position:relative;background:white;border-radius:9px;border:1px solid #dce8df;display:flex;align-items:center;padding-left:13px}.select-with-icon>span{color:#568f70;font-size:21px}.select-with-icon select{height:43px;width:100%;border:0;background:transparent;padding:0 10px;color:#325d47;font-size:12px;font-weight:800;outline:none}.field-meta{display:flex;gap:9px;color:#8ba397;font-size:10px;margin-top:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:34px}.metric{border:1px solid var(--border);border-radius:12px;padding:19px 21px;background:#fff;min-height:137px}.metric>div{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#88a18f;display:flex;justify-content:space-between}.metric>div span{color:#8ab59a;font-size:17px}.metric strong{font:800 clamp(22px,2vw,31px) var(--display);letter-spacing:-1.1px;display:block;margin:14px 0 5px}.metric strong small{font:500 13px var(--font);letter-spacing:0;margin-left:6px;color:#99a99f}.metric p{font-size:10px;color:#8c9f93;margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}.section-head h2,.percentile-top h2,.gallery-heading h2{font:800 21px var(--display);letter-spacing:-.7px;margin:0 0 6px}.section-head p,.percentile-top p,.gallery-heading p{font-size:11px;color:#92a499;margin:0;line-height:1.6}.section-tag{font:800 9px var(--font);color:#41865b;background:#e6f3e9;border:1px solid #c5e2ce;padding:5px 7px;vertical-align:middle;border-radius:4px;letter-spacing:1.1px;margin-left:5px}.source-tabs{display:flex;flex-wrap:wrap;gap:6px}.source-tab{background:white;border:1px solid #e0e9e2;border-radius:7px;color:#698676;font-size:11px;padding:11px 14px;font-weight:800}.source-tab:hover,.source-tab.active{background:#20563e;color:white;border-color:#20563e}.source-tab.disabled{color:#9eb1a3;background:#f7faf8}.source-tab.disabled small{font-weight:600;font-size:9px;margin-left:6px;color:#a7bcb0}.surface{background:#fff;border:1px solid #e2ebe4;border-radius:13px;box-shadow:0 4px 18px #1c432607}.work-grid{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(315px,.89fr);gap:15px;align-items:stretch}.plot-viewer{min-width:0;display:flex;flex-direction:column;overflow:hidden}.plot-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 19px}.plot-headline{display:flex;align-items:center;gap:12px}.plot-color{display:block;height:36px;width:13px;border-radius:5px;background:linear-gradient(0deg,#faf5b6,#80ce89,#0b6f44);border:3px solid #e4f1e3}.plot-headline small{color:#9eb0a3;font-size:8px;letter-spacing:1.2px;font-weight:800}.plot-headline h3{font:800 17px var(--display);margin:4px 0 0}.plot-headline h3 span{font-size:11px;color:#94a699;font-weight:600}.plot-header select{width:min(40%,230px);height:37px;border:1px solid #e0ebe2;background:#f9fcfa;color:#42634d;border-radius:7px;padding:0 12px;font-size:11px;font-weight:800}.viewer-body{position:relative;min-height:410px;height:445px;background:radial-gradient(circle at 22% 18%,#f8fbf7,#edf2ed 65%);display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid #e7eee9;border-bottom:1px solid #e7eee9;padding:30px 14px 18px}.viewer-body:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#30664108 1px,transparent 1px),linear-gradient(90deg,#30664108 1px,transparent 1px);background-size:38px 38px;pointer-events:none}.viewer-body img{position:relative;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 16px 42px #163b2f1c;border:1px solid #d3ded5;background:white;cursor:zoom-in}.viewer-accent{position:absolute;top:12px;left:13px;background:#12382ce8;padding:8px 10px;color:#e5f4e8;border-radius:5px;font-weight:800;font-size:8px;letter-spacing:.65px;z-index:2}.viewer-tools{position:absolute;right:17px;bottom:16px;z-index:2}.viewer-tools button{width:36px;height:36px;background:#fff;border:1px solid #dce9de;color:#2b5f45;border-radius:7px;font-size:19px}.viewer-footer{display:flex;gap:13px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:13px 18px;min-height:55px;color:#587a64;font-size:9px}.plot-status{display:flex;align-items:center;gap:8px;font-weight:800}.muted-sep{color:#bdcbbd}.foot-warning{color:#a5b6aa}.insight{padding:23px 23px 15px;display:flex;flex-direction:column}.eyebrow{font-size:9px;color:#4b8f69;letter-spacing:1.7px;font-weight:800;display:flex;align-items:center;gap:10px}.eyebrow i{height:1px;width:17px;background:#4b9167}.eyebrow b{margin-left:auto;border:1px solid #d4e6d9;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;letter-spacing:0;color:#6b9a77}.insight h3{font:800 21px/1.35 var(--display);letter-spacing:-.8px;margin:21px 0 12px}.insight>p{font-size:11px;line-height:1.9;color:#83988a;min-height:77px;margin:0 0 14px}.formula-box{padding:15px;background:#f4f8f5;border:1px solid #e3eee5;border-radius:8px;color:#285c43}.formula-box small{font-size:9px;letter-spacing:1px;font-weight:800;color:#86a591;display:block;margin-bottom:9px}.formula-box div{font:700 12px/1.75 var(--display);overflow-wrap:anywhere}.insight-divider{height:1px;background:#ebf0ec;margin:19px 0}.reading-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.reading-head b{font-size:12px}.reading-head span{font-size:10px;color:#8ea796}.reading-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.reading-stats>div{background:#f4f8f5;border:1px solid #e8f0e8;padding:14px;border-radius:7px}.reading-stats small{display:block;font-size:8px;letter-spacing:1.1px;color:#95ab9a;font-weight:800;margin-bottom:9px}.reading-stats strong{font:800 21px var(--display);color:#285d41}.reading-stat{border-bottom:1px solid #eef2ee;padding:9px 0;display:flex;justify-content:space-between;gap:7px;font-size:10px}.reading-stat span{color:#8c9e91}.reading-stat b{color:#3c5c48;white-space:nowrap}.info-caution{margin-top:auto;padding:16px 0 3px;color:#a38a5f;font-size:10px;line-height:1.7}.info-caution:before{content:'⚠';margin-right:8px;color:#d3a667}.percentile-card{margin-top:17px;padding:25px 27px}.percentile-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.percentile-top h2{margin-top:7px;font-size:22px}.real-data-pill{font-size:10px;color:#32805c;background:#eff9f1;padding:10px 12px;border:1px solid #dbebdd;border-radius:30px;white-space:nowrap;font-weight:800}.percentile-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0}.percentile-tile{padding:18px 15px 15px;background:#f6faf6;border:1px solid #e0ece1;border-radius:10px;min-width:0}.percentile-tile.p50{background:#e6f3e9;border-color:#bedbc7}.percentile-tile small{display:block;font-size:10px;letter-spacing:1.4px;color:#4b8a65;font-weight:800}.percentile-tile strong{display:block;margin:12px 0 8px;font:800 clamp(18px,1.55vw,24px) var(--display);letter-spacing:-.6px;color:#193d30}.percentile-tile span{display:block;color:#8aa392;font-size:9px}.dist-wrap{padding:7px 5px 4px}.dist-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:800;color:#95a79a}.dist-head b{color:#345e46;margin-left:6px;letter-spacing:0;font-size:10px}.dist-track{height:11px;border-radius:12px;background:linear-gradient(90deg,#e8f2d2,#93c49b,#276e4b);margin:21px 0 18px;position:relative}.dist-iqr{position:absolute;top:-4px;bottom:-4px;border:2px solid #1b6945;background:#32775545;border-radius:5px}.dist-markers{position:absolute;inset:0}.dist-marker{position:absolute;top:-5px;bottom:-5px;width:2px;background:#fff;box-shadow:0 0 0 1px #2f6546}.dist-marker.m50{background:#f0a264;width:3px;box-shadow:0 0 0 1px #b36c37}.dist-explanation{font-size:10px;color:#8da092;line-height:1.6}.percentile-why{margin-top:18px;display:flex;gap:12px;background:#f7faf7;border-radius:7px;padding:13px 16px;font-size:11px;line-height:1.65;color:#68816f}.percentile-why>span{width:22px;height:22px;flex:none;background:#deeee1;color:#377453;display:grid;place-items:center;border-radius:50%;font-weight:800}.percentile-why strong{color:#345941}.below-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin-top:16px}.comparison-card,.gallery-card{padding:23px 25px}.small-card-head{display:flex;justify-content:space-between;gap:10px}.small-card-head h3{font:800 18px var(--display);letter-spacing:-.5px;margin:8px 0}.small-card-head p{font-size:10px;line-height:1.65;color:#99ac9e}.subtle-button{align-self:start;border:1px solid #deeadf;background:#f7faf7;color:#407859;font-size:10px;padding:8px 12px;border-radius:6px;font-weight:800}.mini-chart{height:178px;margin-top:12px}.mini-chart svg{width:100%;height:100%;overflow:visible}.chart-caveat{font-size:9px;color:#9eaa9d;line-height:1.6;margin-top:12px}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.mini-gallery button{background:#f6f9f5;border:1px solid #e0eae1;border-radius:8px;padding:6px;min-width:0;text-align:left}.mini-gallery img{width:100%;height:115px;object-fit:contain;background:white;border-radius:4px}.mini-gallery span{display:block;font-weight:800;font-size:9px;color:#527059;padding:6px 4px}.learning-teaser{margin-top:16px;background:#153d2d;color:#ecf6eb;border-radius:13px;padding:27px 32px;display:flex;justify-content:space-between;gap:25px;align-items:center}.learning-teaser span{display:block;font-size:8px;letter-spacing:1.5px;color:#a9ce9d;font-weight:800;margin-bottom:10px}.learning-teaser h3{font:800 21px/1.4 var(--display);letter-spacing:-.5px;margin:0 0 7px}.learning-teaser p{max-width:670px;color:#bed4c1;font-size:11px;line-height:1.8;margin:0}.learning-teaser button{background:#dfecd8;border:0;color:#235238;border-radius:7px;white-space:nowrap;padding:13px;font-size:11px;font-weight:800}.page-intro{padding:4px 0 29px}.page-intro h1{margin:0 0 14px}.compare-workspace{padding:27px}.compare-config{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px;padding-bottom:25px;border-bottom:1px solid #edf1ed}.compare-config label,.admin-fields label{font-size:10px;display:flex;flex-direction:column;gap:9px;font-weight:800;color:#719078}.compare-config select,.admin-fields select,.admin-fields input{height:42px;border:1px solid #dee9df;border-radius:7px;background:#fbfcfa;padding:0 13px;font-size:11px;color:#3d604c;min-width:0}.chart-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.chart-title h3{font:800 20px var(--display);margin:0 0 6px}.chart-title p{font-size:11px;color:#96a99c;margin:0}.chart-legend{display:flex;gap:16px;font-size:10px;color:#748d7a;font-weight:700;flex-wrap:wrap}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}.legend-one{background:#3c8862}.legend-two{background:#e19c5d}.comparison-chart{min-height:320px;padding:12px 0}.comparison-chart svg{width:100%;height:320px;overflow:visible}.compare-missing{background:#faf9f3;border:1px solid #f1e6ce;color:#957f50;text-align:center;padding:35px 18px;border-radius:10px;font-size:13px;line-height:1.8;margin:20px 0}.chart-bottom-note{border-top:1px solid #edf2ed;padding:16px 0 2px;color:#91a497;font-size:10px;line-height:1.6}.gallery-heading{display:flex;justify-content:space-between;gap:15px;margin:35px 0 18px}.gallery-heading h2{font-size:24px}.gallery-filters{display:flex;gap:8px}.pill{border:1px solid #dfebdf;color:#62816d;font-size:10px;font-weight:800;background:white;border-radius:7px;padding:11px 15px}.pill.active{background:#235a41;border-color:#235a41;color:#fff}.plots-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plot-thumb{min-width:0;background:white;border:1px solid #e0eae1;border-radius:12px;padding:11px;text-align:left;transition:transform .15s,box-shadow .15s}.plot-thumb:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1c3f2f18}.plot-thumb img{width:100%;height:145px;object-fit:contain;background:#f7faf7;border-radius:7px}.plot-thumb strong{display:block;font:800 12px var(--display);margin:12px 4px 5px;line-height:1.4}.plot-thumb span{color:#8da292;font-size:10px;display:block;margin:0 4px 6px}.theory-feature{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;padding:30px;margin-bottom:21px}.theory-feature h2{font:800 23px var(--display);margin:10px 0}.theory-feature p{font-size:12px;line-height:1.9;color:#799284;margin:0}.theory-steps{display:grid;gap:8px}.theory-steps>div{background:#f3f8f3;border-radius:7px;padding:12px;display:flex;gap:14px;align-items:center}.theory-steps strong{font-size:12px;color:#2a6b4b;min-width:82px}.theory-steps span{font-size:10px;color:#78917d}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lib-card{border:1px solid #e2ebe3;background:white;padding:23px;border-radius:13px;display:flex;flex-direction:column;gap:12px}.lib-top{display:flex;align-items:center;justify-content:space-between}.lib-source{font-size:9px;letter-spacing:1px;font-weight:800;background:#e9f5ea;color:#438162;padding:7px 9px;border-radius:6px}.lib-number{color:#bed0c1;font:800 16px var(--display)}.lib-card h3{font:800 18px/1.4 var(--display);letter-spacing:-.4px;margin:0}.lib-card p{font-size:11px;line-height:1.8;color:#859a8b;margin:0}.lib-card code{display:block;background:#f1f8f3;border:1px solid #e1ede3;border-radius:7px;padding:12px;color:#246044;font:700 11px/1.7 var(--display);white-space:normal;overflow-wrap:anywhere}.lib-card .lib-more{display:block;font-size:10px;line-height:1.75;color:#627e68}.lib-card .lib-warning{border-top:1px solid #eaf0ea;padding-top:10px;color:#a18a68;font-size:10px;line-height:1.75;margin-top:auto}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.method-grid article{background:white;border:1px solid var(--border);padding:27px;border-radius:12px}.method-grid article span{color:#5f9772;font-size:9px;letter-spacing:1.5px;font-weight:800}.method-grid h3{font:800 21px var(--display);margin:16px 0 11px}.method-grid p{font-size:12px;color:#829689;line-height:1.9;margin:0}.method-footer{padding:25px;margin-top:18px;background:#193d2e;color:#c0d9c7;font-size:11px;line-height:1.9;border-radius:12px}.admin-intro{display:flex;justify-content:space-between;gap:25px;align-items:end}.demo-tag{font-size:10px;letter-spacing:.8px;color:#7b6a47;background:#fff8e7;border:1px solid #e9dfbf;border-radius:6px;padding:11px 15px;white-space:nowrap}.admin-layout{display:grid;grid-template-columns:1.6fr .85fr;gap:17px}.admin-form{padding:28px}.form-step{display:flex;gap:14px;align-items:center;margin-bottom:23px}.form-step>span{border-radius:50%;background:#e6f4e9;color:#387650;display:grid;place-items:center;font-weight:800;font-size:12px;width:35px;height:35px;flex:none}.form-step h3{margin:0;font:800 18px var(--display)}.form-step p{font-size:10px;color:#96a89b;margin:6px 0 0}.admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.step-two{margin-top:27px;border-top:1px solid #e8f0e9;padding-top:27px}.upload-drop{background:#f7fbf7;min-height:210px;border:1.5px dashed #abd1b5;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;cursor:pointer}.upload-drop.drag{background:#eaf7ed;border-color:#388452}.upload-drop>strong{display:grid;place-items:center;height:44px;width:44px;font-size:25px;color:#41825e;background:#e5f4e8;border-radius:12px}.upload-drop b{color:#547361;font-size:12px}.upload-drop span{color:#91a896;font-size:10px}.upload-drop em{background:#285f46;padding:11px 16px;color:white;font-style:normal;font-size:11px;border-radius:7px;font-weight:800}.file-list{padding:13px 0;color:#91a496;font-size:11px;line-height:1.75}.file-entry{padding:9px 12px;border:1px solid #e6efe7;border-radius:7px;margin:6px 0;color:#506f5d;display:flex;justify-content:space-between;gap:10px;word-break:break-word}.file-entry span{color:#9aac9d;white-space:nowrap}.upload-actions{display:flex;gap:10px}.upload-actions button{border:0;background:#225b42;color:#fff;font-size:11px;font-weight:800;padding:13px 16px;border-radius:7px}.upload-actions button+button{background:#f6f9f6;color:#65836e;border:1px solid #e4eee5}#uploadResult{font-size:11px;color:#537960;line-height:1.8;margin-top:12px}#uploadResult.warning{color:#a27b4a}.admin-guide{background:#12342b;color:white;border-radius:13px;padding:30px}.admin-guide .card-kicker{color:#9acc9c;margin-bottom:19px}.admin-step{display:flex;gap:13px;border-bottom:1px solid #31584a;padding:18px 0}.admin-step>span{color:#a8d19a;font:800 17px var(--display)}.admin-step b{font-size:12px}.admin-step p{color:#a7c2b1;line-height:1.65;font-size:11px;margin:7px 0 0}.admin-warning{padding:17px;background:#215044;border-radius:8px;margin-top:25px;font-size:11px;line-height:1.9;color:#b8d5bd}.admin-warning code{color:#fcbe8a}footer{display:flex;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid #e0eae3;margin-top:42px;color:#9daf9e;font-size:10px}footer>div{display:flex;gap:16px;align-items:center}footer strong{font:800 18px var(--display);color:#235a42;letter-spacing:-.7px}.modal{position:fixed;inset:0;background:#071811e8;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal[hidden]{display:none}.modal-panel{background:white;border-radius:12px;padding:14px;max-width:1100px;width:100%;max-height:94vh;display:flex;flex-direction:column;box-shadow:0 30px 100px #0004}.modal-panel img{max-width:100%;max-height:70vh;object-fit:contain;background:#f4f7f4;margin:auto}.modal-title{display:flex;gap:7px;align-items:center;justify-content:space-between;padding:8px 10px 14px}.modal-title strong{font:800 16px var(--display)}.modal-title span{font-size:10px;color:#789483}.modal-close{position:fixed;top:22px;right:24px;width:37px;height:37px;background:white;color:#183d2e;border:0;border-radius:50%;font-size:23px}.modal-foot{padding:12px 10px 4px;border-top:1px solid #edf2ed;display:flex;justify-content:space-between}.modal-foot a,.modal-foot button{background:#e9f3ec;border:none;border-radius:6px;padding:10px 13px;font-size:11px;color:#275d44;font-weight:800;text-decoration:none}.modal-foot button{background:#275c43;color:white}
@media(max-width:1280px){.sidebar{width:222px}.content{padding:32px 28px}.topbar{padding:0 28px}.work-grid{grid-template-columns:minmax(0,1.3fr) 320px}.insight{padding:21px 17px 14px}.metrics{gap:10px}.metric{padding:18px}.section-head{display:block}.source-tabs{margin-top:15px}.hero h1{font-size:41px}}@media(max-width:1050px){.work-grid{grid-template-columns:1fr}.viewer-body{height:460px}.insight{min-height:unset}.insight>p{min-height:0}.info-caution{margin-top:15px}.plots-gallery{grid-template-columns:repeat(3,1fr)}.library-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.admin-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 20px}.admin-guide .card-kicker,.admin-warning{grid-column:1/-1}}@media(max-width:800px){.sidebar{position:fixed;transform:translateX(-110%);transition:transform .2s;box-shadow:0 10px 30px #09231d66}.sidebar.open{transform:translateX(0)}.menu-toggle{display:inline-block}.hero{display:block}.hero-controls{margin-top:23px}.metrics{grid-template-columns:repeat(2,1fr)}.percentile-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.percentile-tile{padding:12px 8px}.percentile-tile strong{font-size:16px}.percentile-tile span{font-size:8px}.below-grid{grid-template-columns:1fr}.theory-feature{grid-template-columns:1fr}.learning-teaser{display:block}.learning-teaser button{margin-top:16px}.compare-config{grid-template-columns:repeat(2,1fr)}.compare-config label:first-child{grid-column:1/-1}.chart-title{display:block}.chart-legend{margin-top:15px}.method-grid{grid-template-columns:1fr}}@media(max-width:570px){.content{padding:25px 15px}.topbar{height:61px;padding:0 15px}.top-primary{padding:10px;font-size:10px}.live-pill{display:none}.bread{gap:8px}.bread span:first-of-type{display:none}.hero h1,.page-intro h1{font-size:33px;letter-spacing:-1.3px}.hero-controls{width:100%;max-width:350px}.metric{min-height:120px;padding:13px}.metric strong{font-size:24px}.metric>div{font-size:8px}.section-head h2{font-size:18px}.source-tab{font-size:10px;padding:10px}.plot-header{padding:12px}.plot-headline h3{font-size:14px}.plot-header select{width:45%}.viewer-body{height:352px;min-height:352px;padding:30px 7px 15px}.viewer-accent{font-size:7px;max-width:70%;line-height:1.5}.plot-viewer .foot-warning{display:none}.percentile-card{padding:17px 14px}.percentile-top{display:block}.real-data-pill{display:inline-block;margin-top:15px}.percentile-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.percentile-tile strong{font-size:19px}.percentile-tile{min-height:83px}.dist-wrap{padding:5px}.reading-stats strong{font-size:19px}.comparison-card,.gallery-card{padding:17px}.mini-gallery img{height:78px}.gallery-heading{display:block}.gallery-filters{margin-top:13px}.plots-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.plot-thumb img{height:100px}.compare-workspace{padding:15px}.chart-legend{font-size:9px}.comparison-chart svg{height:260px}.admin-fields{grid-template-columns:1fr}.admin-form{padding:17px}.admin-intro{display:block}.demo-tag{display:inline-block;margin-top:15px}.admin-guide{display:block;padding:23px}.library-grid{grid-template-columns:1fr}.modal{padding:8px}.modal-title{display:block}.modal-title span{display:block;margin-top:6px}.modal-close{top:5px;right:5px}.learning-teaser{padding:23px}footer{display:block}footer>span{display:block;margin-top:12px}}

.brand-name{letter-spacing:.02em}.brand-name .brand-i, footer strong .brand-i{color:var(--accent);font-weight:900;display:inline-block;transform:translateY(-.01em)}
.location-card{margin-top:22px}.section-head.compact h3{margin:0;font-size:1.25rem}.section-sub{color:var(--muted);max-width:70ch}
.location-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;align-items:stretch}.location-map-shell{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:14px}.location-map{position:relative;min-height:320px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(69,143,108,.18),transparent 30%),linear-gradient(160deg,#0f2e28,#123a32 60%,#0c2b24);border:1px solid rgba(255,255,255,.06)}
.location-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.95) 8%,rgba(0,0,0,.95) 92%,transparent 100%)}
.argentina-outline{position:absolute;left:30%;top:6%;width:38%;height:84%;background:linear-gradient(180deg,rgba(222,239,228,.28),rgba(255,255,255,.1));clip-path:polygon(44% 0%,62% 8%,58% 15%,65% 23%,63% 29%,70% 35%,67% 41%,61% 48%,64% 56%,56% 66%,60% 77%,53% 83%,55% 93%,48% 100%,40% 92%,35% 83%,37% 70%,30% 60%,34% 46%,28% 33%,33% 20%,37% 11%);filter:drop-shadow(0 16px 20px rgba(0,0,0,.2));opacity:.9}
.location-bounds{position:absolute;inset:14px 18px auto 18px;display:flex;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,.68)}.location-lat,.location-lon{position:absolute;font-size:.75rem;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase}.location-lat{left:16px;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top}.location-lon{bottom:10px;left:50%;transform:translateX(-50%)}
.zone-marker{position:absolute;display:flex;align-items:center;gap:8px;background:rgba(8,23,20,.86);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 10px;color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.18);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.zone-marker span{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(238,152,84,.18)}.zone-marker label{cursor:pointer;font-size:.82rem;font-weight:700}.zone-marker:hover,.zone-marker.active{transform:translateY(-2px);border-color:rgba(238,152,84,.7)}#markerJunin{left:54%;top:74%}#markerTras{left:47%;top:44%}
.location-info{display:flex;flex-direction:column;gap:14px}.location-topline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.location-info h4{font-size:1.3rem;margin:0}.location-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.location-meta div,.cases-stat-grid div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}.location-meta span,.cases-stat-grid span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.location-meta strong,.cases-stat-grid strong{font-size:1rem}.location-copy{padding:14px 16px;border-radius:16px;background:rgba(238,152,84,.08);border:1px solid rgba(238,152,84,.2);color:#dfe9e2}.location-tags{display:flex;flex-wrap:wrap;gap:8px}.location-tags span{font-size:.82rem;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}
.cases-layout{display:grid;grid-template-columns:360px 1fr;gap:18px}.cases-rail-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.cases-rail-head strong{font-size:1.1rem}.cases-rail-head span{color:var(--muted)}.cases-list{display:flex;flex-direction:column;gap:12px}.case-card{padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.case-card:hover,.case-card.active{transform:translateY(-2px);border-color:rgba(238,152,84,.55);background:rgba(238,152,84,.08)}.case-card .case-chip{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;color:#fff;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:10px}.case-card h4{margin:0 0 7px 0;font-size:1rem}.case-card p{margin:0;color:var(--muted);font-size:.92rem}.case-card .case-small{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:.82rem;color:#dbe8df}
.cases-detail-top h3{margin:.2rem 0 .45rem;font-size:1.5rem}.cases-detail-top p{margin:0;color:var(--muted)}.cases-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.cases-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.case-copy-block{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.case-copy-block h4{margin:0 0 8px}.case-copy-block p{margin:0;color:#d8e4db;line-height:1.55}.case-note{margin-top:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border-left:3px solid var(--accent);color:#dfe8e1}
@media (max-width:1100px){.location-grid,.cases-layout,.cases-columns{grid-template-columns:1fr}.cases-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.location-meta,.cases-stat-grid{grid-template-columns:1fr}.zone-marker label{display:none}.location-map{min-height:270px}}

/* IAgro V5: parche conservador construido sobre la V3 funcional */
.brand-satellite{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;margin:0 3px 0 0;border-radius:13px;background:#1a3930;border:1px solid #476e58;transform:none;letter-spacing:0;color:#ee9854}
.sat-logo{display:block;width:31px;height:31px}
.brand-name{font-size:28px;letter-spacing:-1px}
.brand-tagline{color:#c0d6c8;font-size:10px;letter-spacing:.1px;line-height:1.45}
.nav-item{color:#c5d9cf}.nav-item.active,.nav-item:hover{color:#fff}.nav-caption{color:#a2cabc}
.measurement-notice{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;padding:15px 18px;background:#fff8ec;border:1px solid #eed6b4;border-radius:12px;color:#463522;box-shadow:0 4px 12px #5339120a}
.measurement-symbol{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f2dfc5;color:#80501e;font:800 15px var(--display)}
.measurement-notice strong{display:block;margin:1px 0 5px;font-size:13px;color:#603c1b}
.measurement-notice p{margin:0;color:#5d4b36;font-size:11px;line-height:1.65}.measurement-notice b{color:#4b3218}
.quartile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.quartile-summary>div{border:1px solid #d9e8dc;border-radius:11px;background:#f4f8f4;padding:14px 12px;color:#203b2a}
.quartile-summary span{display:block;font-size:9px;letter-spacing:1px;color:#3d7556;font-weight:800;margin-bottom:6px}
.quartile-summary b{font-size:12px}.quartile-summary p{margin:7px 0 0;color:#546a5e;font-size:10px;line-height:1.55}
.quantile-qualifier{margin:13px 0 0;color:#60746a;font-size:10px;line-height:1.65}
/* Las tarjetas de localización/casos de V3 heredaban partes de un esquema oscuro.
   Sus fondos son blancos, por lo que se corrigen solo esos componentes. */
.location-card,.cases-rail,.cases-detail{color:#1a3528}
.location-card .section-head h3,.cases-rail strong,.cases-detail h3{color:#173d2b}
.location-card .section-sub,.cases-rail-head span,.cases-detail-top p{color:#526f60}
.location-info h4{color:#183a2a}
.location-topline{color:#4b7b60}
.location-meta div,.cases-stat-grid div{background:#f2f7f2;border-color:#dce9dd;color:#193c29}
.location-meta span,.cases-stat-grid span{color:#577363}
.location-meta strong,.cases-stat-grid strong{color:#204c34}
.location-copy{background:#fff7ea;border-color:#f2debf;color:#604820}
.location-tags span{background:#edf5ee;border-color:#dcebdd;color:#356c4c}
.case-card{background:#f6faf6;border-color:#dce9dd;color:#1a392a;box-shadow:none}
.case-card:hover,.case-card.active{background:#fff6e9;border-color:#e3ad76}
.case-card .case-chip{background:#e3f2e8;color:#296443}
.case-card h4{color:#214f35}.case-card p{color:#61786a}.case-card .case-small{color:#396c4d}
.case-copy-block{background:#f4f8f3;border-color:#dfe9dc}
.case-copy-block h4{color:#224e36}.case-copy-block p{color:#516e5b}
.case-note{background:#fff8ed;color:#645039;border-left-color:#e08b47}
/* Mayor legibilidad sin cambiar los colores de texto en páginas de fondo claro. */
.page-intro p,.hero p,.theory-feature p,.metric span,.insight>p,.section-head p,.percentile-top p{color:#566d60}
.info-caution{color:#765d36}.card-kicker,.eyebrow{color:#326f4e}
.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid #dce7dd;margin-top:28px;padding:23px 4px 8px;color:#345744;font-size:12px}
.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-brand strong{font:800 19px var(--display);color:#1d593c}.footer-brand span{font-size:11px;color:#657b6c}
.footer-contact{display:flex;align-items:center;gap:13px 21px;flex-wrap:wrap}.footer-contact .copyright{color:#536a5c}
.footer-contact a{color:#1b6b47;font-weight:700;text-decoration:none;border-bottom:1px solid #91bca1;padding-bottom:2px}.footer-contact a:hover{color:#b66a2e;border-bottom-color:#b66a2e}
@media(max-width:1050px){.quartile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.quartile-summary{grid-template-columns:1fr 1fr}.measurement-notice{padding:12px}.footer-contact{flex-direction:column;align-items:flex-start}}