/* CPU-Info Benchmark: shared styles, original site.css stays unchanged. */
:root{--bench-green:#39FF14;--bench-red:#FF2020;--bench-border:#d5e2f2;--bench-navy:#08204f}
.bench-home,.bench-score,.bench-compare,.bench-article,.benchmark-intro,.benchmark-table-card,.benchmark-method{margin-top:26px;margin-bottom:26px}
.bench-eyebrow{display:block;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#1561c3;font-weight:700;margin-bottom:5px}
.bench-home h2,.bench-score h2,.bench-compare h2,.bench-article h2{margin:0 0 12px;color:var(--bench-navy)}
.bench-home p,.bench-score p,.bench-compare p,.bench-article p{margin:7px 0 14px}
.bench-home-heading,.bench-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bench-home>.bench-home-heading{margin-bottom:22px}
.bench-home-example{padding:22px;border:1px solid var(--bench-border);border-radius:12px;background:#f1f7ff;margin-bottom:20px}
.bench-home-example h3{margin:4px 0 5px}.bench-home-number{color:var(--bench-navy);font-size:35px;font-weight:800;line-height:1.25;white-space:normal}
.bench-home-number span{font-size:17px;color:#526981;font-weight:500}.bench-label{font-weight:700;color:#385e8e;font-size:14px}
.bench-home-top h3{margin:4px 0 10px}.bench-home-top ol{padding-left:28px;margin:0 0 20px}
.bench-home-top li{padding:7px 0;border-bottom:1px solid var(--bench-border);display:list-item}
.bench-home-top li strong{float:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.bench-score{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#f9fcff}
.bench-score>div:first-child{flex:1 1 260px}
.bench-score-metrics{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}
.bench-score-metrics>div{background:#fff;border:1px solid #d1e0ee;border-radius:10px;padding:12px 17px;min-width:132px}
.bench-score-metrics small{display:block;font-size:12px;color:#506a88}
.bench-score-metrics strong{font-size:25px;line-height:1.35;color:#0a3164;font-variant-numeric:tabular-nums;white-space:nowrap}
.bench-score-metrics strong span{font-size:14px;color:#7b8ea2}
.bench-compare{overflow:hidden}.bench-compare h2{margin-bottom:5px}
.bench-compare-list{display:grid;gap:7px}.bench-compare-row{display:grid;grid-template-columns:43px minmax(110px,175px) minmax(95px,1fr) 92px;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;background:#f7fbff;border:1px solid #e0e9f3}
.bench-compare-row.is-current{background:#fff0f1;border-color:#ffb7bb}
.bench-rank{font-weight:700;color:#566a86;font-variant-numeric:tabular-nums}
.bench-model{font-weight:700;overflow-wrap:anywhere}.bench-points{color:#123d72;font-variant-numeric:tabular-nums;text-align:right;font-size:16px}
.bench-svg{width:100%;height:19px;display:block;overflow:visible}
.bench-legend{display:flex;gap:18px;margin-bottom:15px;flex-wrap:wrap;color:#385070;font-size:14px}
.bench-legend span:before{content:'';display:inline-block;width:12px;height:12px;vertical-align:middle;border-radius:3px;margin-right:5px;background:var(--bench-green);border:1px solid #29a51f}
.bench-legend span.bench-legend-red:before{background:var(--bench-red);border-color:#bb1c2c}
.bench-note{color:#657993;font-size:13px;margin:14px 0 0!important}
.bench-article{font-size:16px;line-height:1.7}
.bench-article h3{font-size:20px;line-height:1.35;color:#164f99;margin:22px 0 9px}
.bench-article p{margin:0 0 15px}
.bench-article .bench-source{border-top:1px solid #d8e4f2;margin-top:22px;padding-top:12px;font-size:13px;color:#62758d}
.benchmark-intro h1{margin:0 0 14px}.bench-lead{font-size:19px}
.bench-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0 14px}
.bench-controls label{font-weight:700}.bench-controls input{border:1px solid #a8bfd9;border-radius:9px;padding:11px 14px;min-width:260px;max-width:100%;flex:1;background:#fff}
.bench-controls output{color:#526881;font-size:14px;white-space:nowrap}
.bench-table-scroll{overflow-x:auto;border-radius:9px;border:1px solid #d6e4f3}
.bench-full-table{width:100%;border-collapse:collapse;min-width:550px;background:#fff;font-size:15px}
.bench-full-table thead{background:#eaf3ff}.bench-full-table th,.bench-full-table td{padding:9px 12px;border-bottom:1px solid #e3eaf3;text-align:left}
.bench-full-table td:first-child{width:70px;color:#526881;font-variant-numeric:tabular-nums}
.bench-full-table td:nth-child(3){font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.bench-full-table tr.bench-featured{background:#fff1f2}
.benchmark-method{margin-bottom:32px}
@media(min-width:860px){.bench-home{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.bench-home-heading{grid-column:1/-1}.bench-home-example{margin-bottom:0}}
@media(max-width:750px){.bench-compare-row{grid-template-columns:30px minmax(100px,1fr) 85px;gap:7px;padding:8px}
.bench-compare-row .bench-svg{grid-column:2/4;grid-row:2;height:12px}.bench-compare-row .bench-points{grid-column:3;grid-row:1;font-size:14px}
.bench-score-metrics strong{font-size:21px}.bench-home-number{font-size:29px}.bench-article h3{font-size:18px}.bench-score,.bench-compare,.bench-article{margin-top:16px;margin-bottom:16px}}
@media(max-width:460px){.bench-home-top li strong{float:none;display:block}.bench-score-metrics{width:100%;gap:8px}.bench-score-metrics>div{flex:1 1 115px;padding:9px}.bench-home-example{padding:15px}}

/* 2026-11-13: dynamic example and enlarged explanatory diagrams. */
.bench-home-heading>div{max-width:100%}
.bench-neighbor-description{font-size:14px;color:#536c88}
.benchmark-education{margin:25px 0}
.benchmark-education h2{margin:0 0 12px;color:var(--bench-navy)}
.bench-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.bench-concept{background:#f7fbff;border:1px solid #d8e5f1;border-radius:12px;padding:18px;min-width:0}
.bench-concept h3{font-size:19px;color:#0a3469;line-height:1.4;margin:0 0 12px}
.bench-concept p{font-size:15px;line-height:1.65;margin:14px 0 0}
.bench-concept-image{display:block;position:relative;text-decoration:none;border-radius:9px;overflow:hidden;background:#eaf2ff}
.bench-concept-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.bench-zoom-label{position:absolute;right:8px;bottom:8px;padding:5px 8px;border-radius:8px;color:#fff;background:rgba(4,38,73,.86);font-size:12px}
.bench-concept-image:focus-visible{outline:3px solid #1b61cb;outline-offset:2px}
.bench-modal[hidden]{display:none!important}
.bench-modal{position:fixed;z-index:1200;inset:0;background:rgba(1,15,40,.83);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.bench-modal img{display:block;width:800px;height:600px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);object-fit:contain;background:#edf5fc;box-shadow:0 12px 48px rgba(0,0,0,.4);border-radius:12px}
.bench-modal-close{position:absolute;z-index:2;top:12px;right:16px;color:#fff;border:1px solid #fff;background:#123a64;font-size:30px;border-radius:50%;width:46px;height:46px;cursor:pointer;line-height:1}
body.bench-modal-open{overflow:hidden}
@media(max-width:740px){.bench-concept-grid{grid-template-columns:1fr}.bench-modal{padding:10px}.bench-modal img{max-width:calc(100vw - 20px);max-height:calc(100vh - 40px)}.bench-modal-close{top:8px;right:8px}}
