html{scroll-behavior:auto;scroll-padding-top:84px}body{min-height:100vh;padding-bottom:32px}button,a,select,input,summary{touch-action:manipulation}button,summary{cursor:pointer}a,button,input,select,summary{outline-offset:4px}*:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.nav-inner{gap:12px}.nav-actions{display:flex;align-items:center;gap:18px}.language-control{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;min-width:0}.language-control select{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:7px;padding:7px 24px 7px 8px;max-width:138px;cursor:pointer}.language-control option{color:var(--text-primary);background:var(--bg-card)}.mobile-menu{padding:16px;border-top:1px solid var(--border)}.mobile-menu a{display:block;margin-bottom:12px}.mobile-menu .btn{margin:0}.preview-badge{position:fixed;bottom:6px;inset-inline-start:8px;z-index:51;max-width:calc(100vw - 16px);font-size:11px;line-height:18px;border:1px solid var(--border);background:#111827ec;color:var(--text-secondary);padding:2px 8px;border-radius:5px;pointer-events:none}.form-preview-note{font-size:12px;line-height:1.5;color:var(--text-secondary);padding:10px 12px;border:1px solid var(--border);border-radius:6px}#form-status{font-size:14px;line-height:1.6;padding:12px;border:1px solid var(--border);border-radius:6px;overflow-wrap:anywhere}#form-status[data-state=error]{color:#fda4af;border-color:#6b2836}#form-status[data-state=success]{color:var(--accent);border-color:#166b51}dialog{margin:auto;max-width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:14px;padding:30px 24px 24px;width:100%;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}dialog h2{font-size:22px;font-weight:700;margin-bottom:15px;padding-inline-end:24px}dialog p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:20px}dialog code{display:block;overflow-wrap:anywhere;font-size:12px;padding:12px;background:var(--bg-primary);margin-bottom:20px;direction:ltr;text-align:left}.dialog-close{position:absolute;inset-inline-end:14px;top:10px;font-size:27px;color:var(--text-secondary);line-height:32px;width:32px}.dialog-done{width:100%}table{min-width:0}th,td{overflow-wrap:normal}main{min-width:0}p{overflow-wrap:break-word}html[dir=rtl] .text-left{text-align:right}html[dir=rtl] .text-right{text-align:left}html[dir=rtl] .text-xs.font-mono{direction:ltr}html[dir=rtl] .language-control select{padding:7px 8px 7px 24px}
@media(min-width:768px){.mobile-menu{display:none!important}}
@media(max-width:767px){.nav-actions{gap:7px}.language-control{gap:3px;font-size:12px}.language-control select{max-width:106px;padding-block:5px}.nav-inner>a{flex-shrink:0}#site-nav .text-xl{font-size:20px}.nav-inner{gap:5px}#cookie-notice{max-height:45dvh;overflow:auto}table{font-size:12px!important}th,td{padding-inline:7px!important}.preview-badge{font-size:10px}.form-preview-note{font-size:11px}dialog{padding:30px 20px 20px}html[lang=ka] h1,html[lang=el] h1{overflow-wrap:anywhere}}
@media(max-width:359px){.language-control>span{display:none}.language-control select{max-width:91px}#site-nav .text-xl{font-size:16px}.nav-actions{gap:1px}.nav-inner{padding-inline:12px}th,td{padding-inline:4px!important}table{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#menu-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}#menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}#menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}
@media(max-width:767px){table{table-layout:fixed}th,td{overflow-wrap:anywhere!important}td.font-mono{word-break:break-all}.mobile-menu a{margin:0}.mobile-menu a+a{margin-top:12px}.mobile-menu .btn{margin:0}}
h1,h2,h3,footer,summary{overflow-wrap:anywhere}.grid>*{min-width:0}footer a{overflow-wrap:anywhere}
@media(max-width:767px){a[data-tx],a[data-info]{display:inline-block}}
html[lang=zh] h1>span[class],html[lang=ja] h1>span[class],html[lang=ko] h1>span[class]{white-space:nowrap}