/* WKAU editorial visual system — quiet and content-first. */
:root{--ink:#263531;--paper:#fffefb;--canvas:#f6f5f1;--line:#dddfd8;--forest:#3b685b;--gold:#a67926}
body{background:var(--canvas)!important;color:var(--ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.shell main{max-width:1180px;padding:30px 25px 75px}
.topbar{height:72px;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);padding:0 max(25px,calc((100vw - 1130px)/2))}
.brand{display:flex;gap:11px;align-items:center;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);text-align:left}
.brand-icon{width:auto;height:auto;min-width:42px;font:700 26px Georgia,serif;letter-spacing:-.08em;background:none!important;border:0;border-radius:0;color:var(--ink);box-shadow:none}
.brand strong{font-size:16px;letter-spacing:.12em;color:var(--ink)}.brand small{font-size:10px;letter-spacing:.13em;color:#7d8780}
.top-actions .connection{color:#717d75}.top-actions .ghost{background:none;color:var(--ink);border:1px solid var(--line)}
footer{border-top:1px solid var(--line);color:#7c867d}
.card,.auth-card,.home-panel{background:var(--paper);border:1px solid var(--line);border-radius:5px;box-shadow:none}
.primary{background:var(--forest);border-color:var(--forest);border-radius:3px;color:white}.primary:hover{background:#2b5146}
.ghost{background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:3px}.link-button{color:#95624c}
.eyebrow,.card-kicker{color:#9c6751;font-size:10px;letter-spacing:.13em}
.tabs{max-width:none;width:100%;gap:28px;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;margin-bottom:30px}
.tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:11px 0 14px;font-size:13px;font-weight:650;color:#718078}
.tab.active{background:none;color:var(--ink);border-bottom-color:var(--ink)}.tab:hover:not(.active){background:none;color:var(--ink)}
.intro h1{font:400 clamp(38px,5vw,65px)/1.1 Georgia,serif;letter-spacing:-.05em}.intro h1 em{font-weight:400;font-style:italic;color:#9b674f}
.intro p{line-height:1.8}.intro-highlights{gap:0}.intro-highlights span{background:none;color:#6c7c72;border:0;border-right:1px solid var(--line);border-radius:0;padding:2px 12px}
.intro-highlights span:first-child{padding-left:0}.intro-highlights span:last-child{border:0}
.auth-card{padding:30px}.auth-card h2{font:400 30px Georgia,serif}
.home-view{gap:0}
.home-hero{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;overflow:visible;color:var(--ink);padding:23px 0 38px;min-height:270px;grid-template-columns:minmax(0,1fr) 260px;gap:42px}
.home-hero:after{display:none}
.hero-label{color:#995e48;letter-spacing:.13em}.hero-label-divider{color:#a4ada4}
.home-hero h1{font:400 clamp(44px,5.3vw,67px)/1.1 Georgia,serif;color:var(--ink);letter-spacing:-.06em;margin:17px 0}
.home-hero h1 em{font-weight:400;font-style:italic;color:#98624c}
.home-hero p{font-size:14px;line-height:1.8;color:#66736b}
.hero-primary,.hero-secondary{border-radius:3px;font-weight:700;font-size:12px;min-height:42px;padding:10px 14px}
.hero-primary{background:var(--forest);color:white;border:1px solid var(--forest)}.hero-primary:hover{background:#2b5046}
.hero-secondary{background:none;color:var(--ink);border:0;border-bottom:1px solid #b4bab2;border-radius:0;padding:10px 0}.hero-secondary:hover{background:none}
.hero-stat-box{background:var(--paper);border:1px solid var(--line);border-radius:4px;box-shadow:none;backdrop-filter:none;padding:22px;color:var(--ink)}
.hero-stat-rule{width:28px;height:2px;background:#ab7859;margin-bottom:14px}
.completion-select-row{display:flex;flex-direction:column;gap:8px}
.hero-stat-label{font-size:10px;letter-spacing:.08em;font-weight:750;color:#748078}
#home-completion-scope{width:100%;min-height:36px;background:white;border:1px solid var(--line);padding:7px;border-radius:3px;color:var(--ink);font-size:12px}
.hero-stat-box strong{font:400 49px Georgia,serif;color:var(--ink);letter-spacing:-.04em;margin:12px 0}
.hero-progress-track{height:5px;background:#e9ede5;border-radius:0}.hero-progress-fill{background:#719a80;border-radius:0}
.hero-stat-box>span{color:#738077;font-size:11px}
.home-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0 40px;background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.kpi-tile{background:none;border:0;border-right:1px solid var(--line);box-shadow:none;border-radius:0;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:10px;padding:19px}
.kpi-tile:last-child{border:0}.kpi-tile span{font-size:11px;color:#78847b}.kpi-tile strong{font:400 32px Georgia,serif;color:var(--ink);letter-spacing:-.03em;margin-top:6px}
.kpi-symbol{background:none!important;color:#a36d4f!important;border-radius:0;width:auto;height:auto;font:700 12px Georgia,serif}
.home-section-head{margin:0 0 20px}.home-section-head h2{font:400 31px Georgia,serif;letter-spacing:-.04em;color:var(--ink);margin:4px 0}
.home-module-grid{gap:15px;margin-bottom:38px}
.home-module-card,.home-module-card.gu-card{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:3px solid #477665;border-radius:4px;box-shadow:none;min-height:209px;padding:23px 25px}
.home-module-card.gu-card{border-top-color:#ac8062}.home-module-card:hover{transform:none;box-shadow:none;background:#fcfcf8;border-color:#acb9ad}
.home-module-card:before{display:none}
.module-number,.module-card-bottom{color:#738078}.module-card-icon{width:32px;height:32px;background:#f3f4ee;color:#61736a;border-radius:50%;border:1px solid var(--line);font:700 12px Georgia,serif}
.module-card-title{font:400 33px Georgia,serif;color:var(--ink);letter-spacing:-.04em}
.module-card-desc{color:#718078}.module-card-bottom{border-top:1px solid var(--line);padding-top:13px}.module-go{border:1px solid var(--line);color:var(--ink)}
.home-bottom-grid{grid-template-columns:1fr 1fr;gap:15px}.home-panel{padding:23px;border-radius:4px}
.home-panel-header h2{font:400 23px Georgia,serif;color:var(--ink)}
.panel-link{color:#96614f;text-decoration:underline;text-underline-offset:3px}
.quick-icon{width:34px;height:34px;background:none!important;color:#9d6c4c!important;border:1px solid var(--line);border-radius:50%;font:700 12px Georgia,serif}
.quick-action{background:none;border-top:1px solid var(--line)}.quick-action:hover{background:#f8f8f3}
.preview-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden}.preview-avatar img,.rank-avatar img{width:100%;height:100%;object-fit:cover}
.rank-tag{display:inline-block;background:#ecf2e9;border:1px solid #dae6d8;color:#486958;font-size:10px;font-weight:700;border-radius:3px;padding:2px 6px}
.preview-name{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.question-card{border-radius:5px}.question-card h2{font-size:21px;line-height:1.44;color:var(--ink)}
.answer{border-radius:4px;border-color:var(--line)}.answer .letter{border-radius:3px}
.pill{border-radius:3px}.pill.repeated{background:#fff2ce;border:1px solid #f0d79f;color:#8a641e;font-weight:800}
.question-toolbar #bookmark-button{display:none}
.question-tools{border-top:1px solid var(--line);gap:8px;margin-top:23px}
.question-save,.question-report,.question-source{border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--forest);padding:10px 13px;text-decoration:none;font-size:12px;font-weight:750}
.question-save.saved{background:#edf3e9;border-color:#8db3a2;color:#2d6653}
.question-report{margin-left:auto}
.view-switch{display:flex;gap:0;align-items:center;justify-content:flex-end;margin:0 0 12px}
.view-switch span{font-size:10px;color:#7d8b7f;letter-spacing:.1em;margin-right:10px}
.view-switch button{border:1px solid var(--line);background:var(--paper);color:#677a70;padding:8px 13px;font-size:12px;font-weight:700}
.view-switch button:first-of-type{border-radius:3px 0 0 3px}.view-switch button:last-child{border-radius:0 3px 3px 0;border-left:0}
.view-switch button.active{background:#e9f0e8;color:#315f50;border-color:#bed2c2}
.filter-checkbox{display:flex!important;align-items:center;gap:9px;font-weight:700;font-size:12px;padding:13px 0}
.filter-checkbox input{width:17px;height:17px;min-height:0;accent-color:var(--forest)}
.scroll-questions{display:grid;gap:14px}
.scroll-question-card{min-height:0}.scroll-question-card .question-feedback{margin-top:12px}
.scroll-question-head{font-size:11px;color:#788478;margin-bottom:12px}
.scroll-more{justify-self:center;margin:6px}
.dhikr-reminder{display:flex;justify-content:space-between;gap:20px;background:#f4f0e4;border:1px solid #e5dcc3;border-radius:4px;padding:15px 19px;margin:16px 0}
.dhikr-label{font-size:10px;letter-spacing:.08em;color:#806a42;font-weight:750}
.dhikr-reminder p{font-family:"Geeza Pro","Noto Naskh Arabic",serif;font-size:20px;line-height:1.9;color:#4e5845;margin:3px 0}
.dhikr-caption{color:#8d866f;font-size:11px}.dhikr-reminder button{border:0;background:none;align-self:flex-start;font-size:22px;color:#94856d}
.profile-page-head h2{font:400 35px Georgia,serif;margin:5px 0}
#profile-view form{max-width:540px;display:flex;flex-direction:column;gap:10px}
.profile-identity{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.profile-avatar-preview{width:95px;height:95px;display:grid;place-items:center;flex-shrink:0;background:#e7ede5;border:1px solid #dae6d9;border-radius:50%;overflow:hidden;color:#3e6254;font:400 33px Georgia,serif}
.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}
.profile-avatar-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.avatar-upload{cursor:pointer;border:1px solid var(--line);border-radius:3px;padding:9px 12px;font-size:12px;font-weight:750!important;margin:0!important;background:white}
#profile-photo{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.profile-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px}
.profile-details-grid select{width:100%;border:1px solid var(--line);background:white;padding:11px;border-radius:3px}
.profile-details-grid input[type=color]{width:75px;height:42px;padding:3px}
.profile-preferences{border:1px solid var(--line);border-radius:3px;padding:12px 14px;margin:12px 0}.profile-preferences legend{font-size:12px;font-weight:700}
.profile-toggle{display:flex!important;align-items:center;gap:8px;cursor:pointer}.profile-toggle input{width:17px!important;height:17px!important;min-height:0!important;accent-color:var(--forest)}
.report-dialog{border-radius:6px}
@media(max-width:860px){.home-hero{grid-template-columns:1fr}.hero-stat-box{max-width:320px}.home-bottom-grid{grid-template-columns:1fr}}
@media(max-width:610px){.shell main{padding:23px 14px 50px}.topbar{padding:0 15px}.tabs{gap:21px;overflow-x:auto}.tab{font-size:12px}
.home-hero{gap:18px;padding-top:12px}.home-hero h1{font-size:46px}.hero-stat-box{max-width:none}
.home-kpis{grid-template-columns:1fr 1fr}.kpi-tile:nth-child(2){border-right:0}.kpi-tile:nth-child(-n+2){border-bottom:1px solid var(--line)}
.home-module-grid{grid-template-columns:1fr}.home-module-card{min-height:190px}.home-section-head h2{font-size:27px}
.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons button{width:100%}.hero-secondary{border:1px solid var(--line);border-radius:3px}
.profile-details-grid{grid-template-columns:1fr 1fr}.profile-identity{align-items:flex-start}.question-report{margin-left:0}}