/* DubiLook™ — live.css: the few rules the shipped screens need beyond components.css (design system
   v7). Only glue: the overline the design's previews draw with `.pv-cap`, and helpers for states
   the server renders. No new look — tokens only. */
.dl-app .pv-cap,.dl-overline{font:700 11px/14px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:20px 0 10px}
.dl-app [dir="rtl"] .dl-overline{letter-spacing:0;text-transform:none;font-size:13px}
.dl-menu-fallback{min-height:var(--tap-min)}
.dl-inline-form{display:contents}
.dl-inline-form button{font:inherit}
.dl-month-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-3) 0 0}
.dl-muted{color:var(--ink-muted)}
.dl-err-line{color:var(--state-danger);font:600 13px/18px var(--font-sans);margin:var(--space-2) 0 0}
.dl-ok-line{color:var(--state-success);font:600 13px/18px var(--font-sans);margin:var(--space-2) 0 0}
.dl-kv-wide dd{word-break:break-word}
.dl-hide{display:none!important}
/* WebReading with server text (ninth pass B3): the language switcher as links, and the rulebook's
   own h1 / h3 / tables / code inside .dl-wprose */
.dl-wlang a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:36px;padding:0 8px;border-radius:6px;color:var(--ink-muted);font:700 12px/16px var(--font-sans);text-decoration:none}
.dl-wlang a[aria-current="page"]{background:var(--bg-300);color:var(--ink)}
.dl-wlang a:lang(fa),.dl-wlang a:lang(ar){font-family:var(--font-fa)}
.dl-wprose h1{margin:0 0 var(--space-4);font:800 clamp(30px,5cqi,44px)/1.2 var(--font-sans);color:var(--ink)}
.dl-wprose[dir="rtl"] h1,.dl-wprose[dir="rtl"] h3{font-family:var(--font-fa)}
.dl-wprose h3{scroll-margin-top:80px;margin:var(--space-5) 0 var(--space-2);font:700 17px/24px var(--font-sans);color:var(--ink)}
.dl-wprose code{font:600 .92em/1 var(--font-sans);color:var(--ink);background:var(--bg-200);border:1px solid var(--line-100);border-radius:6px;padding:2px 6px}
.dl-wprose hr{border:0;border-top:1px solid var(--line-100);margin:var(--space-6) 0}
.dl-wprose table{width:100%;border-collapse:collapse;margin:var(--space-2) 0 var(--space-4);font:500 14px/20px var(--font-sans);color:var(--ink-muted)}
.dl-wprose th,.dl-wprose td{border:1px solid var(--line-100);padding:8px 10px;text-align:start;vertical-align:top}
.dl-wprose th{color:var(--ink);background:var(--bg-100)}
.dl-wprose strong{color:var(--ink)}
.dl-wprose :target{background:var(--gold-soft);border-radius:6px;outline:3px solid var(--gold-soft)}
.dl-wtable{overflow-x:auto}
.dl-wprose a.dl-btn{color:var(--_fg);text-decoration:none}