/* Dirah 1.1.0 — sandstone, ink and aged gold. */
:root { --bg:#f2eee5;--bg2:#e8e3d6;--card:#fffdf8;--line:#ded7c7;--ink:#233638;--muted:#6d7875;--sea:#236d71;--sea2:#174c51;--gold:#d4ad63;--radius:16px;--shadow:0 4px 20px #18393a08; }
:root[data-theme=dark] { --bg:#111f22;--bg2:#1a2c2e;--card:#1a2a2d;--line:#314547;--ink:#f2eee2;--muted:#a4b8b5;--sea:#6ac0bb;--sea2:#9bd8d0;--gold:#dfba77; }
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111f22;--bg2:#1a2c2e;--card:#1a2a2d;--line:#314547;--ink:#f2eee2;--muted:#a4b8b5;--sea:#6ac0bb;--sea2:#9bd8d0;--gold:#dfba77}}
body{background-image:radial-gradient(ellipse at top,#c4aa7120,transparent 65%);line-height:1.65}
button,a,input,select,summary{touch-action:manipulation} :focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.brand{gap:10px;font-size:1.6rem}.brand-mark{width:38px;height:38px;flex:none}.btn{border-radius:9px;min-height:42px;padding:8px 18px}.btn.sm{min-height:34px}.btn:not(.gold):not(.ghost):not(.red){background:#236d71;color:white}
.welcome-nav{max-width:1280px;margin:auto;padding:20px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.welcome-nav nav{display:flex;align-items:center;gap:30px;font-weight:700}.welcome-nav nav>a{color:var(--ink)}
.welcome-hero{max-width:1280px;margin:0 auto;min-height:530px;border-radius:22px;overflow:hidden;position:relative;background:#133e41 url('brand/dirah-hero.webp') left center/cover no-repeat;display:flex;align-items:center;color:#fff8e9;isolation:isolate}
.welcome-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#102f32ed 0%,#102f32c9 30%,#102f3233 65%,transparent);z-index:-1}
.welcome-copy{padding:60px;width:min(660px,60%)}.eyebrow{display:block;color:var(--sea2);font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-bottom:12px}.welcome-copy .eyebrow{color:#ebcd8f}.welcome-copy h1{font-size:clamp(2.5rem,4vw,4.1rem);line-height:1.25;letter-spacing:-1.5px}.welcome-copy em{font-style:normal;color:#edce92}.welcome-copy p{font-size:1.15rem;line-height:1.85;color:#eee9da;max-width:450px;margin:22px 0}.welcome-actions{display:flex;align-items:center;gap:24px}.welcome-actions .btn{min-height:49px;padding-inline:26px}.hero-guide{color:#fff8e9;font-weight:700}.world-tag{display:flex;gap:10px;align-items:center;font-size:.82rem;margin-top:32px;color:#dbdfd2}.world-tag i{width:7px;height:7px;border-radius:50%;background:#99c8a7;box-shadow:0 0 0 4px #99c8a720}
.welcome-pillars{display:flex;justify-content:center;gap:65px;max-width:1150px;margin:auto;border-bottom:1px solid var(--line);padding:24px 16px}.welcome-pillars span{display:flex;align-items:center;gap:14px;font-weight:700}.welcome-pillars b{font-size:.78rem;color:#a17d3b;font-weight:500}
.auth{max-width:1120px;padding:48px 26px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:1.85rem}.auth-grid{gap:24px;align-items:start}.auth-grid>.card{padding:28px;margin:0;border-top:3px solid var(--sea)}.auth-grid>.card+ .card{border-top-color:var(--gold)}.auth-grid h2{font-size:1.35rem;margin-bottom:20px}.auth label.f{margin-bottom:15px}.auth .input{min-height:45px;background:var(--card)}.tribes{gap:20px;margin-top:20px}.tribe{position:relative;overflow:hidden;padding:24px 22px 24px 115px;min-height:195px;transition:border-color .15s,box-shadow .15s}.tribe-portrait{position:absolute;width:110px;height:175px;object-fit:contain;left:0;bottom:0;pointer-events:none}.tribe b{display:block;margin:8px 0}.tribe.on{border-color:var(--sea);background:color-mix(in srgb,var(--sea) 5%,var(--card))}.tribe .small{line-height:1.8}
.top{border-top:3px solid var(--gold);box-shadow:0 6px 24px #102f320c}.top-row{padding-block:12px;max-width:1360px}.res-row{max-width:1360px;gap:12px;padding-bottom:12px}.res{padding:9px 12px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.res .v{font-size:1.05rem;gap:8px}.res .r{margin-top:3px}.header-guide{display:flex;align-items:center;gap:5px;font-size:.86rem;font-weight:700;margin-inline-start:8px}.header-guide svg{width:18px;height:18px}.clock{margin-inline-start:auto}.wrap{max-width:1360px;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:20px 16px 32px;min-height:65vh}.navbar{max-width:1360px;padding-top:14px}.nav{gap:5px;flex-wrap:wrap}.nav a{padding:9px 14px;border:1px solid transparent;border-radius:10px}.nav a.on{background:var(--sea2);color:var(--card);box-shadow:0 4px 12px #123f4310}.side .card{padding:18px}.side .card h3{font-size:.92rem;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.card{padding:20px}.banner{border-radius:10px;font-size:.9rem}.vtitle{padding:8px 0 14px}.vtitle h2{font-size:1.4rem}.scene{max-width:800px}.main>.card:has(.scene){background:radial-gradient(ellipse at center,#dfc99880,var(--card) 75%);overflow:hidden}.qitem{padding-block:9px}.vlist a{padding:9px 10px}.tabs{gap:7px}.tabs button{padding:7px 15px}.t th,.t td{padding-block:10px}
.site-footer{max-width:1360px;margin:0 auto;padding:15px 16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:14px;font-size:.74rem;color:var(--muted);white-space:nowrap;overflow-x:auto}.site-footer a{font-weight:700;color:var(--sea2);flex:none}.site-footer b{font-size:.7rem;font-weight:500;border:1px solid var(--line);padding:1px 6px;border-radius:4px}.public-page{max-width:1120px;margin:20px auto 60px;padding:0 24px;min-height:68vh}.page-intro{padding:30px 0 24px;border-bottom:1px solid var(--line);margin-bottom:28px}.page-intro h1{font-size:2.8rem}.page-intro p{color:var(--muted);max-width:650px}.guide-grid{display:grid;gap:12px}.guide-chapter{margin:0!important;padding:0 22px;box-shadow:none}.guide-chapter summary{display:flex;align-items:center;gap:18px;padding:20px 0;cursor:pointer;list-style:none}.guide-chapter summary:after{content:'+';margin-inline-start:auto;font-size:1.4rem;color:var(--sea)}.guide-chapter[open] summary:after{content:'−'}.guide-chapter summary::-webkit-details-marker{display:none}.chapter-no{font-size:.8rem;color:var(--muted)}.guide-chapter h2{font-size:1.05rem;margin:0}.guide-chapter p{padding:0 40px 20px;margin:0;line-height:1.9;color:var(--muted)}.guide-actions{display:flex;gap:12px;margin:25px 0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.contact-card{display:flex;flex-direction:column;gap:15px;margin:0!important;min-height:130px}.contact-card b{font-size:1.15rem}.contact-card span{font-size:.9rem;overflow-wrap:anywhere;text-align:start}
@media(min-width:1500px){.welcome-hero{min-height:580px}}
@media(max-width:900px){.wrap{grid-template-columns:1fr;padding-bottom:25px}.navbar{padding:5px 6px calc(5px + env(safe-area-inset-bottom));max-width:none}.nav{flex-wrap:nowrap;gap:0}.nav a{padding:5px 7px;min-width:46px}.site-footer{margin-bottom:85px;justify-content:flex-start;gap:11px}.welcome-nav{padding:16px 22px}.welcome-hero{margin:0 16px;min-height:470px}.welcome-copy{width:70%;padding:35px}.welcome-pillars{gap:30px}.res-row{gap:7px}.res{padding:7px}.header-guide{margin:0}.header-guide span{display:none}.side{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.side>.card{margin:0}}
@media(max-width:600px){.welcome-nav{padding:15px 18px}.welcome-nav nav{gap:15px;font-size:.8rem}.welcome-nav .brand{font-size:1.35rem}.welcome-hero{min-height:520px;background-position:38% center;align-items:flex-end}.welcome-hero:before{background:linear-gradient(0deg,#102f32fa 2%,#102f32bd 55%,#102f321c)}.welcome-copy{width:100%;padding:28px 24px}.welcome-copy h1{font-size:2.7rem}.welcome-copy p{font-size:1rem;margin:17px 0}.welcome-copy .eyebrow{font-size:.69rem}.world-tag{margin-top:22px}.welcome-pillars{gap:12px;padding:20px 12px;font-size:.76rem}.welcome-pillars span{gap:6px}.welcome-pillars b{font-size:.65rem}.auth{padding:32px 18px}.auth-grid{grid-template-columns:1fr;gap:18px}.auth-grid>.card{padding:22px}.tribes{grid-template-columns:1fr}.tribe{min-height:170px}.top-row{gap:7px;padding:8px 10px}.top-row .brand{font-size:1.15rem;gap:5px}.top-row .brand-mark{width:29px;height:29px}.goldpill{padding:3px 7px}.clock{font-size:.65rem}.clock b{font-size:.8rem}.res .v{font-size:.8rem;gap:4px}.res .r{font-size:.6rem}.card{padding:15px}.public-page{padding:0 18px}.page-intro h1{font-size:2.3rem}.guide-chapter p{padding-inline:0}.site-footer{font-size:.65rem}.welcome-nav~.site-footer,.auth~.site-footer{margin-bottom:12px}.welcome-actions{gap:20px}.contact-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* زرّ الداكن/الفاتح في الشريط العلويّ */
.themebtn{min-width:34px;padding-inline:8px;font-size:15px;line-height:1}