/* Muawiyah 11.1 — approved emerald/gold, parchment/day and ink/night identity. */
:root {
  color-scheme: light;
  --paper:#F7F0DE; --card:#FFFCF4; --ink:#173B2E; --muted:#5D6257;
  --border:#CBBB98; --mu-green:#174A38; --mu-green-deep:#10372B;
  --mu-gold:#80601F; --brand-gold:#C5A15B; --brand-gold-bright:#E6C879;
  --brand-panel:#EFE3CC; --brand-hero:#174A38; --brand-hero-ink:#F7F0DE;
  --brand-hero-muted:#DDD2B8; --brand-action:#174A38; --brand-action-ink:#FFF8E8;
  --radius:10px; --shadow:0 8px 24px rgb(23 59 46 / 5%);
  --text:var(--ink); --line:var(--border); --gold:var(--mu-gold);
  --text-color:var(--ink); --secondary-text-color:var(--muted); --border-color:var(--border);
  --mu-bg:var(--paper); --mu-paper:var(--card); --mu-text:var(--ink);
  --mu-muted:var(--muted); --mu-border:var(--border); --mu-accent:var(--mu-green);
  --bg-color:var(--card); --primary-color:var(--mu-gold);
}
html[data-theme="dark"] {
  color-scheme:dark;
  --paper:#081720; --card:#102735; --ink:#F5EDD9; --muted:#C1C2AD;
  --border:#46605A; --mu-green:#D4B46A; --mu-green-deep:#10372B;
  --mu-gold:#D4B46A; --brand-gold:#9A824D; --brand-panel:#13392F;
  --brand-hero:#10372B; --brand-hero-ink:#F5EDD9; --brand-hero-muted:#D5D3BB;
  --brand-action:#D4B46A; --brand-action-ink:#081720; --shadow:none;
}
html body { background:var(--paper); color:var(--ink); max-width:none; padding:0; margin:0; }
.topbar,html[data-theme="dark"] .topbar { background:var(--paper); border-top:3px solid var(--brand-gold); backdrop-filter:none; }
.topbar-inner { display:flex; flex-wrap:wrap; gap:16px; padding-block:20px 0; max-width:1440px; }
.topbar .brand { flex:1; min-width:0; gap:20px; }
.brand-mark { flex:none; width:88px; height:88px; border-radius:50%; border:1px solid var(--brand-gold); background:#fff; box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--brand-gold); overflow:hidden; }
.brand-picture { display:block; width:100%; }
.official-logo { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:50%; background:#fff; filter:none; margin:0; box-shadow:none; }
.brand-copy { min-width:0; }
.topbar .brand-name { display:block; font:700 clamp(24px,2.5vw,32px)/1.5 var(--font-heading); color:var(--ink); white-space:normal; }
.brand-signature { display:block; font:400 11px/1.9 var(--font-ui); color:var(--mu-gold); margin-top:4px; }
.topbar-nav { order:4; flex-basis:100%; flex-grow:1; width:100%; border-top:1px solid var(--border); padding-block:8px; overflow:visible; }
.topbar-nav .nav { flex-wrap:wrap; white-space:normal; justify-content:center; gap:4px 12px; font-size:13px; }
.topbar-nav .nav a { display:inline-flex; align-items:center; min-height:44px; padding:7px 10px; border-radius:6px; }
.actions { flex:none; flex-wrap:wrap; gap:8px; }
.btn,.chip { border-radius:6px; }
.appearance-toggle { display:inline-flex; align-items:center; gap:8px; min-height:44px; }
.appearance-toggle svg { flex:none; }
.btn-primary,.btn-primary:hover,html[data-theme="dark"] .btn-primary { background:var(--brand-action); color:var(--brand-action-ink); border-color:var(--brand-action); }
.card,.post-card,.sidebar .box,.article,.author-card,.tag-card,.book-card,.contact-card,
html[data-theme="dark"] :is(.card,.post-card,.sidebar .box,.article,.author-card,.tag-card,.book-card,.contact-card) { background:var(--card); border-color:var(--border); }
.post-title,.section-title { color:var(--ink); }
.post-card { box-shadow:none; }
.post-feed .post-card .post-excerpt { color:var(--muted); }
.post-feed { gap:22px; }
.brand-hero-wrap { padding-block:28px; }
.brand-hero { display:grid; grid-template-columns:1.15fr 1fr; overflow:hidden; border:1px solid var(--brand-gold); border-radius:var(--radius); background:var(--brand-hero); color:var(--brand-hero-ink); }
.brand-hero-copy { padding:clamp(24px,4vw,52px); }
.brand-eyebrow { font:400 12px/1.9 var(--font-ui); color:var(--brand-gold-bright); }
.brand-hero h1 { font:700 clamp(36px,4.5vw,60px)/1.5 var(--font-heading); color:var(--brand-hero-ink); margin:14px 0; }
.brand-hero-slogan { font:400 26px/1.7 var(--font-heading); color:var(--brand-gold-bright); margin:0 0 14px; }
.brand-hero-description { color:var(--brand-hero-muted); font:400 16px/2 var(--font-body); margin-bottom:24px; max-width:38em; }
.brand-hero-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; font:400 13px/1.8 var(--font-ui); }
.brand-hero-actions a { min-height:44px; display:inline-flex; align-items:center; padding:10px 0; color:var(--brand-hero-ink); border-bottom:1px solid var(--brand-gold-bright); }
.brand-hero-actions .brand-hero-primary { background:var(--brand-gold-bright); color:#102B3B; padding:12px 20px; border-radius:5px; }
.brand-hero-art { min-height:320px; position:relative; }
.brand-hero-art img { position:absolute; inset:0; width:100%; max-width:100%; height:100%; margin:0; object-fit:cover; object-position:52% 58%; }
.brand-hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(to left,var(--brand-hero),transparent 45%); }
.brand-editorial { margin-top:18px; background:var(--card); padding:18px 24px; border:1px solid var(--border); border-radius:var(--radius); }
.brand-editorial summary { cursor:pointer; font:700 20px/1.8 var(--font-heading); color:var(--ink); }
.brand-editorial .chips { margin-top:14px; }
.brand-editorial p { max-width:65em; }
.site-footer,html[data-theme="dark"] .site-footer { background:var(--card); border-color:var(--border); }
.site-footer .footer-brand-card,html[data-theme="dark"] .site-footer .footer-brand-card { width:112px; padding:0; background:transparent; border:0; box-shadow:none; }
.footer-brand-card .official-logo { border:1px solid var(--brand-gold); }
.dochead-seal { width:88px; flex:none; }
.dochead-wordmark { font:700 clamp(24px,4vw,36px)/1.6 var(--font-heading); color:var(--ink); }
.mobile-nav-header .brand-picture { width:88px; margin-inline:auto; }
.mu-404-logo .brand-picture { width:100px; margin:auto; }
.mobile-nav-drawer,.mobile-bottom-nav,html[data-theme="dark"] :is(.mobile-nav-drawer,.mobile-bottom-nav) { background:var(--card); color:var(--ink); border-color:var(--border); }
.mobile-nav-link,.mobile-bottom-nav-item,html[data-theme="dark"] :is(.mobile-nav-link,.mobile-bottom-nav-item) { color:var(--muted); }
.mobile-menu-toggle span { background:var(--ink); }
.search-modal,html[data-theme="dark"] .search-modal { --search-paper:var(--card); --search-ink:var(--ink); --search-muted:var(--muted); --search-line:var(--border); --search-tint:var(--brand-panel); }
:focus-visible { outline:3px solid var(--mu-gold); outline-offset:4px; }
@media (max-width:1024px) {
  .topbar-inner { gap:16px; }
  .topbar .brand { gap:14px; }
  .brand-mark { width:76px; height:76px; }
}
@media (max-width:768px) {
  .topbar-inner { padding:16px 16px 12px; gap:12px; }
  .topbar .brand { display:flex!important; flex-basis:calc(100% - 60px); }
  .topbar .brand-name { font-size:24px; }
  .brand-signature { font-size:11px; }
  .brand-mark { width:64px; height:64px; }
  .topbar .mobile-menu-toggle { margin:0; flex:none; }
  .topbar .actions { margin-inline-start:auto; }
  .topbar-nav { display:none; }
  .brand-hero { grid-template-columns:1fr; }
  .brand-hero-copy { padding:28px 24px; }
  .brand-hero-art { min-height:190px; }
  .brand-hero-art img { object-position:50% 63%; }
  .brand-hero-art::after { background:linear-gradient(to bottom,var(--brand-hero),transparent 60%); }
  .brand-hero-wrap { padding-block:20px; }
  .brand-editorial { padding:16px; }
  .brand-hero-description { font-size:17px; }
}
@media (max-width:380px) {
  .topbar .brand-name { font-size:21px; }
  .topbar .brand { gap:12px; }
  .brand-mark { width:58px; height:58px; }
  .brand-signature { line-height:1.7; }
  .brand-hero h1 { font-size:38px; }
}
@media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto!important} }
@media print {
  :root,html[data-theme="dark"] { --paper:#fff; --card:#fff; --ink:#111; --muted:#333; --mu-green:#174A38; --mu-gold:#80601F; --border:#bbb; --brand-panel:#fff; color-scheme:light; }
  .brand-hero-wrap,.brand-editorial { display:none; }
}