/* Cenník a dokumenty – vzhľad OBSAHU (Claude, 3. 11. 2026, ux-106).
   Hlavička, menu, pätička a písma sú spoločné so všetkými podstránkami (tools/build-podstranky.cjs zo šablóny titulky).
   Obsah: tools/build-pages.py → tools/podstranky/dokumenty.json. Pravidlá prevzaté z pôvodného stranka.css, len pre .doc-page. */
.subpage .doc-page{--green:#18201c;--muted:#626b64;--line:#c9cdc3;--champagne:#b9ac91;--motion-ease:cubic-bezier(.22,.72,.16,1);background:var(--paper,#eeeae3);color:var(--ink,#191b1b)}

.doc-page .doc-hero{background:var(--green);color:var(--paper,#eeeae3);padding:clamp(132px,12vw,176px) var(--gutter) clamp(52px,6vw,84px);overflow:hidden;--arrow-active-fill:var(--paper,#eeeae3);--arrow-active-ink:var(--ink,#191b1b)}
.doc-page .doc-eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#aeb8ad}
.doc-page .doc-hero h1{max-width:1200px;margin:36px 0 0;font-weight:400;font-size:clamp(48px,7.5vw,118px);line-height:.98;letter-spacing:-.06em;text-wrap:balance;overflow-wrap:break-word}
.doc-page .doc-hero-bottom{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-top:48px}
.doc-page .doc-lead{max-width:730px;font-size:clamp(23px,2.1vw,32px);line-height:1.25;color:#d2d7cb}
.doc-page .doc-hero-bottom>div{flex:0 0 230px;display:grid;justify-items:start;gap:28px}
.doc-page .doc-meta{display:grid;gap:10px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#a9b3a7}
.doc-page .doc-read{display:inline-flex;align-items:center;gap:18px;text-decoration:none;font-size:12px;color:inherit}
.doc-page .doc-read .motion-arrow{width:30px;height:30px}

.doc-page .doc-layout{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,850px);gap:clamp(40px,7vw,120px);justify-content:space-between;padding:clamp(60px,7vw,100px) var(--gutter) clamp(80px,9vw,140px)}
.doc-page .doc-aside{position:sticky;top:128px;align-self:start;min-width:0}
.doc-page .doc-toc{display:grid;font-size:13px;--arrow-active-fill:var(--ink,#191b1b);--arrow-active-ink:var(--paper,#eeeae3)}
.doc-page .doc-toc>p{margin:0 0 20px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.doc-page .doc-toc>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid var(--line);text-decoration:none;line-height:1.4;color:var(--muted);transition:color .35s}
.doc-page .doc-toc>a[aria-current],.doc-page .doc-toc>a:hover{color:var(--ink,#191b1b)}
.doc-page .doc-toc>a[aria-current]{font-weight:500}
.doc-page .doc-toc .motion-arrow{width:26px;height:26px;border-radius:6px}
.doc-page .doc-outline{margin-top:34px;border-top:1px solid var(--line);font-size:12px}
.doc-page .doc-outline summary{list-style:none;display:flex;justify-content:space-between;gap:14px;padding:16px 0;cursor:pointer}
.doc-page .doc-outline summary::-webkit-details-marker{display:none}
.doc-page .doc-outline summary>span{font-size:18px;transition:rotate .35s}
.doc-page .doc-outline[open] summary>span{rotate:45deg}
.doc-page .doc-outline nav{display:grid;gap:12px;padding:0 0 16px}
.doc-page .doc-outline nav a{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--muted);line-height:1.45}
.doc-page .doc-outline nav a span{flex:0 0 20px;font-size:10px}
.doc-page .doc-outline nav a:hover,.doc-page .doc-outline nav a[aria-current]{color:var(--ink,#191b1b)}

.doc-page .doc-body{min-width:0;font-size:16px;line-height:1.75;color:#38423a;overflow-wrap:break-word}
.doc-page .doc-body p{margin:0}
.doc-page .doc-body section{padding:0 0 56px;margin:0 0 56px;border-bottom:1px solid var(--line);scroll-margin-top:132px}
.doc-page .doc-body section:last-child{border:0;margin-bottom:0;padding-bottom:0}
.doc-page .doc-body h2{display:flex;align-items:baseline;gap:22px;margin:0 0 30px;color:var(--ink,#191b1b);font-weight:400;font-size:clamp(28px,3vw,43px);line-height:1.06;letter-spacing:-.045em}
.doc-page .doc-body h2 small{font-size:11px;letter-spacing:.06em;flex:0 0 28px;color:var(--muted)}
.doc-page .doc-body p+p,.doc-page .doc-body p+ul,.doc-page .doc-body ul+p{margin-top:20px}
.doc-page .doc-body ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.doc-page .doc-body li{position:relative;padding-left:22px}
.doc-page .doc-body li::before{content:'';position:absolute;left:0;top:.85em;width:9px;height:1px;background:#8b9589}
.doc-page .doc-body li ul{margin-top:14px;gap:10px}
.doc-page .doc-body strong{font-weight:500;color:var(--ink,#191b1b)}
.doc-page .doc-body a{color:inherit;text-decoration:underline;text-decoration-color:#899380;text-underline-offset:4px}
.doc-page .doc-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;margin:8px 0 30px}
.doc-page .doc-figure{padding:32px;border:1px solid #b9c0b3;border-radius:22px;background:#e2e3d9}
.doc-page .doc-figure strong{display:block;font-family:Bradford,Georgia,serif;font-weight:400;font-size:clamp(56px,5.5vw,80px);line-height:1;letter-spacing:-.04em}
.doc-page .doc-figure span{display:block;margin-top:22px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#58644f}
.doc-page .doc-figure p{margin-top:9px;font-size:14px;line-height:1.5;color:var(--muted)}
.doc-page .doc-box{padding:28px;border-radius:22px;background:var(--green);color:#d9ded5;font-size:15px;line-height:1.7}
.doc-page .doc-box :is(strong,a){color:var(--paper,#eeeae3)}
.doc-page .doc-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 24px;margin:24px 0 0;font-size:14px}
.doc-page .doc-identity dt{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding-top:.45em}
.doc-page .doc-identity dd{margin:0}
.doc-page .doc-signature{margin-top:30px;color:var(--muted);font-size:14px}

.has-doc-motion .doc-page [data-doc-reveal]{transform:translateY(calc((1 - var(--doc-reveal,1))*20px));clip-path:inset(0 calc((1 - var(--doc-reveal,1))*4%) 0 round 3px)}

@media(max-width:1100px){.doc-page .doc-hero-bottom>div{flex-basis:190px}}
@media(max-width:900px){
 .doc-page .doc-layout{grid-template-columns:minmax(0,1fr);gap:44px}
 .doc-page .doc-aside{position:static}
 .doc-page .doc-toc{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .doc-page .doc-toc>p{grid-column:1/-1}
 .doc-page .doc-outline{margin-top:20px}
 .doc-page .doc-outline nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
 .doc-page .doc-hero-bottom{gap:28px}
}
@media(max-width:700px){.doc-page .doc-hero{padding-top:112px}}
@media(max-width:620px){
 .doc-page .doc-hero{padding-bottom:52px}
 .doc-page .doc-hero h1{font-size:clamp(43px,10vw,62px);margin-top:28px;line-height:1.02}
 .doc-page .doc-hero-bottom{display:block;margin-top:30px}
 .doc-page .doc-lead{font-size:25px;line-height:1.24}
 .doc-page .doc-hero-bottom>div{margin-top:30px;gap:25px}
 .doc-page .doc-meta{font-size:9px}
 .doc-page .doc-layout{padding-block:46px 70px}
 .doc-page .doc-toc{grid-template-columns:minmax(0,1fr)}
 .doc-page .doc-toc>a{padding:12px 0}
 .doc-page .doc-outline nav{grid-template-columns:minmax(0,1fr)}
 .doc-page .doc-body{font-size:15px;line-height:1.7}
 .doc-page .doc-body section{padding-bottom:38px;margin-bottom:38px;scroll-margin-top:112px}
 .doc-page .doc-body h2{gap:13px;font-size:29px;margin-bottom:24px}
 .doc-page .doc-body h2 small{flex-basis:22px;font-size:10px}
 .doc-page .doc-figure{padding:25px}
 .doc-page .doc-identity{grid-template-columns:minmax(0,1fr);gap:4px}
 .doc-page .doc-identity dd{margin-bottom:14px}
 .doc-page .doc-box{padding:22px}
}
@media(prefers-reduced-motion:reduce){.has-doc-motion .doc-page [data-doc-reveal]{transform:none;clip-path:none}.doc-page .doc-toc>a,.doc-page .doc-outline summary>span{transition:none}}
@media print{
 .nav,.fixed-contact,.to-top,footer.contact,.doc-page .doc-aside,.doc-page .doc-read{display:none!important}
 .subpage,.subpage .doc-page{background:none}
 .doc-page .doc-hero{background:none;color:#000;padding:0 0 24px}
 .doc-page .doc-hero h1{font-size:40px}
 .doc-page .doc-hero .doc-lead,.doc-page .doc-eyebrow,.doc-page .doc-meta{color:#333}
 .doc-page .doc-hero-bottom{display:block}
 .doc-page .doc-layout{display:block;padding:0}
 .doc-page .doc-body section{break-inside:avoid}
 .has-doc-motion .doc-page [data-doc-reveal]{transform:none;clip-path:none}
}