:root{color-scheme:light;--background:#f6f8f6;--surface:#fff;--ink:#18342f;--muted:#526761;--light:#71827c;--forest:#102d29;--teal:#117861;--mint:#daf3e8;--border:#dbe5df;--amber:#8b581b;--sand:#fff5dc;--danger:#ae422e;--shadow:0 4px 18px rgba(14,47,37,.035);--radius:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font:15px/1.55 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.006em}a{color:inherit}button,input,select,summary{font:inherit}button{cursor:pointer}input,select{color:var(--ink)}:focus-visible{outline:3px solid #e0ac40;outline-offset:3px}button:disabled{opacity:.52;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,3.8vw,3.55rem)}h2{font-size:1.33rem}h3{font-size:1.12rem}.skip-link{position:absolute;z-index:50;top:-80px;left:20px;padding:12px;background:white}.skip-link:focus{top:10px}
.shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.rail{background:#fff;border-right:1px solid var(--border);min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:28px 18px 21px;z-index:5}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;padding:3px 5px 43px}.brand-icon{display:flex;width:41px;height:41px;flex-shrink:0}.brand strong{display:block;font-size:1.18rem;font-weight:800;letter-spacing:-.06em;line-height:1.2}.brand small{display:block;font-size:.62rem;letter-spacing:.18em;font-weight:800;color:var(--teal);margin-top:3px}.rail-group-label,.eyebrow{font-size:.71rem;letter-spacing:.115em;font-weight:800;color:var(--teal)}.rail-group-label{color:#7b8e85;margin:0 12px 13px}.primary-nav{display:grid;gap:7px}.primary-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px 13px;border-radius:9px;font-weight:650;color:#50665e}.primary-nav a:hover{background:#f3f7f4}.primary-nav a[aria-current="page"]{background:#e8f5ef;color:#0b674f}.nav-glyph{font-size:1.5rem;width:22px;text-align:center;line-height:1}.rail-bottom{margin-top:auto;display:grid;gap:10px;border-top:1px solid var(--border);padding:22px 10px 0;font-size:.81rem;color:#6d7d76}.rail-bottom strong{font-size:.89rem;color:var(--ink)}.rail-bottom a{color:var(--teal);font-weight:700}.rail-accent{width:25px;height:4px;background:#138969;border-radius:10px}.canvas{min-width:0;display:flex;flex-direction:column}.utility-bar{min-height:73px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px clamp(18px,4vw,55px)}.breadcrumb{display:flex;align-items:center;gap:11px;white-space:nowrap}.breadcrumb>span:first-child{font-size:.7rem;letter-spacing:.09em;font-weight:800;color:#698279}.slash{color:#b7c5bf}.breadcrumb strong{font-size:.88rem}.utility-actions{display:flex;align-items:center;gap:16px}.top-tag{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;color:#496358}.dot{width:7px;height:7px;background:#20a977;border-radius:50%}.language-switch{display:flex;border:1px solid var(--border);padding:3px;gap:3px;border-radius:9px}.language-switch a{text-decoration:none;font-weight:800;font-size:.76rem;letter-spacing:.03em;padding:6px 9px;border-radius:6px;color:#829087}.language-switch a[aria-current="true"]{color:#0d5e49;background:#e4f5ed}main{width:min(1430px,100%);margin:0 auto;flex:1;padding:31px clamp(18px,4vw,55px) 65px}.view[hidden],[hidden]{display:none!important}.footer{padding:17px clamp(18px,4vw,55px);border-top:1px solid var(--border);color:#708078;font-size:.77rem;display:flex;justify-content:space-between;gap:12px}.footer a{color:var(--teal)}
.hero{min-height:365px;border-radius:18px;background:radial-gradient(circle at 95% -15%,#256052 0,transparent 38%),linear-gradient(115deg,#103e34,#0d2b27 72%);color:#fff;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(240px,.78fr);gap:32px;padding:clamp(25px,3.6vw,54px);overflow:hidden}.hero-main{z-index:1}.hero-eyebrow{display:flex;align-items:center;gap:10px;color:#a4dcc7;font-size:.68rem;letter-spacing:.16em;font-weight:800}.eyebrow-line{display:inline-block;width:24px;height:2px;background:#7eddb1}.hero h1{font-size:clamp(2.15rem,3.2vw,3.25rem);line-height:1.09;max-width:710px;margin:22px 0}.hero-main p{font-size:1.01rem;line-height:1.7;color:#d0e4da;max-width:710px}.hero-actions{margin-top:27px;display:flex;gap:11px;flex-wrap:wrap}.btn{border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:11px 17px;font-weight:750;font-size:.87rem;text-align:center;transition:background .16s,border .16s;border:1px solid transparent}.btn-primary{background:#a8ebc7;color:#103d32}.btn-primary:hover{background:#c5f5da}.btn-secondary{background:#ecf7f1;color:#0a6149;border-color:#bce4d1}.btn-secondary:hover{background:#d7f0e3}.btn-ghost-dark{border-color:#709486;background:#ffffff0b;color:#d9f5e6}.btn-ghost-dark:hover{background:#ffffff20}.hero-side{border-radius:15px;background:#ffffff0c;border:1px solid #ffffff26;align-self:center;padding:25px 21px}.hero-annotation{font-size:.84rem;font-weight:730;color:#d7efdf;margin-bottom:18px}.hero-graphic{display:grid;gap:0}.hero-graphic>div{display:flex;align-items:center;gap:20px;border-left:1px dashed #81cdb1;margin-left:14px;padding:9px 0 11px}.hero-graphic>div:last-child{border-left-color:transparent}.hero-graphic span{margin-left:-15px;background:#bbecce;color:#164736;border-radius:8px;font-size:.66rem;letter-spacing:.04em;font-weight:800;width:29px;height:29px;display:grid;place-items:center}.hero-graphic b{font-size:.9rem}.hero-side>p{margin:15px 0 0;font-size:.8rem;line-height:1.55;color:#b9d5c7}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:33px 0 18px}.section-head h2{margin:5px 0 0;font-size:1.45rem}.section-head p{margin:5px 0 0;color:var(--muted)}.context-tag,.small-badge{border-radius:20px;color:#57746a;border:1px solid var(--border);font-size:.72rem;padding:5px 10px;font-weight:700}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{border:1px solid var(--border);background:white;border-radius:13px;padding:18px;min-width:0;box-shadow:var(--shadow)}.kpi-label{font-size:.76rem;font-weight:700;color:#668077;display:block}.kpi-value{font-size:clamp(1.5rem,2.7vw,2.25rem);font-weight:820;color:#144e3f;letter-spacing:-.04em;display:block;margin:6px 0}.kpi-foot{color:var(--muted);font-size:.74rem}.loading-placeholder{padding:20px;color:var(--muted)}.overview-grid{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(265px,.8fr);gap:14px}.paper-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow);min-width:0}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-header h3{margin-bottom:5px}.panel-header p{color:var(--muted);font-size:.83rem;line-height:1.65;margin:0}.compare-panel{display:flex;flex-direction:column}.bar-chart{display:grid;gap:17px}.chart-row{display:grid;grid-template-columns:160px minmax(70px,1fr) 48px;align-items:center;gap:10px;font-size:.85rem}.chart-track{background:#e9f0eb;height:16px;border-radius:4px;overflow:hidden}.chart-fill{background:#188e70;height:100%;border-radius:4px}.chart-fill.baseline{background:#9cb7aa}.chart-row strong{text-align:right;font-variant-numeric:tabular-nums}.panel-foot{margin:21px 0 0;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.78rem}.contrib-list>div{display:flex;gap:15px;border-bottom:1px solid var(--border);padding:15px 0}.contrib-list>div:last-child{border-bottom:0;padding-bottom:0}.contrib-number{font-weight:850;font-size:1rem;color:#148368}.contrib-list p{margin:0;display:grid;gap:4px}.contrib-list strong{font-size:.87rem}.contrib-list p span{color:var(--muted);font-size:.79rem}.contribution-panel h3{margin:7px 0 5px}.stage-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.stage-roadmap button{border:1px solid var(--border);background:#fff;text-align:left;padding:18px 14px;border-radius:11px;display:grid;align-content:start;gap:9px;min-height:146px}.stage-roadmap button:hover{border-color:#7bc4aa;background:#f7fcf8}.stage-roadmap button>span{font-size:.71rem;font-weight:800;background:#e2f6eb;color:#136d55;display:grid;place-items:center;width:31px;height:31px;border-radius:9px}.stage-roadmap b{font-size:.85rem;line-height:1.3}.stage-roadmap small{font-size:.75rem;color:var(--muted);line-height:1.45}.science-note{display:flex;gap:15px;margin:23px 0 0;background:#fef6e5;border:1px solid #f1dfb5;border-radius:12px;padding:17px 19px;color:#74501f;font-size:.83rem;line-height:1.6}.science-note p{margin:0}.note-icon{width:25px;height:25px;border:1px solid #d0aa70;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800}
.page-heading{margin:11px 0 29px;max-width:820px}.page-heading h1{font-size:clamp(1.95rem,3vw,2.8rem);margin:8px 0 10px}.page-heading p{color:var(--muted);max-width:740px;margin:0;line-height:1.7}.analyze-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.37fr);gap:16px;align-items:start}.analysis-form{padding:0}.form-section{padding:24px 27px;border-bottom:1px solid var(--border)}.step-heading{display:flex;gap:13px;align-items:start;margin-bottom:19px}.step-heading h2{font-size:1.14rem;margin:0 0 4px}.step-heading p{margin:0;color:var(--muted);font-size:.81rem}.step-number{background:#e7f4ee;color:#0f745a;display:grid;place-items:center;font-weight:800;font-size:.76rem;width:32px;height:32px;border-radius:9px;flex-shrink:0}.preview-frame{background:#edf2ee;border:1px dashed #c5d5cc;border-radius:11px;height:225px;display:grid;place-items:center;overflow:hidden}.preview-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}.preview-frame #empty-preview{display:grid;justify-items:center;color:#70877b;gap:7px}.preview-symbol{font-size:3rem;line-height:1}.preview-frame small{font-size:.78rem}.input-file-wrap{margin-top:12px}.file-drop{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #a5d2b9;border-radius:9px;background:#f1fbf5;padding:12px;color:#0b6c52;font-size:.86rem;font-weight:750;cursor:pointer}.file-drop span:first-child{font-size:1.3rem}#image{display:block;margin:10px 0 0;max-width:100%;font-size:.77rem}.help-text{font-size:.77rem;color:var(--muted);line-height:1.6;margin:10px 0}.sample-drawer{margin-top:16px}.sample-drawer summary{font-size:.84rem;font-weight:760;color:#234b3d;cursor:pointer}.reference-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:13px}.sample{display:grid;gap:5px;min-width:0;border:2px solid var(--border);border-radius:9px;padding:5px;background:#fff;color:var(--ink);text-align:center}.sample:hover{border-color:#77c6a5}.sample[aria-pressed="true"]{border-color:#138968;box-shadow:inset 0 0 0 1px #138968}.sample img{width:100%;height:77px;object-fit:contain;background:#f5f5f2;border-radius:5px}.sample span{font-size:.65rem;font-weight:750;overflow-wrap:anywhere}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:grid;gap:7px;font-size:.79rem;font-weight:750}.field input,.field select{display:block;width:100%;max-width:100%;height:40px;border:1px solid #cbdcd3;border-radius:8px;padding:8px 10px;background:#fff;font-weight:500;min-width:0}.field.compact{max-width:250px}.method-notice{border-radius:9px;margin-top:12px;padding:10px 12px;background:#f3f6f4;color:#557268;font-size:.79rem;line-height:1.5}.radio-set{display:grid;gap:9px}.radio-set>label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:10px;padding:12px 13px;cursor:pointer}.radio-set>label:has(input:checked){border-color:#6eb99b;background:#f1faf5}.radio-set input{margin-top:4px;accent-color:#108268}.radio-set span{display:grid;gap:3px}.radio-set b{font-size:.86rem}.radio-set small{font-size:.76rem;color:var(--muted)}#simulation-settings{margin:12px 0 0}.scroll-table{overflow:auto}.fields th,.fields td{padding:8px;font-size:.76rem;vertical-align:middle}.fields input{width:100%;min-width:75px;border:1px solid var(--border);border-radius:5px;padding:6px}.fields label{font-size:.74rem}.fields select{max-width:118px;font-size:.7rem;background:#f0f5f0;padding:5px}.advanced{padding:18px 27px;border-bottom:1px solid var(--border)}summary{cursor:pointer}.advanced>summary{font-weight:750;color:#23654b}.advanced-inner{padding-top:17px;display:grid;gap:11px}.checkbox-line{display:flex;gap:10px;align-items:start;font-size:.8rem}.checkbox-line input{accent-color:#117b61;margin-top:4px}.submit-row{padding:20px 27px;display:flex;align-items:center;gap:17px;flex-wrap:wrap}.submit-row .btn-primary{background:#126f58;color:#fff}.submit-row .btn-primary:hover{background:#0d5947}#status,#line-status,#freshness-message{font-size:.81rem;color:#5e746a;margin:0}.analyze-aside{display:grid;gap:14px;position:sticky;top:20px}.guide-card h3{margin:7px 0 16px}.guide-card ol{list-style:none;counter-reset:guide;padding:0;margin:0}.guide-card li{position:relative;padding:0 0 15px 31px;counter-increment:guide}.guide-card li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:0;color:#13866a;font-size:.71rem;font-weight:800}.guide-card li strong,.guide-card li span{display:block}.guide-card li strong{font-size:.84rem}.guide-card li span{font-size:.77rem;color:var(--muted);margin-top:4px}.trust-item{display:flex;align-items:start;gap:10px;color:#48675c;font-size:.82rem;margin-top:15px}.trust-indicator{border:1px solid #28a677;width:15px;height:15px;border-radius:50%;flex-shrink:0;margin-top:3px;position:relative}.trust-indicator:after{content:'✓';color:#1d9b70;position:absolute;top:-4px;left:2px;font-size:.85rem}.analysis-output{margin-top:30px}.analysis-output>.section-head{margin-top:0}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}.tiny{font-size:.69rem;color:var(--muted)}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.metric{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px}.metric b{display:block;font-size:1.5rem;color:#0c604b}.metric span{font-size:.75rem;color:var(--muted)}.result-vision,.result-decisions{margin-bottom:15px}.feature-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.feature-panels figure,.mask-gallery figure{margin:0}.feature-panels img{width:100%;height:300px;object-fit:contain;border:1px solid #d6e4db;border-radius:10px;background:#edf0ed;display:block}.feature-panels figcaption{font-weight:760;font-size:.85rem;margin-top:8px}.mask-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.mask-gallery img{height:135px;width:100%;object-fit:contain;background:#eef1ee;border:1px solid var(--border);border-radius:8px;display:block}.mask-gallery figcaption{font-size:.75rem;color:#4c665b;font-weight:650;padding-top:6px}.result-explainer{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);gap:20px;margin-top:21px;padding:20px;border-radius:11px;background:#f6faf7}.result-explainer h4{margin:0 0 9px;font-size:.99rem}.result-explainer p{font-size:.83rem;color:var(--muted);line-height:1.7;margin:0}.heatmap{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;max-width:300px}.heatcell{height:35px;display:grid;place-items:center;background:#e7ece8;border:1px solid #c4d3c9;border-radius:3px;font-size:.67rem;font-weight:780;color:#1e3d33}.heatcell.not-eligible{background:repeating-linear-gradient(135deg,#e6e9e6,#e6e9e6 5px,#d6ddd7 5px,#d6ddd7 10px);color:#63786b}.mini-foot{font-size:.73rem;color:var(--muted);margin-top:10px}.result-table{margin-top:15px}.scroll-table table,.result-table table,.audit-table{width:100%;border-collapse:collapse}.result-table th,.result-table td,.audit-table th,.audit-table td,.scroll-table th,.scroll-table td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--border)}.result-table th,.audit-table th,.scroll-table th{font-size:.73rem;color:#577367;font-weight:750}.result-table td,.audit-table td{font-size:.82rem}.num{text-align:right!important;font-variant-numeric:tabular-nums}.grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}.grade-card{padding:16px;border-radius:10px;background:#f9fbfa;border:1px solid var(--border)}.grade-card h4{font-size:.78rem;font-weight:750;color:#51675e;margin-bottom:11px}.grade-card .outcome{font-size:1.14rem;font-weight:850;display:block;margin-top:12px}.badge{font-size:.69rem;display:inline-block;font-weight:760;background:#f7e9ca;color:#7a5516;padding:4px 7px;border-radius:6px}.badge.success{background:#def3e6;color:#126647}.grade-card small{font-size:.73rem;display:block;color:var(--muted);margin-top:10px;line-height:1.5;word-break:break-word}.membership{margin:6px 0;display:grid;grid-template-columns:85px 1fr 35px;gap:7px;align-items:center;font-size:.69rem}.membership>div{background:#e6f0e9;border-radius:3px;height:8px;overflow:hidden}.membership i{display:block;background:#208c6d;height:100%}.evidence-list{margin-top:23px}.evidence-list>h4{font-size:.98rem}.note-text{color:var(--muted);font-size:.81rem;margin:12px 0}.warning-line{border-left:3px solid #c48b33;padding:10px 13px;background:#fff9ec;color:#79551c;font-size:.81rem;margin-top:12px}.video-panel{margin-top:18px}.video-panel summary{font-weight:800;font-size:1rem}.video-panel summary small{display:block;font-size:.8rem;color:var(--muted);font-weight:500;margin:5px 0 0}.video-panel form{margin-top:21px}.video-panel .btn{margin-top:15px}#line-output{max-width:100%;overflow:auto}
.research-paper{margin-bottom:15px}.research-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:15px 0}.research-columns>.paper-panel h2{margin-bottom:8px}.research-paper .scroll-table{margin-top:15px}.study-comparison{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);gap:25px}.study-numbers{display:grid;gap:9px}.study-numbers div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:16px;padding:10px 0;font-size:.82rem}.study-numbers strong{font-size:1rem}.study-ranking{display:grid;gap:14px}.study-ranking .chart-row{grid-template-columns:135px 1fr 38px}.research-chart{margin:14px 0}.research-chart h4{font-size:.83rem;color:var(--muted)}.status-pill{font-weight:800;font-size:.69rem;padding:5px 9px;border-radius:8px;background:#e0f3e8;color:#11704e;display:inline-block}.status-pill.partial{background:#f7e9ce;color:#8b5b1a}.status-pill.fail{background:#fae6e0;color:#8a3f31}.audit-table{font-size:.78rem}.audit-table td:last-child{white-space:nowrap}.audit-rows{max-height:370px;overflow:auto}.summary-counter{display:flex;align-items:center;gap:11px;margin:8px 0 18px}.summary-counter strong{font-size:2rem}.summary-counter span{font-size:.8rem;color:var(--muted)}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.source-grid p{font-size:.83rem;color:var(--muted)}.source-grid ul{font-size:.82rem;color:#465e52;padding-left:19px}.source-grid li{margin:8px 0}.source-grid code{word-break:break-all}.legacy-card{display:flex;flex-direction:column;align-items:flex-start}.legacy-card h2{margin-top:12px}.legacy-card>p{font-size:.86rem;line-height:1.7;color:var(--muted)}.legacy-icon{background:#e5f4ec;color:#0b694d;width:39px;height:39px;border-radius:10px;font-weight:850;display:grid;place-items:center}.extension-status{font-size:.8rem;line-height:1.6;background:#f2f5f2;padding:12px;border-radius:9px;margin:12px 0 20px;width:100%;color:#3d6656}.legacy-card form{width:100%;display:grid;gap:12px}.legacy-card .method-details{margin-top:18px;font-size:.83rem}.legacy-card .method-details p{line-height:1.7;color:var(--muted);padding-top:10px}.legacy-card .btn{margin-top:4px}#freshness-result{width:100%}
@media (max-width:1300px){.shell{grid-template-columns:213px minmax(0,1fr)}.analyze-layout{grid-template-columns:minmax(0,1fr) 250px}.reference-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-panels img{height:245px}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1050px){.rail{width:100%;height:auto;min-height:0;position:static;grid-row:1;padding:12px 20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.shell{display:block}.brand{padding:0}.brand-icon{width:33px;height:33px}.brand strong{font-size:1.04rem}.brand small{font-size:.5rem}.rail-group-label,.rail-bottom{display:none}.primary-nav{display:flex;flex-wrap:wrap;gap:3px}.primary-nav a{padding:9px;font-size:.79rem}.nav-glyph{font-size:1.1rem}.utility-bar{min-height:57px}.analyze-layout{grid-template-columns:minmax(0,1fr)}.analyze-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:780px){.hero{grid-template-columns:1fr}.hero-side{display:none}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.research-columns,.source-grid{grid-template-columns:1fr}.stage-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.study-comparison{grid-template-columns:1fr}.feature-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-panels figure:last-child{grid-column:1/-1}.feature-panels img{height:230px}.result-explainer{grid-template-columns:1fr}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mask-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.top-tag{display:none}}
@media (max-width:570px){body{font-size:14px}.rail{align-items:flex-start;gap:10px}.brand{width:100%}.primary-nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.primary-nav a{padding:7px 4px;text-align:center;display:grid;gap:5px;justify-items:center;font-size:.68rem}.nav-glyph{width:auto}.utility-bar{padding:10px 15px}.breadcrumb>span:first-child{display:none}.breadcrumb .slash{display:none}main{padding:19px 13px 42px}.hero{padding:26px 21px;min-height:auto}.hero h1{font-size:2.1rem}.hero-main p{font-size:.9rem}.hero-actions .btn{width:100%}.section-head{align-items:start}.section-head .context-tag{display:none}.kpi{padding:13px}.kpi-value{font-size:1.65rem}.stage-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-roadmap button{min-height:110px;padding:12px}.paper-panel{padding:16px}.form-section{padding:20px 16px}.advanced,.submit-row{padding:17px}.form-two,.analyze-aside{grid-template-columns:1fr}.reference-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.sample img{height:67px}.feature-panels{grid-template-columns:1fr}.feature-panels figure:last-child{grid-column:auto}.feature-panels img{height:285px}.result-explainer{padding:13px}.grade-grid{grid-template-columns:1fr}.footer{display:grid}.chart-row{grid-template-columns:95px minmax(40px,1fr) 42px}.mask-gallery img{height:110px}.fields th,.fields td{padding:5px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* IMARS: accessible operational research workflow, appended to existing design system */
.operational-roadmap{margin:18px 0;grid-template-columns:repeat(5,minmax(0,1fr))}
.roadmap-static{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:14px;display:grid;gap:8px;min-width:0;font-weight:680;font-size:.83rem}
.roadmap-static b{background:#e2f6eb;color:#136d55;border-radius:8px;padding:5px;width:32px;text-align:center;font-size:.74rem}
#line-binding-wrap{border:1px solid var(--border);border-radius:12px;padding:18px;margin:16px 0;background:#f6faf7}
#line-binding-json{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px;resize:vertical;min-height:105px;background:#fff;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}
#line-output .scroll-table{margin:14px 0 0}
#line-output .scroll-table table{min-width:690px}
#line-output .warning-line{margin-top:13px}
.pilot-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:17px 0}
.pilot-figures figure{margin:0;background:#f5f8f6;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.pilot-figures img{display:block;max-width:100%;width:100%;object-fit:contain;max-height:300px}
.pilot-figures figcaption{padding:10px;font-size:.8rem;color:var(--muted)}
.pilot-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pilot-metrics>div{background:#f5f8f6;border:1px solid var(--border);border-radius:9px;padding:14px}
.pilot-metrics strong{display:block;font-size:1.3rem}
.pilot-metrics span{display:block;color:var(--muted);font-size:.78rem}
@media(max-width:790px){.operational-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-figures,.pilot-metrics{grid-template-columns:1fr}}

/* IMARS v3.2: optional grid exploration and non-certifying decision policy */
.grid-choice-panel{background:linear-gradient(135deg,#f2f8f5,#ffffff);border:1px solid #ceded7;border-radius:13px;padding:17px;margin-top:16px}
.grid-choice-panel h3{font-size:1rem;margin:0 0 6px;color:#123d34}.grid-choice-panel .form-two{margin-top:12px}
.grid-comparison-panel{background:#f6faf8;border:1px solid #d1e0db;border-radius:14px;margin:18px 0;padding:18px}
.grid-comparison-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.grid-comparison-head h4{margin:0;color:#104137}.grid-comparison-head strong{font-size:1.45rem;color:#137963}
.grid-comparison-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;margin:13px 0}
.grid-comparison-body .heatmap{min-width:0;width:100%;max-width:480px;gap:2px;aspect-ratio:auto}.grid-comparison-body .heatcell{font-size:clamp(.55rem,.85vw,.9rem);min-height:25px;padding:3px 0}
.grid-comparison-body figure{margin:0;min-width:0}.grid-comparison-body img{width:100%;max-height:320px;object-fit:contain}
.structured-review{border:1px solid #bad9cf;border-left:5px solid #1c816c;background:#eef8f2;border-radius:12px;padding:17px 20px;margin:0 0 20px}
.structured-review p{margin:8px 0}.structured-review h4{font-size:1.1rem;margin:6px 0;color:#123d34}
#grid-study-panel{scroll-margin-top:18px}.study-downloads{display:flex;gap:15px;flex-wrap:wrap}.study-downloads a{font-weight:650;color:#0b6c57;text-decoration:underline}
@media(max-width:780px){.grid-comparison-body{grid-template-columns:1fr}.grid-comparison-body .heatmap{max-width:100%}}
@media(prefers-reduced-motion:reduce){.structured-review,.grid-choice-panel{animation:none}}
/* IMARS v3.4: restrained, accessible comparison and evidence provenance */
.grid-choice-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}.grid-choice-actions .help-text{margin:0;flex:1;min-width:200px}.soft-divider{border:0;border-top:1px solid #d2e3d9;margin:15px 0}.grid-choice-panel label.field{margin-top:8px}.evidence-group{margin-top:16px}.evidence-group h5{font-size:.85rem;color:#184d40;margin:0 0 9px}.evidence-tag{display:inline-block;border-radius:7px;border:1px solid #bddbd0;background:#f3faf5;color:#31594c;font-size:.77rem;padding:6px 9px;font-weight:650;line-height:1.35}.evidence-group table td:last-child{min-width:165px}.evidence-group table td{vertical-align:middle}.mask-baseline-details{margin-top:14px;border-top:1px solid #d2e4d8;padding:15px 0}.mask-baseline-details summary{font-weight:700;color:#116a51}.mask-baseline-details .mask-gallery{margin-top:12px}.grid-comparison-body .heatcell{overflow:hidden}.grid-comparison-body .heatmap{max-width:370px}.feature-panels figure{min-width:0}@media(max-width:650px){.grid-choice-actions{align-items:stretch;flex-direction:column}.feature-panels{grid-template-columns:1fr}.feature-panels img{height:240px}.mask-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* IMARS v3.4: compact result table mobile containment.
   Long scientific descriptor names must wrap instead of widening the viewport. */
@media (max-width:570px){
  #stage-table .result-table{min-width:0;max-width:100%;overflow-x:auto}
  #stage-table .result-table table{width:100%;table-layout:fixed}
  #stage-table .result-table th:first-child,
  #stage-table .result-table td:first-child{width:55%}
  #stage-table .result-table th,
  #stage-table .result-table td{overflow-wrap:anywhere;word-break:normal;vertical-align:top}
}
