.cycling-computers-page .nav a[href="/velokompyutery"]{background:var(--primary,#ff4a00);color:#fff}
.cc-page{padding-top:40px;padding-bottom:64px;color:#000}
.cc-page,.cc-page *,.cc-comparison,.cc-comparison *{box-sizing:border-box;min-width:0}
.cc-page a:focus-visible,.cc-comparison a:focus-visible{outline:3px solid #ff4a00;outline-offset:5px}
.cc-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:48px;align-items:center;border-bottom:4px solid #000;padding-bottom:40px}
.cc-kicker{font-size:13px!important;font-weight:900!important;letter-spacing:.04em;text-transform:uppercase;margin:0 0 18px!important}
.cc-hero h1{font-family:"FATRACING Display",sans-serif;font-size:clamp(42px,6.1vw,94px);font-weight:700;line-height:.95;letter-spacing:0;margin:0 0 28px;overflow-wrap:normal}
.cc-lead{font-size:clamp(26px,3vw,42px)!important;line-height:1.12!important;font-weight:900!important;margin-bottom:22px}
.cc-page p{font-size:18px;line-height:1.55;font-weight:600;max-width:65ch}
.cc-meta{font-size:13px!important;text-transform:uppercase;opacity:.7;margin:24px 0 0}
.cc-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.cc-page .button{white-space:normal;text-align:center;max-width:100%}
.cc-link,.cc-page a:not(.button):not(.cc-scenario){color:inherit;text-decoration:underline;text-decoration-color:#ff4a00;text-underline-offset:5px;text-decoration-thickness:3px}
.cc-link{font-weight:900;font-size:14px;text-transform:uppercase;padding:12px 0}
.cc-device-figure{margin:0;display:grid;justify-items:center;gap:24px;padding:24px;border:4px solid #000;border-radius:16px;box-shadow:10px 10px 0 #000;background:radial-gradient(#000 1px,transparent 1px) 0 0/12px 12px}
.cc-device{width:230px;max-width:100%;border:5px solid #000;border-radius:28px;padding:14px;background:#fff;box-shadow:6px 6px 0 #000;transform:rotate(5deg)}
.cc-device__brand{font-size:12px;letter-spacing:.04em;text-align:center;font-weight:900;padding:6px 0 16px}
.cc-device__screen{border:3px solid #000;border-radius:8px;overflow:hidden;background:#fff}
.cc-device__turn{display:flex;gap:12px;align-items:center;padding:8px 12px;background:#000;color:#fff;font-size:30px;font-weight:900}
.cc-device__turn span{font-size:14px}
.cc-device svg{display:block;width:100%;height:auto}
.cc-device__data{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid #000}
.cc-device__data>span{padding:10px 6px;font-size:10px;font-weight:900;text-transform:uppercase}
.cc-device__data>span+span{border-left:3px solid #000}
.cc-device__data strong{display:block;font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.cc-device__data small{font-size:11px}
.cc-device__buttons{display:flex;justify-content:space-around;padding:18px 6px 4px}
.cc-device__buttons i{width:28px;height:6px;border:2px solid #000;border-radius:3px}
.cc-device-figure figcaption{font-size:11px;font-weight:900;letter-spacing:.04em;background:#fff;padding:6px}
.cc-section{margin-top:56px;scroll-margin-top:var(--cc-anchor-offset,240px)}
.cc-section-head{margin-bottom:24px}
.cc-page h2{font-size:clamp(24px,3.5vw,38px);line-height:1.12;margin:0 0 20px;font-weight:900;text-transform:uppercase;overflow-wrap:anywhere}
.cc-page h3{font-size:22px;line-height:1.2;margin:0 0 12px;font-weight:900}
.cc-section-head .cc-kicker{margin-bottom:10px!important}
.cc-scenarios{border-top:3px solid #000}
.cc-scenario{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;gap:20px;align-items:start;border-bottom:3px solid #000;padding:24px 0;text-decoration:none;color:#000;transition:padding-left .15s ease}
.cc-scenario:hover{padding-left:10px}
.cc-scenario__number{font-family:"FATRACING Display",sans-serif;font-size:36px;line-height:1}
.cc-scenario p{margin:0 0 10px}
.cc-scenario strong{font-size:13px;text-transform:uppercase;border-bottom:3px solid #ff4a00}
.cc-scenario__arrow{font-size:32px;font-weight:900;text-align:right}
.cc-comparison{width:100%;margin:24px 0}
.cc-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;text-align:left}
.cc-table caption{text-align:left;font-size:14px;font-weight:700;padding:0 0 16px}
.cc-table th,.cc-table td{padding:20px 12px;border-bottom:2px solid #000;vertical-align:top;overflow-wrap:anywhere}
.cc-table thead{background:#000;color:#fff}
.cc-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.02em}
.cc-table th:first-child{width:26%}
.cc-table td:last-child{width:16%}
.cc-table tbody th{text-align:left;font-size:17px}
.cc-table a{color:inherit;text-decoration:underline;text-decoration-color:#ff4a00;text-underline-offset:4px;text-decoration-thickness:2px}
.cc-table small{display:block;font-size:12px;font-weight:600;line-height:1.5;margin-top:8px}
.cc-table td strong{white-space:nowrap;font-size:18px}
.cc-footnote{font-size:14px!important;line-height:1.6!important;max-width:85ch!important}
.cc-verdicts{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.cc-verdicts article{border-top:3px solid #000;padding:24px 0}
.cc-verdicts p{font-size:16px;margin:12px 0}
.cc-read{margin:48px 10px 56px 0;border:4px solid #000;border-radius:16px;box-shadow:10px 10px 0 #000;padding:32px}
.cc-read h2{max-width:700px}
.cc-next{display:grid;gap:12px}
.cc-next a{padding:12px 0;line-height:1.5;font-weight:900}
.cc-source-panel{border-block:3px solid #000;padding:20px 0;margin-top:40px}
.cc-source-panel summary{font-size:18px;font-weight:900;cursor:pointer;min-height:44px;align-content:center}
.cc-sources{padding-left:22px;line-height:1.7}
.cc-sources li+li{margin-top:12px}
.cc-source-panel a{overflow-wrap:anywhere}
/* The same comparison is used inside the existing guide's narrow text column. */
.guide-shell:has(.cc-comparison){max-width:1100px}
.guide-body:has(.cc-comparison){max-width:none}
.guide-body:has(.cc-comparison)>p,.guide-body:has(.cc-comparison) section>p,.guide-body:has(.cc-comparison) section>ul,.guide-body:has(.cc-comparison) section>ol,.guide-body:has(.cc-comparison) section>dl{max-width:740px}
@media(max-width:900px){.cc-hero{gap:24px;grid-template-columns:minmax(0,1fr) 260px}.cc-hero h1{font-size:clamp(42px,6.2vw,64px)}.cc-device-figure{padding:20px 12px}.cc-table th,.cc-table td{padding:16px 8px;font-size:14px}}
@media(max-width:720px){
  .cc-page{padding:24px 20px 48px}.cc-hero{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.cc-hero h1{font-size:clamp(39px,9.8vw,70px)}
  .cc-device-figure{width:100%;max-width:360px;justify-self:center;box-shadow:6px 6px 0 #000;margin:0 6px 6px 0;padding:24px}.cc-device{width:210px}
  .cc-page p{font-size:16px}.cc-section{margin-top:40px}.cc-actions{gap:16px}.cc-actions .button{width:100%}
  .cc-scenario{grid-template-columns:32px minmax(0,1fr) 24px;gap:12px;padding:22px 0}.cc-scenario h3{font-size:20px}.cc-scenario__number{font-size:28px}.cc-scenario__arrow{font-size:24px}
  .cc-verdicts{grid-template-columns:1fr}.cc-read{padding:22px;box-shadow:6px 6px 0 #000;margin-right:6px}.cc-read .button{width:100%}
  .cc-table,.cc-table tbody,.cc-table tr,.cc-table th,.cc-table td{display:block;width:100%!important}
  .cc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .cc-table tr{border:3px solid #000;border-radius:16px;margin-bottom:20px;overflow:hidden}
  .cc-table tbody th{background:#000;color:#fff;font-size:19px;padding:18px}
  .cc-table td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px 12px;padding:12px 16px;font-size:15px;border-bottom:1px solid #000}
  .cc-table td:last-child{border-bottom:0}.cc-table td::before{content:attr(data-label);font-size:11px;text-transform:uppercase;font-weight:900;padding-top:3px}
  .cc-table td small{grid-column:2;margin-top:0}.cc-table caption{display:block}
}
@media(prefers-reduced-motion:reduce){.cc-scenario{transition:none}.cc-scenario:hover{padding-left:0}}
.cc-magene{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:32px;margin:48px 10px 56px 0;padding:clamp(24px,3vw,40px);border:4px solid #000;border-radius:16px;background:#000;color:#fff;box-shadow:10px 10px 0 #000;border-top:6px solid #ff4a00}
.cc-magene h2{font-family:"FATRACING Display",sans-serif;font-size:clamp(64px,7vw,100px);line-height:.9;margin:0 0 24px;letter-spacing:0}
.cc-magene p{font-size:16px;line-height:1.55}
.cc-magene__lead{font-size:clamp(24px,2.4vw,34px)!important;font-weight:900!important;line-height:1.1!important}
.cc-magene__picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-block:2px solid #fff;padding:20px 0;margin:24px 0}
.cc-magene__picks strong{display:block;font-size:20px;margin-bottom:8px}
.cc-magene__picks span{display:block;font-size:12px;line-height:1.55;margin-top:6px}
.cc-magene__shop{font-weight:900;text-transform:uppercase;line-height:1.5;display:inline-block;padding:12px 0}
.cc-magene__supplier{font-size:13px!important;margin:24px 0 0;max-width:65ch}
.cc-magene__visual{align-self:center;margin:0;min-width:0;background:#fff;border:3px solid #fff;border-radius:16px;padding:16px;color:#000}
.cc-magene__visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:0!important;border-radius:0!important}
.cc-magene__visual figcaption{text-align:center;font-size:12px;line-height:1.6;font-weight:900;margin-top:12px}
.cc-comparison [hidden]{display:none!important}
.cc-controls{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(200px,1.5fr) auto;gap:14px;align-items:end;border:3px solid #000;border-radius:16px;padding:20px;margin-bottom:20px}
.cc-controls label{font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.cc-controls select,.cc-controls input{display:block;width:100%;min-height:48px;box-sizing:border-box;border:2px solid #000;border-radius:8px;background:#fff;color:#000;font:600 16px/1.2 system-ui,sans-serif;padding:10px;margin-top:10px}
.cc-controls .button{min-height:48px;white-space:normal}
.cc-controls :is(select,input,button):focus-visible,.cc-model-notes summary:focus-visible,.cc-source-panel summary:focus-visible{outline:3px solid #ff4a00;outline-offset:4px}
.cc-result-count{font-size:14px!important;font-weight:800!important;margin-bottom:16px!important}
.cc-no-results{border:3px dashed #000;border-radius:16px;padding:24px;font-size:16px!important}
.cc-table .cc-generation{display:inline-block;border-bottom:2px solid #000;font-size:11px;text-transform:uppercase}
.cc-model-notes{margin-top:14px;font-weight:600}
.cc-model-notes summary{cursor:pointer;min-height:44px;align-content:center;font-size:13px;text-decoration:underline;text-decoration-color:#ff4a00;text-underline-offset:4px}
.cc-model-notes p{font-size:13px!important;line-height:1.55!important;margin:12px 0!important;max-width:40ch}
.cc-supplier-link{display:block!important;font-size:12px;font-weight:900;padding:12px 0;line-height:1.5;min-height:44px}
.cc-table tr{scroll-margin-top:var(--guide-anchor-offset,160px)}
.guide-shell .cc-magene h2{font-family:"FATRACING Display",sans-serif;font-size:clamp(64px,7vw,100px);line-height:.9;letter-spacing:0}
.guide-shell .cc-magene{box-sizing:border-box}
.guide-shell .cc-magene,.guide-shell .cc-magene *{min-width:0}
@media(max-width:1000px){.cc-controls{grid-template-columns:1fr 1fr}.cc-magene{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.cc-magene__picks{grid-template-columns:1fr;gap:16px}.cc-magene__picks span{display:inline;margin-left:8px}.cc-magene__picks strong{display:inline;font-size:17px}}
@media(max-width:720px){
 .cc-magene{grid-template-columns:1fr;padding:24px 20px;margin-right:6px;box-shadow:6px 6px 0 #000;gap:28px}
 .cc-magene h2,.guide-shell .cc-magene h2{font-size:64px}.cc-magene__visual{width:100%;max-width:340px;justify-self:center}.cc-magene__supplier{font-size:12px!important}
 .cc-magene__picks span{display:block;margin:6px 0 0}.cc-magene .button{width:100%}.cc-magene__shop{font-size:14px}
 .cc-controls{grid-template-columns:1fr;padding:16px}.cc-controls label{font-size:12px}.cc-controls .button{width:100%}
 .cc-table .cc-generation{border-color:#fff}
}