:root{--bg:#121716;--surface:#1b2220;--line:#35403b;--text:#f3f6f4;--muted:#a4b1aa;--green:#a4e77b;--teal:#12634d;--amber:#b87715;--red:#bf4a3e;--card:#f3f5f2;--ink:#182820;--quiet:#63736a;--gap:10px;--cols:8;--rows:6;color-scheme:dark;font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit;letter-spacing:0}button,select{cursor:pointer}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d6ac52;outline-offset:3px}button{border:0}svg{width:20px;height:20px;display:block;flex-shrink:0}button:disabled{cursor:default;opacity:.3}button[hidden],[hidden]{display:none!important}.screen{height:100dvh;min-height:720px;padding:0 28px;display:flex;flex-direction:column}.masthead{height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:24px}.brand{font-size:44px;font-weight:900;line-height:1}.brand-dot{color:var(--green)}.identity-text{border-left:1px solid var(--line);padding-left:24px}.identity-text h1{font-size:19px;margin:0 0 7px;font-weight:600}.identity-text>span{color:var(--muted);font-size:10px;font-weight:600}.header-right{display:flex;align-items:center;gap:24px}.preview-badge{font-size:12px;background:#333523;color:#efce87;border:1px solid #595536;padding:6px 10px;border-radius:4px;white-space:nowrap}.time{text-align:right;min-width:112px}.time time{display:block;font-size:25px;font-variant-numeric:tabular-nums;font-weight:600}.time>span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;padding:6px;flex-shrink:0}.icon-btn:hover:not(:disabled){background:#ffffff12;border-color:#ffffff35}.summary{height:108px;display:grid;grid-template-columns:1.05fr 1.5fr 1.4fr 1.6fr 1.2fr;gap:22px;align-items:center;flex-shrink:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scope-summary,.summary-metric{min-width:0}.eyebrow{font-size:10px;color:var(--green);font-weight:700}.scope-summary>strong{display:block;font-size:30px;margin:2px 0}.scope-summary small{font-size:14px;font-weight:500;margin-left:8px;color:var(--muted)}.scope-summary>span:last-child,.summary-metric>span:last-child{font-size:11px;color:var(--muted)}.summary-metric{border-left:1px solid var(--line);padding-left:28px}.summary-metric>span{display:block;font-size:13px;color:#d2dbd5}.summary-metric small{font-size:9px;color:var(--muted);padding-left:5px}.summary-metric strong{font-size:34px;font-weight:650;display:block;font-variant-numeric:tabular-nums;margin:3px 0;line-height:1.1}.stock-summary strong{color:var(--green)}.attention-summary{display:flex;gap:14px;align-items:center;text-align:left;border-left:1px solid var(--line);padding:8px 0 8px 26px;background:none;color:#f2bc64;position:relative}.attention-summary>span:first-child svg{width:29px;height:29px}.attention-summary>div>span{font-size:12px;display:block}.attention-summary strong{font-size:34px;line-height:1.1;display:block;margin-top:3px}.attention-summary small{font-size:13px;margin-left:8px;font-weight:500}.attention-summary>span:last-child{font-size:11px;color:var(--muted);align-self:flex-end;padding-bottom:5px;max-width:80px;line-height:1.7}.attention-summary[aria-pressed=true]{background:#b8771522}.toolbar{min-height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px;min-width:0}.segments{display:flex;gap:2px;border:1px solid var(--line);border-radius:5px;padding:3px;flex-shrink:0}.segments button{font-size:12px;min-height:30px;padding:4px 12px;border-radius:3px;background:transparent;color:var(--muted);font-weight:600;white-space:nowrap}.segments button[aria-pressed=true]{color:var(--ink);background:#e1ebe1}.segments button:hover:not([aria-pressed=true]){background:#ffffff10;color:white}.views button{display:flex;align-items:center;gap:7px}.views svg{width:15px;height:15px}.toolbar-rule{height:22px;width:1px;background:var(--line);margin:0 2px}.search,.sort{display:flex;align-items:center;gap:6px;color:var(--muted)}.search svg,.sort svg{width:15px;height:15px}.search input{background:none;color:var(--text);border:0;width:98px;font-size:12px;padding:7px 2px}.search input::placeholder{color:var(--muted)}.sort select{background:var(--bg);border:0;color:var(--muted);font-size:12px;max-width:135px;padding:6px 0}.period{font-size:10px;color:var(--muted);white-space:nowrap;margin-right:5px}.board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:var(--gap);flex:1;min-height:0;padding-bottom:2px}.product-card{border-radius:5px;background:var(--card);color:var(--ink);text-align:left;padding:11px 12px 9px;min-width:0;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column;border-left:4px solid #599581;transition:background .15s}.product-card:hover{background:white}.product-card:focus-visible{outline-offset:-3px}.product-card.low{border-left-color:var(--amber)}.product-card.out{border-left-color:var(--red)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;flex:1}.card-title{min-width:0;position:relative;z-index:1}.product-code{font-size:30px;line-height:1.05;font-weight:850;margin:0;white-space:nowrap}.code-meta{display:flex;align-items:center;gap:5px;margin-top:5px;min-height:16px;font-size:9px;color:var(--quiet);white-space:nowrap}.finish{background:#dce4dc;color:#364c3c;border:1px solid #c7d4c9;padding:1px 4px;border-radius:2px;font-size:9px;font-weight:800}.photo{width:65px;height:48px;display:block;flex-shrink:0;object-fit:contain;background:#e5e8e3;border:1px solid #d7ded7;border-radius:2px}.no-photo{color:#6e7c72;display:flex;align-items:center;justify-content:center;font-size:9px;flex-direction:column;gap:3px}.no-photo svg{width:18px;height:18px}.card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d9e0d9;margin-top:7px;padding-top:6px;gap:5px;flex-shrink:0}.card-stats span{display:block;font-size:10px;color:var(--quiet);white-space:nowrap;line-height:1.1}.card-stats strong{display:block;font-size:23px;font-weight:720;line-height:1.2;font-variant-numeric:tabular-nums}.card-stats>div:first-child strong{color:var(--teal)}.product-card.low .card-stats>div:first-child strong{color:#a15d08}.product-card.out .card-stats>div:first-child strong{color:var(--red)}.large-note{display:none}.footer{height:47px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted)}.footer-legend{display:flex;gap:18px;align-items:center}.footer-legend>span{white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.legend-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.legend-dot.healthy{background:#7fc2a7}.legend-dot.low{background:#e7ae52}.legend-dot.out{background:#e5796d}.footer-note{border-left:1px solid var(--line);padding-left:18px}.pagination{display:flex;gap:8px;align-items:center;white-space:nowrap}.pagination .icon-btn{width:26px;height:26px;padding:4px}.pagination .icon-btn svg{width:16px;height:16px}#page-label{font-size:12px;color:#dce8dd;min-width:58px;text-align:center;font-variant-numeric:tabular-nums}.countdown{font-size:10px;min-width:56px;text-align:right}.page-progress{height:2px;background:#202d24;margin:0 -28px;flex-shrink:0}.page-progress>span{display:block;background:var(--green);height:100%;width:0;transition:width 1s linear}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.empty h2{font-size:20px}.empty>button,#reset{background:#d8e8d9;color:var(--ink);padding:10px 20px;border-radius:4px}.empty>span svg{width:36px;height:36px}
/* Focus mode gives each product enough space to read from across a room. */
body.focus{--cols:4;--rows:3;--gap:14px}.focus .product-card{padding:20px;border-left-width:5px}.focus .product-code{font-size:52px}.focus .code-meta{font-size:12px;gap:8px;margin-top:10px}.focus .finish{font-size:12px}.focus .photo{width:130px;height:92px}.focus .no-photo{font-size:12px}.focus .card-stats{padding-top:13px;margin-top:14px}.focus .card-stats span{font-size:12px;margin-bottom:4px}.focus .card-stats strong{font-size:37px}.focus .large-note{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;color:var(--quiet)}.focus .large-note i{width:5px;height:5px;border-radius:50%;background:#599581}.focus .low .large-note i{background:var(--amber)}.focus .out .large-note i{background:var(--red)}
dialog{color:var(--ink);background:#f3f5f2;border:1px solid #d5ded5;border-radius:8px;padding:30px;width:min(1060px,calc(100% - 36px));max-height:90dvh;box-shadow:0 20px 100px #0008;color-scheme:light}dialog::backdrop{background:#06120bd6;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dialog-heading .eyebrow{color:var(--teal)}.dialog-heading h2{font-size:38px;margin:5px 0 0}.dialog-close{background:#e2e9e2}.dialog-close:hover:not(:disabled){background:#d2ddd3;border-color:#647665}.detail-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.detail-visual{min-width:0}.detail-visual img{width:100%;height:310px;object-fit:contain;background:#dfe5dd;border-radius:4px}.detail-visual>.no-photo{height:310px;width:100%;font-size:14px}.detail-visual p{color:var(--quiet);font-size:11px;line-height:1.8;margin-top:10px}.detail-data .preview-badge{display:inline-block;margin-bottom:18px}.detail-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.detail-totals span{font-size:12px;color:var(--quiet);display:block}.detail-totals strong{font-size:29px;color:var(--teal);display:block;margin-top:5px}.detail-data h3{font-size:14px;margin:22px 0 8px}.detail-data table{width:100%;border-collapse:collapse;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.detail-data th,.detail-data td{border-bottom:1px solid #d4ded4;padding:9px 5px}.detail-data th{font-weight:500;color:var(--quiet)}.detail-data td:first-child,.detail-data th:first-child{text-align:left}.detail-data tfoot{font-weight:700;background:#e7ede5}.detail-note{font-size:11px;line-height:1.7;color:var(--quiet)}.help-content{font-size:14px;line-height:1.8}.help-content .notice{padding:14px 18px;border-left:3px solid #b87715;background:#f6eccf;color:#78551c}.help-content dl{display:grid;grid-template-columns:140px 1fr;gap:14px 22px}.help-content dt{font-weight:700}.help-content dd{margin:0;color:#516458}
@media(min-width:3600px){:root{--gap:18px}.screen{padding:0 52px}.masthead{height:145px}.brand{font-size:76px}.identity{gap:40px}.identity-text{padding-left:40px}.identity-text h1{font-size:30px}.identity-text>span{font-size:17px}.preview-badge{font-size:20px;padding:9px 15px}.time time{font-size:41px}.time>span{font-size:19px}.icon-btn{width:52px;height:52px}svg{width:29px;height:29px}.summary{height:178px;gap:38px}.eyebrow{font-size:18px}.scope-summary>strong{font-size:52px}.scope-summary small{font-size:23px}.scope-summary>span:last-child,.summary-metric>span:last-child{font-size:19px}.summary-metric>span{font-size:22px}.summary-metric small{font-size:15px}.summary-metric strong,.attention-summary strong{font-size:59px}.attention-summary>div>span{font-size:22px}.attention-summary small{font-size:23px}.attention-summary>span:last-child{font-size:19px;max-width:150px}.toolbar{min-height:106px}.segments button{font-size:20px;min-height:46px;padding:7px 21px}.views svg{width:24px;height:24px}.search input,.sort select{font-size:20px}.search input{width:160px}.sort select{max-width:220px}.period{font-size:18px;margin-right:20px}.product-card{padding:22px 26px 18px;border-left-width:7px}.product-code{font-size:58px}.code-meta{font-size:17px;margin-top:8px;gap:9px}.finish{font-size:16px}.photo{width:142px;height:100px}.no-photo{font-size:16px}.card-stats{margin-top:16px;padding-top:14px}.card-stats span{font-size:19px}.card-stats strong{font-size:43px}.footer{height:78px;font-size:17px}.footer-legend{gap:28px}.legend-dot{width:9px;height:9px}.pagination .icon-btn{width:44px;height:44px}.pagination .icon-btn svg{width:24px;height:24px}#page-label{font-size:20px;min-width:90px}.countdown{font-size:17px;min-width:92px}.page-progress{margin:0 -52px}.focus{--gap:25px}.focus .product-card{padding:35px}.focus .product-code{font-size:100px}.focus .photo{width:290px;height:180px}.focus .code-meta{font-size:22px}.focus .finish{font-size:22px}.focus .card-stats span{font-size:25px}.focus .card-stats strong{font-size:73px}.focus .large-note{font-size:22px;margin-top:25px}.focus .card-stats{padding-top:25px;margin-top:28px}dialog{width:1500px;padding:45px}.dialog-heading h2{font-size:55px}.detail-visual img{height:520px}.detail-data table{font-size:19px}.detail-data th,.detail-data td{padding:15px 8px}.detail-data h3{font-size:24px}.detail-totals span{font-size:21px}.detail-totals strong{font-size:46px}.detail-note,.detail-visual p{font-size:18px}}
@media(max-width:1600px){:root{--cols:7;--rows:7;--gap:8px}.screen{padding:0 20px;min-height:750px}.masthead{height:76px}.brand{font-size:38px}.summary{height:96px;gap:14px}.period{display:none}.product-code{font-size:27px}.photo{width:52px;height:39px}.product-card{padding:8px 8px 7px}.card-stats strong{font-size:21px}.card-stats span{font-size:9px}.card-stats{margin-top:5px;padding-top:5px}.footer-legend>.footer-note{display:none}.page-progress{margin:0 -20px}.focus .product-code{font-size:41px}.focus .photo{width:95px;height:75px}.focus .card-stats strong{font-size:32px}.focus .product-card{padding:14px}.focus .large-note{margin-top:6px}.focus .card-stats{margin-top:10px;padding-top:9px}}
@media(max-width:1100px){:root{--cols:5;--rows:9}.screen{height:auto;min-height:100dvh}.board{flex:none;grid-auto-rows:134px;grid-template-rows:none;min-height:0}.masthead{height:auto;min-height:80px;flex-wrap:wrap;padding:15px 0}.identity-text{display:none}.summary{gap:10px}.summary-metric{padding-left:14px}.summary-metric>span{font-size:11px}.summary-metric strong{font-size:27px}.scope-summary>strong{font-size:25px}.scope-summary>span:last-child{font-size:9px}.summary-metric>span:last-child{font-size:9px}.attention-summary{padding-left:12px;gap:8px}.attention-summary>span:first-child,.attention-summary>span:last-child{display:none}.toolbar{flex-wrap:wrap;padding:12px 0}.toolbar-right{margin-left:auto}.focus .board{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:225px}.focus .product-code{font-size:36px}.focus .photo{width:70px;height:58px}.footer{margin-top:10px}.detail-layout{grid-template-columns:1fr 1fr}.header-right{gap:15px}}
@media(max-width:700px){.screen{padding:0 14px}.brand{font-size:33px}.preview-badge{font-size:10px}.header-right{gap:10px}.time{display:none}.masthead .icon-btn{width:28px;height:28px}.summary{height:auto;grid-template-columns:1fr 1fr;padding:16px 0;gap:18px}.scope-summary{grid-column:1 / -1;display:flex;align-items:center;gap:14px}.scope-summary>strong{font-size:23px;margin:0}.scope-summary>span:last-child{margin-left:auto;font-size:9px}.summary-metric{padding-left:0;border-left:0}.summary-metric strong{font-size:29px}.attention-summary{border:0;padding:0;gap:12px}.attention-summary>span:first-child{display:block}.attention-summary strong{font-size:29px}.toolbar-left{width:100%;flex-wrap:wrap;gap:10px}.toolbar-rule{display:none}.search{margin-left:auto}.search input{width:104px}.sort{margin-left:auto;order:3}.toolbar-right{margin-left:0;width:100%;justify-content:space-between}.segments button{font-size:11px;padding:4px 10px}.board{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:144px;gap:9px}.product-card{padding:10px 9px}.product-code{font-size:27px}.photo{width:52px;height:40px}.card-stats strong{font-size:24px}.card-stats span{font-size:9px}.code-meta{font-size:9px}.footer{flex-wrap:wrap;height:auto;gap:12px;padding:14px 0}.footer-legend{gap:12px;font-size:9px}.pagination{margin-left:auto}.page-progress{margin:0 -14px}.focus .board{grid-template-columns:1fr;grid-auto-rows:228px}.focus .product-code{font-size:50px}.focus .photo{width:140px;height:84px}.focus .product-card{padding:18px}.focus .large-note{display:none}.focus .card-stats span{font-size:13px}.focus .card-stats strong{font-size:34px}dialog{padding:20px}.dialog-heading h2{font-size:29px}.detail-layout{grid-template-columns:1fr}.detail-visual img{height:210px}.help-content dl{grid-template-columns:1fr;gap:4px}.help-content dd{margin-bottom:15px}.help-content{font-size:13px}}
@media(min-width:1101px) and (max-width:1600px){:root{--cols:9;--rows:5}body:not(.focus) .product-code{font-size:24px}body:not(.focus) .photo{width:34px;height:32px}}
@media(min-width:1101px) and (max-width:1400px){body:not(.focus) .product-code{font-size:24px}body:not(.focus) .photo{width:43px;height:34px}}
@media(min-width:1101px) and (max-height:850px){.screen{min-height:720px}.masthead{height:66px}.summary{height:88px}.toolbar{min-height:52px}.footer{height:36px}body:not(.focus) .product-card{padding:6px 8px}body:not(.focus) .product-code{font-size:24px}body:not(.focus) .code-meta{margin-top:2px;min-height:13px}body:not(.focus) .photo{height:32px}body:not(.focus) .card-stats strong{font-size:19px}body:not(.focus) .card-stats{margin-top:4px;padding-top:4px}.focus .photo{height:58px}.focus .product-code{font-size:36px}.focus .card-stats strong{font-size:27px}.focus .large-note{font-size:10px}}
@media(min-width:1101px) and (max-width:1400px){body:not(.focus) .photo{width:34px}}
@media(min-width:1101px) and (max-height:850px){.focus .large-note{display:none}}
.card-stats span small{font:inherit}
@media(max-width:1600px){body:not(.focus) .card-stats small{display:none}}
.stat-value{display:flex;align-items:center;gap:5px;min-width:0}
.all-branches .card-stats{grid-template-columns:minmax(0,1.35fr) minmax(0,1.35fr) minmax(0,.8fr);gap:5px}
.card-stats .branch-stack{display:flex;flex-direction:column;gap:3px;flex-shrink:0;min-width:25px}
.card-stats .branch-line{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:8px;line-height:1;color:var(--quiet);white-space:nowrap}
.branch-line em{font-style:normal;font-weight:500}
.branch-line b{font-size:9px;font-weight:650;font-variant-numeric:tabular-nums;color:#3d5145}
.all-branches:not(.focus) [data-metric=clicks] small{display:none}
.focus .stat-value{gap:12px;min-height:46px}
.focus .card-stats .branch-stack{gap:5px;min-width:43px}
.focus .card-stats .branch-line{font-size:11px;gap:6px}
.focus .branch-line b{font-size:13px}
@media(min-width:3600px){.stat-value{gap:9px}.card-stats .branch-stack{min-width:50px;gap:5px}.card-stats .branch-line{font-size:15px;gap:5px}.branch-line b{font-size:18px}.focus .stat-value{gap:22px;min-height:87px}.focus .card-stats .branch-stack{min-width:76px;gap:10px}.focus .card-stats .branch-line{font-size:22px}.focus .branch-line b{font-size:26px}}
@media(min-width:1101px) and (max-width:1600px){.all-branches:not(.focus) .screen{height:auto;min-height:100dvh}.all-branches:not(.focus) .board{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:130px}.all-branches:not(.focus) .photo{width:52px;height:39px}.all-branches:not(.focus) .product-code{font-size:27px}.all-branches:not(.focus) .product-card{padding:10px}.all-branches:not(.focus) .card-stats strong{font-size:23px}}
@media(min-width:701px) and (max-width:1100px){.all-branches:not(.focus) .board{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.all-branches:not(.focus) .board{grid-template-columns:1fr;grid-auto-rows:168px}.all-branches:not(.focus) .product-card{padding:14px}.all-branches:not(.focus) .product-code{font-size:36px}.all-branches:not(.focus) .photo{width:100px;height:60px}.all-branches:not(.focus) .card-stats strong{font-size:29px}.all-branches:not(.focus) .card-stats .branch-stack{min-width:37px;gap:4px}.all-branches:not(.focus) .card-stats .branch-line{font-size:10px}.all-branches:not(.focus) .branch-line b{font-size:12px}.all-branches:not(.focus) .card-stats .stat-label{font-size:11px}.focus .stat-value{gap:8px}.focus .card-stats .branch-stack{min-width:34px}.focus .card-stats .branch-line{font-size:9px}.focus .branch-line b{font-size:11px}}
@media(min-width:1101px) and (max-height:850px){.focus .stat-value{min-height:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.back-link{color:var(--muted);font-size:12px;background:none;text-decoration:none;padding:6px}
.back-link:hover{color:white}.scope-fixed{font-size:12px;font-weight:700;color:var(--green);white-space:nowrap}
.live-status{font-size:10px;line-height:1.5;min-height:24px;flex-shrink:0;color:var(--muted);padding-bottom:7px;overflow-wrap:anywhere}
.live-status.bad{color:#f2bc64}.product-card.unknown{border-left-color:#85908b}
.unknown .card-stats>div:first-child strong{color:var(--quiet)}
.metric-total{flex-shrink:0}
@media(min-width:1101px) and (max-height:1000px){.focus .large-note{display:none}}
.focus .card-stats .branch-stack,.focus .card-stats .branch-line{margin-bottom:0}
@media(min-width:1101px) and (max-height:850px){.focus .product-card{padding:12px}.focus .code-meta{margin-top:5px}.focus .card-stats{margin-top:7px;padding-top:6px}.focus .stat-value{min-height:30px}}
@media(min-width:3600px){.live-status{font-size:17px;min-height:40px}.back-link,.scope-fixed{font-size:20px}}
@media(max-width:700px){.header-right{gap:2px}.back-link{font-size:10px}.live-status{font-size:10px}}

/* Keep card contents in document flow when a window is too short for the grid. */
@media(min-width:1101px){
  .screen{height:auto;min-height:100dvh}
  .board{min-height:min-content;grid-template-rows:repeat(var(--rows),minmax(124px,1fr))}
  .card-top{flex-shrink:0}
  .focus .board{grid-template-rows:repeat(3,minmax(238px,1fr))}
}
@media(min-width:1101px) and (max-height:1100px){
  .focus .masthead{height:66px}
  .focus .summary{height:88px}
  .focus .toolbar{min-height:52px}
  .focus .footer{height:36px}
  .focus .large-note{display:none}
  .focus .product-card{padding:16px}
  .focus .product-code{font-size:48px}
  .focus .photo{width:120px;height:84px}
  .focus .card-stats{margin-top:10px;padding-top:9px}
  .focus .board{grid-template-rows:repeat(3,minmax(216px,1fr))}
}
@media(min-width:1601px) and (max-width:3599px){
  body:not(.focus){--gap:8px}
  body:not(.focus) .masthead{height:56px}
  body:not(.focus) .brand{font-size:36px}
  body:not(.focus) .identity-text h1{font-size:16px;margin-bottom:3px}
  body:not(.focus) .summary{height:84px}
  body:not(.focus) .summary-metric strong{font-size:28px}
  body:not(.focus) .scope-summary>strong,body:not(.focus) .attention-summary strong{font-size:27px}
  body:not(.focus) .toolbar{min-height:44px}
  body:not(.focus) .footer{height:30px}
  body:not(.focus) .board{grid-template-rows:repeat(6,minmax(120px,1fr))}
  body:not(.focus) .product-card{padding:8px}
  body:not(.focus) .code-meta{margin-top:4px;min-height:14px}
  body:not(.focus) .photo{width:58px;height:44px}
  body:not(.focus) .card-stats{margin-top:5px;padding-top:4px}
}
@media(min-width:1101px) and (max-width:1600px){
  .focus .board{grid-template-rows:repeat(3,minmax(206px,1fr))}
}
@media(min-width:1101px) and (max-height:1000px){
  .focus .board{grid-template-rows:repeat(3,minmax(198px,1fr))}
  .focus .product-card{padding:14px}
  .focus .photo{height:64px;width:94px}
  .focus .product-code{font-size:40px}
  .focus .card-stats{margin-top:9px;padding-top:8px}
}
@media(min-width:1101px) and (max-height:850px){
  .focus .board{grid-template-rows:repeat(3,minmax(154px,1fr))}
  .focus .product-card{padding:12px}
  .focus .product-code{font-size:36px}
  .focus .photo{height:58px}
}
.product-card.low .card-stats>div:first-child strong{color:var(--red)}
.product-card.healthy .card-stats>div:first-child strong{color:#997000}
.code-meta .otw-badge{font-size:10px;font-weight:650;color:#725800;white-space:nowrap;margin-left:auto}
.code-meta{flex-wrap:wrap;row-gap:2px}
@media(min-width:3600px){
  .board{grid-template-rows:repeat(6,minmax(246px,1fr))}
  .focus .board{grid-template-rows:repeat(3,minmax(464px,1fr))}
}