/* Shared legal navigation and consent UI. No external fonts or scripts. */
.l22-legal-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;font:400 12px/1.4 'InstrumentL22','Instrument Sans',sans-serif;letter-spacing:0;text-transform:none}
.l22-legal-nav a{display:inline-flex;align-items:center;min-height:36px;color:inherit;text-decoration:none;text-underline-offset:4px;opacity:.9}
.l22-legal-nav a:hover{text-decoration:underline;opacity:1}
.l22-legal-strip{padding:14px clamp(20px,4.5vw,80px);background:#191918;color:#d6d5d0;border-top:1px solid #ffffff24}
.l22-legal-strip .l22-legal-nav{max-width:1450px;margin:auto;justify-content:flex-end}
footer.site-footer{flex-wrap:wrap}
footer.site-footer .l22-legal-nav{margin-left:auto;color:#c9c8c2}
#kontakt .form-privacy{display:block!important;line-height:1.5}
#kontakt .form-privacy a{text-decoration:underline;text-underline-offset:3px}
.l22-privacy{box-sizing:border-box;font:400 15px/1.55 'InstrumentL22','Instrument Sans',sans-serif;color:#f4f2ed;background:#212120;border:1px solid #53534e;border-radius:12px;padding:24px;text-align:left;letter-spacing:0;box-shadow:none;color-scheme:dark}
.l22-privacy *{box-sizing:border-box}
.l22-privacy h2{font:600 24px/1.15 'ArchivoL22','Archivo',sans-serif;letter-spacing:-.025em;margin:0 0 12px;color:#f4f2ed}
.l22-privacy p{font:inherit;color:#d2d1cb;margin:0 0 18px;max-width:none}
.l22-privacy a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.l22-privacy button{appearance:none;font:600 13px/1.35 'InstrumentL22','Instrument Sans',sans-serif;letter-spacing:0;text-transform:none;min-height:44px;border:1px solid #77776f;border-radius:6px;background:transparent;color:#f4f2ed;padding:11px 14px;cursor:pointer;transition:background .15s,color .15s}
.l22-privacy button:hover{background:#f4f2ed;color:#212120}
.l22-privacy button:disabled{opacity:.6;cursor:wait}
.l22-privacy :focus-visible,.l22-legal-nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.l22-cookie-banner{position:fixed;z-index:10020;right:24px;bottom:24px;width:min(500px,calc(100% - 48px));max-height:calc(100svh - 48px);overflow:auto;overscroll-behavior:contain}
.l22-cookie-banner[hidden]{display:none}
html.intro .l22-cookie-banner{visibility:hidden}
.cookie-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.cookie-actions button{flex:1 1 auto}
.l22-privacy .cookie-error{margin:12px 0 0;font-size:13px;color:#f4f2ed}
.cookie-error:empty{display:none}
.l22-cookie-dialog{position:fixed;inset:0;width:min(560px,calc(100% - 32px));max-height:calc(100svh - 32px);margin:auto;overflow:auto;overscroll-behavior:contain}
.l22-cookie-dialog::backdrop{background:#0009}
.l22-cookie-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.l22-cookie-dialog .cookie-heading,.l22-cookie-dialog .cookie-actions,.l22-cookie-dialog .cookie-error{flex-shrink:0}
.cookie-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:4px 6px 4px 0}
.cookie-heading{display:flex;align-items:start;gap:16px;justify-content:space-between}
.cookie-heading button{padding:10px;min-width:44px;flex-shrink:0;margin-top:-8px}
.cookie-heading button svg{display:block}
.cookie-purpose{padding:18px 0;border-top:1px solid #53534e}
.cookie-purpose label{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font-weight:600;cursor:pointer}
.cookie-purpose h3{font:600 16px/1.5 'InstrumentL22','Instrument Sans',sans-serif;color:#f4f2ed;margin:0 0 8px;letter-spacing:0}
.cookie-purpose p{font-size:14px;margin:4px 0 0}
.l22-privacy .cookie-pending{font-size:13px;color:#c4c3bd;margin:10px 0 0}
.cookie-purpose input{appearance:auto;width:22px;height:22px;flex:0 0 22px;accent-color:#f4f2ed;cursor:pointer}
.l22-cookie-status{position:fixed;z-index:10021;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;border-radius:6px;background:#f4f2ed;color:#212120;border:1px solid #aaa99f;font:500 14px/1.5 'InstrumentL22','Instrument Sans',sans-serif;text-align:center;margin:0;pointer-events:none}
.l22-cookie-status:empty{display:none}
@media(max-width:600px){
 .l22-cookie-banner{right:12px;bottom:12px;width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:20px}
 .l22-privacy h2{font-size:22px}
 .l22-privacy .cookie-actions{display:grid;grid-template-columns:1fr 1fr}
 .cookie-actions button:last-child{grid-column:1/-1}
 .l22-cookie-banner .cookie-actions [data-cookie-reject]{grid-column:1;grid-row:1}
 .l22-cookie-banner .cookie-actions [data-cookie-open]{grid-column:2;grid-row:1}
 .l22-cookie-banner .cookie-actions [data-cookie-accept]{grid-column:1/-1;grid-row:2}
 .l22-cookie-dialog{padding:20px}
 .l22-legal-nav{gap:0 18px}
 .l22-legal-nav a{min-height:44px}
 footer.site-footer .l22-legal-nav{margin:0;width:100%;justify-content:space-between}
 footer.site-footer{gap:12px}
 #kontakt form{gap:14px}
 .l22-legal-strip .l22-legal-nav{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.l22-privacy button{transition:none}}

/* Compact first layer; details and 44px controls remain accessible. */
.l22-cookie-banner{width:min(420px,calc(100% - 48px));padding:18px}
.l22-cookie-banner h2{font-size:20px;margin-bottom:8px}
.l22-cookie-banner p{font-size:14px;line-height:1.45;margin-bottom:10px}
.l22-cookie-banner .cookie-pending{font-size:12px;margin:0}
.l22-cookie-banner .cookie-actions{margin-top:12px;gap:6px}
@media(max-width:600px){.l22-cookie-banner{width:calc(100% - 24px);padding:16px}.l22-cookie-banner button{padding:9px 10px;min-height:44px}}