/* © 2026 33Hikma. All rights reserved. Legal and sources pages: plain reading, the palette the reader chose. */
.legal .top{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding:12px 16px}
.legal .top .brand{flex:1 1 auto}
.legal .product{display:inline}
.legal-main{max-width:780px;padding:20px 16px 8px}
.legal-main h1{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.3;margin:14px 0 10px;font-weight:600}
.legal-main h2{font-size:1.25rem;margin:0 0 14px;padding-top:6px}
.legal-main h3{font-size:1rem;margin:22px 0 6px;color:var(--ink)}
.legal-main section{border-top:1px solid var(--line-ui);margin-top:30px;padding-top:22px;scroll-margin-top:12px}
.legal-main address{font-style:normal;line-height:1.75;margin:0 0 10px}
.legal-main ul{margin:0 0 10px;padding-inline-start:20px}
.legal-main li{margin:0 0 6px}
.legal-main a{color:var(--gold);text-underline-offset:3px}
.legal-main code{font:12.5px/1.5 var(--mono);overflow-wrap:anywhere}
.legal-langs,.legal-toc{display:flex;flex-wrap:wrap;gap:8px}
.legal-langs a,.legal-toc a{border:1px solid var(--line-ui);border-radius:10px;padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;background:var(--surface-1)}
.legal-langs a[aria-current=page]{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.legal-toc{margin:18px 0 0}
.legal .mark{text-decoration:none}
.legal .status-line{border-inline-start:3px solid var(--amber);background:var(--surface-2);border-radius:8px;padding:10px 12px}
.legal .table-wrap{max-height:none;margin:10px 0}
.legal table.differences td,.legal table.differences th{white-space:normal;vertical-align:top}
.legal table.differences td.w{font-family:"Hafs",var(--ui);font-size:1.45rem;line-height:1.9;white-space:nowrap}
.legal tbody tr{cursor:default}
.legal tbody tr:hover{background:transparent}
/* On a phone each difference is a small card: the place, the two spellings side by side, then what differs. */
@media(max-width:620px){
 .legal table.differences thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .legal table.differences,.legal table.differences tbody{display:block}
 .legal table.differences caption{display:block;padding:10px 12px 0;text-align:start;color:var(--muted)}
 .legal table.differences tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:12px;border-bottom:1px solid var(--line-ui)}
 .legal table.differences tr:last-child{border-bottom:0}
 .legal table.differences td{border:0;padding:0;min-width:0}
 .legal table.differences td:first-child,.legal table.differences td:last-child{grid-column:1/-1}
 .legal table.differences td:first-child{font-weight:650;color:var(--gold)}
 [dir=rtl] .legal table.differences td:first-child{text-align:right}
 .legal table.differences td.w::before{content:attr(data-label);display:block;font:500 .8rem/1.5 var(--ui);color:var(--muted)}
}
.legal footer a{color:inherit}