.smart-layout{max-width:1320px;margin:0 auto;padding:0 18px 72px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.smart-article{min-width:0}.smart-toc{position:sticky;top:76px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;max-height:calc(100vh - 100px);overflow:auto}.smart-toc h2{font-size:1rem;margin:0 0 8px}.smart-toc ol{padding-left:1.3rem;margin:0}.smart-toc ol ol{margin:.2rem 0 .45rem;padding-left:1.1rem}.smart-toc a{font-size:.9rem;text-decoration:none;color:#334155}.smart-toc a:hover{color:var(--accent);text-decoration:underline}.smart-toc .toc-h1>a{font-weight:800}.smart-article h1,.smart-article h2{scroll-margin-top:84px}.summary-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);margin:18px 0}.callout{border-left:5px solid var(--accent);background:#f8fafc;padding:16px 18px;border-radius:12px;margin:16px 0}.callout.critical{border-left-color:#b45309;background:#fffbeb}.callout.good{border-left-color:#0f766e;background:#ecfdf5}.audit-note{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;margin:14px 0}.audit-note h3{margin-top:0}.criteria-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.criterion{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.criterion b{display:block}.score-widget{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:20px;margin:22px 0}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.weight-control{border:1px solid var(--line);border-radius:14px;padding:12px;background:#f8fafc}.weight-control label{display:flex;justify-content:space-between;gap:8px;font-weight:750}.weight-control input[type="range"]{width:100%;margin:.7rem 0}.mode-row{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.score-total{font-weight:900}.score-cell{white-space:nowrap}.score-high{background:#ecfdf5}.score-mid{background:#fff7ed}.score-low{background:#fef2f2}.na{color:#64748b;background:#f8fafc}.rank{font-weight:900}.small{font-size:.88rem}.references li{margin:.55em 0}.download-row{display:flex;gap:12px;flex-wrap:wrap}.download-card{flex:1 1 210px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;text-decoration:none;color:var(--ink)}.download-card:hover{border-color:#7dd3fc;box-shadow:0 8px 22px rgba(3,105,161,.10)}.device-jump{display:flex;gap:8px;flex-wrap:wrap}.device-jump a{border:1px solid var(--line);border-radius:999px;padding:5px 10px;text-decoration:none;background:#fff}.device-jump a:hover{background:#e0f2fe}.source-link{font-size:.85rem}.print-only{display:none}
@media(max-width:1040px){.smart-layout{grid-template-columns:1fr}.smart-toc{position:relative;top:auto;max-height:none;order:-1}.criteria-grid,.controls{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.criteria-grid,.controls{grid-template-columns:1fr}.smart-layout{padding-inline:12px}.summary-box,.score-widget{padding:16px}}
@media print{.site-header,.smart-toc,.controls,.mode-row,.button,.footer{display:none!important}.smart-layout{display:block}.summary-box,.audit-note,.score-widget{box-shadow:none}.print-only{display:block}body{background:#fff;color:#000}a{color:#000}}