/* Phoenix Union — stránka zákona (law.html, <lang>/law.html) */
:root{
 --black:#050403;--panel:#0d0906;--gold:#d8a13e;--gold2:#ffd98a;--ember:#df4c14;
 --ivory:#f5ead5;--muted:#ad9d88;--line:rgba(224,168,68,.24);--max:900px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--ivory);font-family:Inter,system-ui,sans-serif;line-height:1.75;
 background-image:radial-gradient(ellipse at 50% -10%,rgba(160,45,10,.18),transparent 55%)}
img{max-width:100%;height:auto}
a{color:var(--gold2);text-decoration:none}
a:hover{text-decoration:underline}
.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.06;
 background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}

header{position:sticky;top:0;z-index:20;background:rgba(5,4,3,.88);backdrop-filter:blur(16px);
 border-bottom:1px solid rgba(216,161,62,.14)}
header .bar{width:min(calc(100% - 40px),1180px);margin:auto;min-height:72px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 0}
header img{width:46px;height:46px}
header .name{font:600 15px Cinzel,serif;letter-spacing:.16em;color:var(--gold2);display:block}
header .motto{font:500 7px Cinzel,serif;letter-spacing:.27em;color:#a97d35;display:block;margin-top:3px}
header .right{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
header .right a{color:#c9bdab;font:500 11px Cinzel,serif;letter-spacing:.1em;text-transform:uppercase}
header .right a:hover{color:var(--gold2);text-decoration:none}
/* přepínač jazyků – rozbalovací (nativní <details>, funguje i bez JS) */
.langs{position:relative;font:500 11px Cinzel,serif;letter-spacing:.1em}
.langs>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(216,161,62,.25);padding:6px 10px;color:#c9bdab;transition:.2s;white-space:nowrap}
.langs>summary::-webkit-details-marker{display:none}
.langs>summary:hover,.langs[open]>summary{color:var(--gold2);border-color:#9d742f;background:rgba(216,161,62,.06)}
.langs .cur{font-weight:600;color:#f0c46d}
.langs .nm-cur{font-family:Inter,sans-serif;font-size:11px;letter-spacing:0;text-transform:none;color:#8a7d6b}
.langs .caret{font-size:9px;color:#8a7d6b;transition:transform .2s}
.langs[open] .caret{transform:rotate(180deg)}
.langs>ul{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;margin:0;padding:6px;list-style:none;background:rgba(6,4,3,.97);border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:0 18px 42px rgba(0,0,0,.65);z-index:60}
.langs>ul>li{margin:0}
.langs>ul a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 11px;color:#c9bdab;border:0}
.langs>ul a b{font-weight:600;letter-spacing:.08em}
.langs>ul a .nm{font-family:Inter,sans-serif;font-size:11px;letter-spacing:0;text-transform:none;color:#8a7d6b}
.langs>ul a:hover{background:rgba(216,161,62,.12);color:var(--gold2);text-decoration:none}
.langs>ul a[aria-current="true"]{color:#160d04;background:linear-gradient(135deg,#f2cd7d,#b87320)}
.langs>ul a[aria-current="true"] .nm{color:#3a2606}
@media(max-width:650px){.langs .nm-cur{display:none}}

main{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:64px 0 90px}
.doc-title{text-align:center;padding-bottom:34px;border-bottom:1px solid var(--line)}
h1{font:500 clamp(26px,4.4vw,44px)/1.15 Cinzel,serif;color:#f0c46d;margin:0 0 12px;letter-spacing:.02em}
.subtitle{color:#cfc2af;font-size:clamp(15px,1.6vw,18px);margin:0 0 20px}
.motto{font:500 12px Cinzel,serif;letter-spacing:.3em;color:#d9ae61;margin:0}
.lead{font-size:clamp(16px,1.8vw,19px);color:#e9dcc4}
h2{font:500 clamp(21px,2.6vw,29px) Cinzel,serif;color:#f0d397;margin:64px 0 6px;padding-top:26px;
 border-top:1px solid var(--line);letter-spacing:.04em;scroll-margin-top:90px}
h3{font:600 clamp(16px,1.9vw,19px) Cinzel,serif;color:#e7c578;margin:34px 0 10px;letter-spacing:.03em;scroll-margin-top:90px}
p{margin:0 0 16px;color:#d6c9b4}
ul,ol{margin:0 0 18px;padding-left:22px}
li{margin:6px 0;color:#cfc2af}
strong{color:#f0d397;font-weight:600}
blockquote{margin:26px 0;padding:20px 24px;border-left:2px solid var(--gold);background:rgba(255,255,255,.02);
 color:#e9dcc4;font-size:17px}
blockquote p:last-child{margin-bottom:0}
.note{color:var(--muted);font-size:14px}
.ladder{display:flex;flex-direction:column;align-items:center;gap:6px;margin:26px 0 30px;
 border:1px solid var(--line);padding:24px 18px;background:linear-gradient(180deg,#0d0906,#080604)}
.ladder div{font:600 14px Cinzel,serif;letter-spacing:.14em;color:#e7c578;text-align:center}
.ladder span{color:#8f8373;font-size:12px;letter-spacing:.1em}
.toc{border:1px solid var(--line);background:linear-gradient(180deg,#0d0906,#080604);padding:26px 28px;margin:42px 0 0}
.toc h2{margin:0 0 14px;border:0;padding:0;font-size:17px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:34px}
.toc li{margin:5px 0;font-size:14px}
.toc a{color:#c9bdab}
.toc a:hover{color:var(--gold2)}
.closing{margin-top:64px;padding-top:28px;border-top:1px solid var(--line);text-align:center}
.closing p{color:#e9dcc4}
footer{border-top:1px solid var(--line);background:#040302;padding:34px 0;margin-top:70px}
footer .inner{width:min(calc(100% - 40px),var(--max));margin:auto;display:flex;gap:18px;flex-wrap:wrap;
 justify-content:space-between;color:#73695d;font-size:12px}
footer a{color:#8f8373}
@media(max-width:680px){
 .toc ol{columns:1}
 main{padding-top:44px}
 h2{margin-top:48px}
}
@media print{
 body{background:#fff;color:#000}
 .noise,header,.toc,footer{display:none}
 h1,h2,h3,.lead,.motto{color:#000}
 h2{page-break-after:avoid;border-color:#999}
 p,li{color:#111}
 a{color:#000}
}