/* Dyspraktik.cz – sdílený minimalistický styl */
:root{color-scheme:light;--bg:#fdfcf9;--surface:#f3f6f8;--text:#202a35;--muted:#596879;--link:#1c557b;--line:#dce3e7;--focus:#a85816}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.wrap{width:min(100% - 40px,790px);margin-inline:auto}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:#0d3655;text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:2px}
.skip{position:absolute;left:-10000px;top:8px;padding:8px 12px;background:#fff;z-index:10}
.skip:focus{left:12px}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 0}
.brand{color:var(--text);font-size:1.34rem;font-weight:760;letter-spacing:-.045em;white-space:nowrap;text-decoration:none}
.brand-dot{color:var(--link)}
.site-header nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.site-header nav a{color:var(--muted);font-size:.9rem;text-decoration:none;line-height:1.5;padding:6px 0;border-bottom:2px solid transparent}
.site-header nav a[aria-current=page]{color:var(--link);border-color:var(--link);font-weight:650}
main{padding:52px 0 48px;min-height:60vh}
h1,h2,h3{line-height:1.3;letter-spacing:-.025em}
h1{font-size:clamp(2rem,5vw,2.75rem);margin:0 0 13px;font-weight:740}
h2{font-size:clamp(1.35rem,3vw,1.65rem);margin:0 0 13px;font-weight:690}
h3{font-size:1.07rem;margin:30px 0 8px}
p{margin:0 0 15px;max-width:74ch}
.lead{font-size:1.12rem;color:var(--muted);max-width:68ch}
.home-heading{margin-bottom:38px}
.home-heading .lead{margin:0}
section{scroll-margin-top:24px}
.home-section,.content-section,main>section:not([class]){margin:0 0 36px;padding:0 0 30px;border-bottom:1px solid var(--line)}
.home-section:last-child,.content-section:last-child,main>section:last-child{border-bottom:0}
.home-section p:last-child{margin-bottom:0}
.anchors{display:flex;gap:12px 24px;flex-wrap:wrap;margin:30px 0 42px;padding:14px 0;border-block:1px solid var(--line)}
.anchors a{font-weight:600;font-size:.95rem}
.section-intro{font-size:.95rem;color:var(--muted)}
.sources,.directory{list-style:none;padding:0;margin:0}
.sources li,.directory li{padding:17px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.sources li:last-child,.directory li:last-child{border-bottom:0}
.sources .source-title,.directory li>a{font-size:1.04rem;font-weight:680;line-height:1.45}
.sources .citation{display:block;color:var(--muted);font-size:.85rem;line-height:1.55;margin-top:7px}
.sources p,.directory p{font-size:.95rem;margin:7px 0 0}
.directory-meta{display:block;color:var(--muted);font-size:.87rem;margin-top:3px}
.links{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.92rem;margin-top:8px}
.resource-list{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:4px 22px}
.resource{display:flex;align-items:center;gap:14px;padding:17px 0;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.resource:last-child{border-bottom:0}
.resource-copy{display:flex;flex:1;flex-direction:column;gap:2px;line-height:1.5}
.resource-copy strong{color:var(--link);font-size:1.02rem}
.resource-copy span{font-size:.92rem;color:var(--muted)}
.resource-arrow{font-size:1.45rem;color:var(--link)}
.resource:hover strong{text-decoration:underline}
.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:14px 25px;flex-wrap:wrap;padding:24px 0 42px}
.site-footer nav{display:flex;gap:6px 18px;flex-wrap:wrap}
.site-footer a{color:var(--muted);text-decoration:none}
.site-footer a:hover{text-decoration:underline}
@media(max-width:720px){.header-inner{flex-direction:column;align-items:flex-start;gap:6px;padding:15px 0}.site-header nav{gap:3px 16px}.site-header nav a{font-size:.88rem;padding:5px 0}main{padding:36px 0}.home-heading{margin-bottom:30px}.resource-list{padding:3px 14px}.resource{gap:8px}.resource-copy span{font-size:.88rem}.footer-inner{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
