/* Palette and logo from the public DuSunnah website. */
:root{--dus-charcoal:#2f2f2f;--dus-black:#111111;--dus-gold:#c79a19;--dus-gold-dark:#a87b10;--dus-terracotta:#a8501a;--dus-cream:#f5f3ee;--dus-line:#e2e2e2}
body{background:#f5f5f5;color:var(--dus-charcoal)}h1,h2,h3{color:var(--dus-black)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand{font-size:25px;letter-spacing:-.6px}.brand-name{white-space:nowrap}.brand small{font-size:10px;letter-spacing:1.6px;margin-top:4px;color:#5c5c5c}.mark{display:grid;width:48px;height:48px;flex-shrink:0;border:0;margin:0;overflow:hidden}.mark img{display:block;object-fit:contain;width:100%;height:100%}.sidebar{border-color:var(--dus-line)}.nav button.active{background:var(--dus-cream);box-shadow:inset 3px 0 0 var(--dus-gold-dark)}.nav button.active i{color:var(--dus-gold-dark)}.sidefoot{background:var(--dus-cream);border-top:2px solid var(--dus-gold);padding-top:18px}.hero{background:var(--dus-cream);border:1px solid #e7e0d2;border-top:3px solid var(--dus-gold)}.hero .badge.outline{background:#fff;border-color:#dedad4}.hero .eyebrow{color:var(--dus-gold-dark)}.hero .seal,.seal:before{border-color:#c79a1966}.seal-logo{width:60px;height:60px;margin:6px auto;background:var(--dus-charcoal);border-radius:50%;overflow:hidden}.seal-logo img{width:100%;height:100%;display:block;object-fit:contain}.hero .seal span{font-size:12px;letter-spacing:1.4px}.btn{background:var(--dus-charcoal)}.btn:hover{background:#222;color:#fff;filter:none}.btn.secondary:hover{background:var(--dus-cream);color:var(--dus-charcoal)}.btn.secondary{border-color:#dedad4}.textbtn{color:var(--dus-charcoal)}.textbtn:hover{color:var(--dus-terracotta)}.progress span{background:var(--dus-gold-dark)}.card,.stat{border-color:var(--dus-line)}.portrait,.avatar{background:var(--dus-cream);color:var(--dus-charcoal)}.notice{background:var(--dus-cream);border-left:2px solid #dedad4}.message.mine{background:var(--dus-cream)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--dus-gold-dark);outline-offset:3px}::selection{background:#e7e0d2;color:var(--dus-black)}input[type=checkbox]{accent-color:var(--dus-charcoal)}@media(max-width:700px){.brand{font-size:24px}.brand small{display:block;font-size:9px}.mark{width:42px;height:42px}.sidebar{padding-top:20px}.hero{padding-top:23px}}
/* DuSunnah terracotta header frames with the original calligraphy artwork. */
:root{--dus-frame:#a6533b;--dus-frame-art:#632f23}
.hero,.header-frame{position:relative;isolation:isolate;overflow:hidden;background:var(--dus-frame);border:0;color:#fff;border-radius:24px}
.hero::before,.header-frame::before{content:"";position:absolute;inset:0;background:var(--dus-frame-art);-webkit-mask:url('dus-calligraphy.png') center/cover no-repeat;mask:url('dus-calligraphy.png') center/cover no-repeat;opacity:.2436;pointer-events:none;z-index:0}
.hero>*,.header-frame>*{position:relative;z-index:1}
.hero h2,.hero p,.hero .eyebrow,.hero .seal,.header-frame h1,.header-frame .eyebrow,.header-frame .muted{color:#fff}
.hero .eyebrow{opacity:.85}.hero .badge.outline{background:#ffffff14;color:#fff;border-color:#ffffff60}.hero .seal,.hero .seal::before{border-color:#ffffff55}.hero .seal-logo{background:#2f2f2f}.hero .btn{background:#fff;color:#2f2f2f}.hero .btn:hover{background:#f5f3ee;color:#2f2f2f}
.header-frame{padding:28px 32px;margin-bottom:24px;align-items:center}.header-frame p{margin-bottom:0}.header-frame>.badge{background:#ffffff1a;color:#fff;border:1px solid #ffffff55}
@media(max-width:700px){.header-frame{padding:24px}.hero::before,.header-frame::before{opacity:.20}.hero{padding:24px}}