/* Bomxe · raport testowy — test-bench sheet · Oxanium / Source Sans 3 / JetBrains Mono · dials 6/1/7 */
:root{--g0:#0d1014;--g1:#141920;--g2:#1b222c;--rule:#2a3340;--txt:#e6ebf2;--dim:#93a0b3;--or:#ff6a1a;--or2:#ffa066;--ok:#b9e86a;--no:#ff7a6b;--paper:#242b36;
--d:"Oxanium",system-ui,sans-serif;--s:"Source Sans 3",system-ui,sans-serif;--m:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--g0);color:var(--txt);font:400 17px/1.66 var(--s)}
img{display:block;max-width:100%}
a{color:var(--or2)}
.tb-skip{position:absolute;left:-999px}.tb-skip:focus{left:8px;top:8px;background:var(--or);color:#111;padding:.5rem .8rem;z-index:9}
.tb-top{border-bottom:1px dashed var(--rule);background:var(--g0);position:sticky;top:0;z-index:5}
.tb-top__in{max-width:1180px;margin:auto;padding:.7rem 1rem;display:flex;align-items:center;gap:1rem}
.tb-logo{font:700 1.25rem var(--d);color:var(--txt);text-decoration:none;letter-spacing:.02em}.tb-logo span{color:var(--or)}
.tb-crumb{margin:0;flex:1;font:400 .7rem var(--m);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-crumb a{color:var(--dim)}
.tb-cart{font:600 .75rem var(--m);color:var(--txt);text-decoration:none;border-bottom:2px solid var(--or);padding-bottom:2px;text-transform:uppercase;letter-spacing:.06em}
.tb-cart b{background:var(--or);color:#111;padding:0 .35rem;margin-left:.25rem}
.bench{background:linear-gradient(var(--g1),var(--g1)) padding-box,repeating-linear-gradient(0deg,transparent 0 23px,rgba(255,255,255,.03) 23px 24px);background:var(--g1);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.035) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.035) 31px 32px);border-bottom:1px solid var(--rule)}
.bench__grid{max-width:1180px;margin:auto;padding:2rem 1rem 2.4rem;display:grid;gap:1.6rem}
.tag{font:600 .68rem var(--m);text-transform:uppercase;letter-spacing:.12em;color:var(--or);margin:0 0 .8rem}
h1{font:700 clamp(1.7rem,5.2vw,2.9rem)/1.12 var(--d);margin:0 0 1rem;letter-spacing:-.01em;max-width:22ch}
.bench__lede{color:#c7d0dc;max-width:58ch;margin:0 0 1.4rem;font-size:1.08rem}
.bench__meta{display:grid;gap:0;margin:0;border:1px solid var(--rule)}
.bench__meta div{display:grid;grid-template-columns:9.5rem 1fr;border-bottom:1px solid var(--rule)}
.bench__meta div:last-child{border-bottom:0}
.bench__meta dt{font:600 .68rem var(--m);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);padding:.6rem .75rem;background:var(--g2)}
.bench__meta dd{margin:0;padding:.55rem .75rem;font-family:var(--m);font-size:.86rem}
.frame{aspect-ratio:1/1;background:#d9dadc;border:1px solid var(--rule);overflow:hidden}
.frame img{width:100%;height:100%;object-fit:contain}
figure{margin:0}
figcaption{font:400 .72rem/1.5 var(--m);color:var(--dim);padding:.55rem 0 0;letter-spacing:.02em}
figcaption::before{content:"FIG · ";color:var(--or)}
.bench__shot{align-self:start}
.report{max-width:1180px;margin:auto;padding:2rem 1rem 3rem;display:grid;gap:2rem}
.sheet{border:1px solid var(--rule);background:var(--g1);padding:1rem}
.sheet__h{font:600 .7rem var(--m);text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin:0 0 .6rem}
.sheet__toc{margin:0 0 1rem;padding:0;list-style:none;counter-reset:t;display:flex;flex-wrap:wrap;gap:.3rem .9rem}
.sheet__toc li{counter-increment:t;font-family:var(--m);font-size:.8rem}
.sheet__toc li::before{content:counter(t,decimal-leading-zero) " ";color:var(--or)}
.sheet__toc a{color:var(--txt);text-decoration:none}.sheet__toc a:hover{color:var(--or2)}
.sheet__cta{display:block;text-align:center;font:600 .78rem var(--m);text-transform:uppercase;letter-spacing:.08em;padding:.7rem;border:1px solid var(--or);color:var(--or);text-decoration:none}
.sheet__cta:hover{background:var(--or);color:#111}
.body{min-width:0;max-width:760px}
.body section{padding-bottom:1.2rem}
h2{font:700 clamp(1.3rem,3.4vw,1.75rem)/1.2 var(--d);margin:2rem 0 1rem;display:flex;gap:.75rem;align-items:baseline}
h2 span{font:600 .8rem var(--m);color:#111;background:var(--or);padding:.15rem .4rem;flex:none;transform:translateY(-3px)}
h3{font:600 1.05rem var(--d);margin:0 0 .4rem}
p{margin:0 0 1rem}
.pull{margin:2rem 0;padding:1.2rem 0 1.2rem 1.2rem;border-left:4px solid var(--or);font:600 clamp(1.15rem,3vw,1.45rem)/1.4 var(--d);color:#fff}
.pull--alt{border-left:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.3rem 0;text-align:center;color:var(--or2)}
.steps{margin:0 0 1.4rem;padding:0;list-style:none;counter-reset:s;border-top:1px solid var(--rule)}
.steps li{counter-increment:s;position:relative;padding:.75rem 0 .75rem 2.6rem;border-bottom:1px solid var(--rule)}
.steps li::before{content:"S" counter(s);position:absolute;left:0;top:.95rem;font:600 .78rem var(--m);color:var(--or)}
.inline{margin:1.6rem 0;max-width:460px}
.inline--wide{max-width:560px;margin-left:auto}
.warn{border:1px dashed var(--or);padding:.85rem 1rem;font-size:.93rem;color:#d8dee8;background:rgba(255,106,26,.06)}
.tbl-wrap{overflow-x:auto;margin:0 0 1.2rem;border:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}
caption{text-align:left;font:600 .7rem var(--m);text-transform:uppercase;letter-spacing:.1em;color:var(--dim);padding:.6rem .75rem;background:var(--g2);caption-side:top}
th,td{padding:.6rem .75rem;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
thead th{font:600 .7rem var(--m);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);background:var(--g1)}
tbody th{font-weight:600}
.readings td:nth-child(2),.readings td:nth-child(3),.readings td:nth-child(4){font-family:var(--m);font-size:.84rem;white-space:nowrap}
.readings td:nth-child(4){color:var(--ok)}
.versus td:nth-child(2){background:rgba(255,106,26,.07);color:#fff}
.cases{display:grid;gap:0;margin:0 0 1.2rem;border:1px solid var(--rule)}
.case{padding:1rem;border-bottom:1px solid var(--rule)}.case:last-child{border-bottom:0}
.case p{margin:0;color:#c7d0dc;font-size:.95rem}
.pc{display:grid;gap:1rem;margin:0 0 1rem}
.pc__col{padding:1rem;background:var(--g1);border-top:3px solid}
.pc__col--plus{border-color:var(--ok)}.pc__col--minus{border-color:var(--no)}
.pc__col ul{margin:0;padding:0;list-style:none}
.pc__col li{padding:.45rem 0 .45rem 1.5rem;position:relative;border-bottom:1px solid var(--rule);font-size:.95rem}
.pc__col--plus li::before{content:"+";position:absolute;left:0;color:var(--ok);font:700 1rem var(--m)}
.pc__col--minus li::before{content:"−";position:absolute;left:0;color:var(--no);font:700 1rem var(--m)}
.score{border:1px solid var(--rule);background:var(--g1);padding:1rem;margin:0 0 1.4rem}
.score__row{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;padding:.55rem 0;border-bottom:1px solid var(--rule)}
.score__row span{font-size:.95rem}.score__row b{font:600 .74rem var(--m);text-transform:uppercase;letter-spacing:.06em;color:var(--or2);align-self:center}
.score__row i{grid-column:1/-1;height:6px;background:var(--g2);position:relative}
.score__row i::after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--v)*100%);background:linear-gradient(90deg,var(--or),var(--or2))}
.score__note{margin:.7rem 0 0;font:400 .72rem var(--m);color:var(--dim)}
.verdict-box{display:grid;gap:1rem;border:2px solid var(--or);padding:1rem;margin-top:1.6rem;background:var(--g1)}
.verdict-box__img{max-width:260px}
.verdict-box__name{font:700 1.25rem var(--d);margin:0 0 .3rem}
.verdict-box__price{font:700 1.6rem var(--m);margin:0 0 1rem;color:#fff}.verdict-box__price small{display:block;font:400 .72rem var(--m);color:var(--dim)}
.verdict-box__act{display:flex;flex-wrap:wrap;gap:.6rem}
.btn-a,.btn-b{font:600 .82rem var(--m);text-transform:uppercase;letter-spacing:.06em;padding:.85rem 1.1rem;border:2px solid var(--or);cursor:pointer;text-decoration:none;display:inline-block}
.btn-a{background:var(--or);color:#111}.btn-a:hover{background:var(--or2)}
.btn-b{background:transparent;color:var(--or2)}.btn-b:hover{background:rgba(255,106,26,.12)}
.btn-a:focus-visible,.btn-b:focus-visible,a:focus-visible{outline:2px solid var(--ok);outline-offset:2px}
.note{font:400 .82rem var(--m);color:var(--ok);margin:.8rem 0 0}
.tb-foot{border-top:1px dashed var(--rule);background:var(--g1)}
.tb-foot__in{max-width:1180px;margin:auto;padding:1.4rem 1rem;font-size:.88rem;color:var(--dim)}
.tb-foot a{color:var(--txt)}
.tb-foot__legal{font:400 .74rem var(--m);margin:0}
@media (min-width:760px){
.bench__grid{grid-template-columns:1.25fr .85fr;align-items:center;padding:3rem 1rem}
.cases{grid-template-columns:repeat(3,1fr)}.case{border-bottom:0;border-right:1px solid var(--rule)}.case:last-child{border-right:0}
.pc{grid-template-columns:1fr 1fr}
.verdict-box{grid-template-columns:220px 1fr;align-items:center}
}
@media (min-width:1020px){
.report{grid-template-columns:230px 1fr;gap:3rem}
.sheet{position:sticky;top:4.2rem;align-self:start}
.sheet__toc{display:block}.sheet__toc li{padding:.3rem 0;border-bottom:1px solid var(--rule)}
}
.mini{margin:0 0 1rem;padding:0;list-style:none;border-left:2px solid var(--or)}
.mini li{padding:.35rem 0 .35rem .9rem;font-size:.95rem}
.qa{margin:0;border-top:1px solid var(--rule)}
.qa dt{font:600 1.02rem var(--d);padding:.9rem 0 .3rem;color:#fff}
.qa dt::before{content:"Q · ";font:600 .75rem var(--m);color:var(--or)}
.qa dd{margin:0;padding:0 0 .9rem;border-bottom:1px solid var(--rule);color:#c7d0dc;font-size:.96rem}
