/* Iba rozloženie vzorky. Paleta, fonty, hlavička a CTA sú ops/design/paper/paper.css. */
.small{font:14px/1.55 var(--ui);color:var(--muted)}
.intro .btn{margin-top:12px}.preview-notice{font:15px/1.6 var(--ui);border-left:2px solid var(--accent);padding-left:16px;margin-top:30px;max-width:45ch}
.publisher-preview{min-width:0;border:1px solid var(--line);background:var(--card);padding:22px;color:var(--ink)}
.preview-head{display:flex;justify-content:space-between;gap:12px;font:13px/1.4 var(--ui);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px}
.samples{border:0;padding:0;margin:18px 0 12px;display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.samples legend{font:13px/1.4 var(--ui);margin-bottom:8px;color:var(--muted)}
.samples button{font:14px/1.3 var(--ui);cursor:pointer;padding:10px 12px;min-height:44px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:4px}
.samples button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#solution{margin-left:auto}.publisher-preview figure{margin:0}.publisher-preview img{display:block;width:100%;height:auto;background:#fff;padding:10px}
.publisher-preview figcaption{font:13px/1.5 var(--ui);color:var(--muted);margin:14px 0}
.asset-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font:13px/1.5 var(--ui);padding-top:14px;border-top:1px solid var(--line)}
.content-width{max-width:850px}.content-width p{max-width:65ch}
.file-list{margin:30px 0}.file-list>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:22px 0;border-top:1px solid var(--line)}
.file-list dt{font:600 17px/1.5 var(--display);color:var(--ink)}.file-list dd{margin:0;line-height:1.5}
.steps{padding-left:24px;line-height:1.65}.steps li{margin:12px 0;padding-left:8px}code{font-size:.85em;overflow-wrap:anywhere}
.last-cta{margin-top:32px}.foot{font-size:14px}.foot>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.publisher-preview{padding:16px}.file-list>div{grid-template-columns:minmax(0,1fr);gap:7px}.bar nav{gap:14px}.brand span{display:none}.btn{max-width:100%;text-align:center}.samples button{padding:10px}.small{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

[hidden] { display: none !important; }

/* Spoločné plátno má šírku viewportu; hero ho nesmie rozšíriť o scrollbar. */
.intro { overflow-x: clip; }