/* Bayt al-Fuad family shell, scoped to Sakan. No shared-site mutations. */
:root{--shell-height:112px;--shell-bg:rgba(5,8,15,.96);--card-bg:linear-gradient(145deg,#121c30,#0a1120);--calm-surface:rgba(14,21,36,.6)}
html{scroll-padding-top:calc(var(--shell-height) + 20px);color-scheme:dark}
body{padding-inline-start:0!important;font-weight:400}
.bfs-bar{position:sticky;inset-block-start:0;z-index:70;background:var(--shell-bg);border-bottom:1px solid var(--line2);backdrop-filter:blur(16px);padding:0;min-height:0;display:block}
.bfs-in{max-width:1320px;margin:auto;min-height:64px;padding:8px 24px;display:flex;align-items:center;gap:22px}
.bfs-brand{display:inline-flex;align-items:center;gap:9px;flex:none;color:var(--ivory);font-size:1rem;font-weight:500;white-space:nowrap}
.bfs-brand:hover{text-decoration:none;color:var(--gold)}
.bfs-logo{width:36px;height:36px;flex:none;color:var(--gold)}
.bfs-nav{display:flex;align-items:center;gap:4px;margin-inline:auto}
.bfs-item{display:flex;align-items:center;min-height:44px;padding:6px 13px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:.86rem;white-space:nowrap}
.bfs-item:hover{color:var(--ivory);background:var(--raised);text-decoration:none}
.bfs-item[aria-current]{color:var(--glow);background:var(--raised);border-color:var(--gold-dim)}
.bfs-actions{display:flex;align-items:center;gap:8px;flex:none;margin-inline-start:auto}
.bfs-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;border:1px solid var(--line2);border-radius:10px;background:var(--raised);color:var(--ivory);cursor:pointer;font-size:.85rem;padding:5px 9px}
.bfs-icon-btn svg{width:21px;height:21px;flex:none}
.bfs-icon-btn:hover{border-color:var(--gold)}
.appbar__urgent{margin:0;font-size:.8rem;white-space:nowrap}
.bfs-routebar{max-width:1320px;margin:auto;display:flex;gap:16px;align-items:center;padding:7px 24px 9px;border-top:1px solid var(--line);font-size:.76rem;min-height:40px}
.bfs-crumb{min-width:0;flex:1}
.bfs-crumb ol{list-style:none;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:0;margin:0}
.bfs-crumb li{display:flex;align-items:center;gap:6px;min-width:0}
.bfs-crumb li+li::before{content:'/';color:var(--faint)}
.bfs-crumb a{color:var(--muted);min-height:28px;display:inline-flex;align-items:center}
.bfs-crumb [aria-current]{color:var(--ivory);max-width:46ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bfs-parent{white-space:nowrap;flex:none;min-height:44px;display:inline-flex;align-items:center}
.bfs-menu{color:var(--ivory);background:var(--night);border:1px solid var(--line2);border-radius:20px;padding:20px;max-width:480px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow:auto;box-shadow:var(--shadow)}
.bfs-menu::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}
.bfs-menu-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.bfs-menu-head h2{font-size:1.5rem}
.bfs-menu nav{display:grid;gap:7px}
.bfs-menu nav .bfs-item{font-size:1rem;min-height:50px;white-space:normal}
.bfs-menu-extra{display:grid;gap:6px;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
.bfs-menu-extra a{padding:7px 10px;min-height:44px}
.tabbar{inset-inline:0!important;inset-block-start:auto!important;bottom:0!important;width:auto!important;flex-direction:row!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;border-inline:0!important;border-top:1px solid var(--line)!important;min-height:68px;background:var(--shell-bg)!important;gap:3px!important}
.tabbar__item{flex:1!important;min-width:0!important;width:auto!important;min-height:52px!important;flex-direction:column!important;gap:2px!important;padding:3px!important;font-size:.67rem!important}
.tabbar__item[aria-current="page"]::before{inset-inline:25%!important;top:0!important;bottom:auto!important;width:auto!important;height:2px!important}
.tabbar__item svg{width:20px;height:20px}
.wrap{max-width:800px;padding-top:26px}
.foot{max-width:1000px;margin-inline:auto;padding-inline:24px}
.foot__brand a{font-weight:500}
.hero.home-hero{padding:30px 24px 16px;text-align:start;margin:auto;max-width:1080px;min-height:0}
.home-hero .t-display{font-size:clamp(32px,4.7vw,46px);margin:0 0 6px;line-height:1.4}
.home-hero .hero__sub{font-family:var(--f-ui);font-size:1.05rem;color:var(--muted);margin:0;line-height:1.9}
.home-hero .eyebrow{margin-bottom:8px}
.home-wrap{max-width:1080px;padding-top:12px;padding-bottom:24px}
.home-wrap>.section{margin-top:0}
.home-wrap .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-wrap .pathcard{min-height:154px;padding:22px;gap:16px;background:var(--card-bg);transition:border-color .15s,transform .15s}
.home-wrap .pathcard:hover{transform:translateY(-2px)}
.home-wrap .pathcard__t b{font-size:1.4rem;line-height:1.5;margin-bottom:5px}
.home-wrap .pathcard__t span{font-size:.9rem;line-height:1.9}
.home-wrap .quick{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:22px}
.home-wrap .quick .btn{width:auto;min-width:180px;flex:1}
.home-wrap .home-note{text-align:start;margin-top:20px}
.toast{inset-inline:16px!important;max-width:600px;margin:auto;bottom:90px}
.skip{z-index:200}
[id]{scroll-margin-top:calc(var(--shell-height) + 20px)}
:root[data-theme="light"]{color-scheme:light;--ink:#F7F4ED;--night:#FFFDFA;--raised:#EFEAE1;--raised2:#E6E0D4;--line:#DED7CA;--line2:#C7BEAF;--gold:#7E5519;--gold-soft:#855B21;--gold-dim:#805A28;--glow:#664416;--ivory:#292620;--muted:#55534E;--faint:#625F59;--calm:#236850;--warm:#914A27;--shell-bg:rgba(255,253,250,.97);--card-bg:linear-gradient(145deg,#FFFDFA,#F0EAE0);--calm-surface:#F0EBE3;--shadow:0 16px 44px rgba(55,43,20,.15);--shadow-sm:0 8px 22px rgba(55,43,20,.1)}
:root[data-theme="light"] body{background:radial-gradient(110% 60% at 50% 0%,#EEE4D2,transparent 65%),var(--ink)}
:root[data-theme="light"] .card,:root[data-theme="light"] .acc,:root[data-theme="light"] .note,:root[data-theme="light"] .pathcard,:root[data-theme="light"] .role,:root[data-theme="light"] .need,:root[data-theme="light"] .sheet,:root[data-theme="light"] .dialogue,:root[data-theme="light"] .calm{background:var(--card-bg);color:var(--ivory)}
:root[data-theme="light"] .btn--urgent,:root[data-theme="light"] .appbar__urgent,:root[data-theme="light"] .tag--review,:root[data-theme="light"] .act--specialist,:root[data-theme="light"] .line b{color:#85411E}
:root[data-theme="light"] .tag--calm{color:var(--calm)}
:root[data-theme="light"] .hero .t-display{color:var(--glow);background:none;-webkit-text-fill-color:currentColor}
:root[data-theme="light"] .sheet-scrim{background:rgba(36,31,22,.4)}
:root[data-theme="light"] .toast,:root[data-theme="light"] .result,:root[data-theme="light"] .strip,:root[data-theme="light"] .item,:root[data-theme="light"] .person,:root[data-theme="light"] .chips .chip,:root[data-theme="light"] .output{background:var(--raised);color:var(--ivory)}
:root[data-theme="light"] .btn--danger{color:#9B3333;border-color:#C99B9B}
:root[data-theme="light"] .skip{background:#664416;color:#fff}
:root[data-theme="light"] .check input[type=checkbox]{background:var(--night)}
:root[data-theme="light"] .check input[type=checkbox]:checked{background:var(--gold)}
:root[data-theme="light"] .check input[type=checkbox]:checked::after{color:#fff}
:root[data-theme="light"] .note--safe{border-color:#BBA17B}
:root[data-theme="light"] .ptable--bad caption{color:#9B3333}
@media(min-width:1100px){body{padding-bottom:36px}.tabbar{display:none!important}.toast{bottom:20px}}
@media(max-width:1099px){body{padding-bottom:90px}.bfs-nav{display:none}.bfs-in{gap:12px}.bfs-menu-label{display:none}}
@media(max-width:699px){.home-wrap .paths{grid-template-columns:1fr;gap:12px}.home-wrap .pathcard{min-height:0;padding:19px}.hero.home-hero{padding:22px 20px 10px}.home-wrap{padding-inline:20px}.bfs-in{padding-inline:14px;gap:8px}.bfs-brand{font-size:.88rem;gap:5px}.bfs-logo{width:29px;height:29px}.bfs-actions{gap:5px}.bfs-icon-btn{padding:5px;min-width:44px;min-height:44px}.appbar__urgent{font-size:.71rem;padding:6px 8px}.bfs-routebar{padding:6px 16px 8px;gap:8px;align-items:flex-start}.bfs-crumb{font-size:.7rem}.bfs-crumb ol{gap:3px}.bfs-crumb li{gap:3px}.bfs-crumb [aria-current]{max-width:26ch}.bfs-parent{font-size:.68rem;white-space:normal;max-width:90px}.home-wrap .quick{display:grid;grid-template-columns:1fr 1fr}.home-wrap .quick a{padding-inline:8px}.wrap{padding-inline:20px}.foot{padding-inline:20px}}
@media(max-width:359px){.bfs-brand span{max-width:55px;white-space:normal;line-height:1.3}.bfs-in{padding-inline:10px;gap:6px}.bfs-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){.home-wrap .pathcard:hover{transform:none}}
@media print{html,:root[data-theme]{color-scheme:light;--ink:#fff;--ivory:#111;--muted:#333;--glow:#111;--gold:#333;--gold-dim:#555;--faint:#444;--line:#ccc;--line2:#aaa}.bfs-bar,.bfs-menu,.bfs-routebar,.bfs-parent{display:none!important}body{background:#fff!important;color:#111!important;padding:0!important}.wrap{max-width:none}.card,.acc,.note,.dialogue,.calm{background:#fff!important;color:#111!important;box-shadow:none!important}h1,h2,h3,p,li{color:#111!important;-webkit-text-fill-color:currentColor!important}.tabs{display:none!important}}