/* Stránka štúdie https://arling.sk/agent-ready/shopify-ai-readiness-2026/ (len doplnok k /agent-ready/landing.css).
   Generátor: ops/strategia/2026-10-18-arling-2/studia/agent-readiness-2026-10/postav-stranku.mjs; šírky pruhov sú triedy, lebo CSP nepovoľuje inline štýly. */
.s-hero{padding:clamp(24px,6vw,80px) 0 clamp(40px,5vw,64px)}
.s-hero h1{max-width:24ch}
.s-hero .lede{max-width:40em}
.s-meta{font:15px/1.5 var(--display);color:var(--muted);margin:16px 0 0;max-width:60em;text-wrap:pretty}
.s-meta a{white-space:nowrap}
.s-meta a{color:var(--ink)}
.s-cisla{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0 40px}
.s-cisla li{display:grid;gap:6px;align-content:start;border-top:1px solid var(--ink);padding:16px 0 20px;max-width:none}
.s-cisla b{font:700 clamp(36px,4vw,52px)/1 var(--display);color:var(--ink);letter-spacing:-.02em}
.s-cisla li:first-child b{color:var(--accent-dark)}
.s-cisla span{font:16px/1.45 var(--display);color:var(--body);max-width:34ch}
.s-graf{margin:0;max-width:760px}
.graf{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.graf li{padding:12px 0 14px;border-bottom:1px solid var(--line);max-width:none}
.graf-riadok{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;margin:0 0 8px}
.graf-nazov{font:16px/1.4 var(--display);color:var(--ink);min-width:0}
.graf-hodnota{font:15px/1.4 var(--display);color:var(--muted);white-space:nowrap;text-align:right}
.graf-hodnota b{font:600 18px/1.2 var(--display);color:var(--ink);margin-right:4px}
.graf-pas{display:block;height:12px;background:var(--paper-deep);border-radius:3px;overflow:hidden}
.graf-vypln{display:block;height:100%;border-radius:3px}
.graf-chyba .graf-vypln{background:var(--accent)}
.graf-ma .graf-vypln{background:var(--ink)}
.s-graf figcaption{margin-top:12px}
.s-vyznam{font:16px/1.5 var(--display);color:var(--body);background:var(--paper-deep);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:28px 0 0;max-width:68ch}
.s-vyznam b{color:var(--ink);font-weight:600}
.s-par{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.s-text p{max-width:62ch}
.s-text .s-vyznam{margin-top:20px}
.s-tabulka{width:100%;max-width:460px;border-collapse:collapse;font:16px/1.45 var(--display);color:var(--body);align-self:start}
.s-tabulka caption{caption-side:top;text-align:left;font:14px/1.5 var(--display);color:var(--muted);padding:0 0 10px}
.s-tabulka th,.s-tabulka td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.s-tabulka thead th{color:var(--ink);font-weight:600;border-bottom:1px solid var(--ink)}
.s-tabulka th:first-child{padding-left:0}
.s-tabulka tbody th{font-weight:500;color:var(--ink)}
.s-tabulka td{text-align:right;font-variant-numeric:tabular-nums}
.s-tabulka td,.s-tabulka thead th:last-child{padding-right:0}
.s-tabulka thead th:last-child{text-align:right}
.s-kroky{max-width:760px}
.s-kroky li{padding-bottom:24px}
.s-kroky p{max-width:62ch}
.nw{white-space:nowrap}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;color:var(--ink)}
.s-metoda{gap:20px}
.s-metoda h3{margin-top:20px}
.s-metoda h3:first-child{margin-top:0}
@media (min-width:800px){
.s-cisla{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:960px){
.s-par{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
.s-par .s-graf{padding-top:6px}
.s-par-graf{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.s-par-graf .s-graf{padding-top:0}
.s-par-graf .s-vyznam{margin-top:0}
.s-metoda{gap:56px}
}
.w-0{width:0%}
.w-3-5{width:3.5%}
.w-5-3{width:5.3%}
.w-6-2{width:6.2%}
.w-7-1{width:7.1%}
.w-9-5{width:9.5%}
.w-10-6{width:10.6%}
.w-17-7{width:17.7%}
.w-18-6{width:18.6%}
.w-30-1{width:30.1%}
.w-43-4{width:43.4%}
.w-73-5{width:73.5%}
.w-74-3{width:74.3%}
.w-81-4{width:81.4%}
.w-85-8{width:85.8%}