:root{--cover:#0F2A47;--cover2:#1B4A78;--paper:#EDF1F2;--card:#FFFFFF;--ink:#12263A;--ink2:#3A4F63;--muted:#5C7083;--line:#D3DDE3;--soft:#E2EAEE;--brand:#0B6F6A;--brand-d:#07514D;--gold:#C9A24B;--gold-l:#E8C872;--red:#D8352A;--mark:#FFE45C;--bg:var(--paper);--sun:var(--mark);--rose:var(--red);--shadow:0 1px 0 rgba(15,42,71,.06),0 10px 26px -12px rgba(15,42,71,.28);--r:6px;--font:"Tajawal","Noto Sans Arabic",system-ui,"Segoe UI",Tahoma,sans-serif;--disp:"Baloo Bhaijaan 2","Tajawal",system-ui,"Segoe UI",Tahoma,sans-serif;--rule:rgba(15,42,71,.055)}
:root[data-theme=dark]{--paper:#0A1521;--card:#10243A;--ink:#EAF1F6;--ink2:#BFD0DD;--muted:#93A9BA;--line:#223A52;--soft:#16304A;--brand:#3FC4BB;--brand-d:#7EE0D8;--cover:#0A2036;--rule:rgba(234,241,246,.05);--shadow:0 1px 0 rgba(0,0,0,.4),0 12px 30px -12px rgba(0,0,0,.7)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0A1521;--card:#10243A;--ink:#EAF1F6;--ink2:#BFD0DD;--muted:#93A9BA;--line:#223A52;--soft:#16304A;--brand:#3FC4BB;--brand-d:#7EE0D8;--cover:#0A2036;--rule:rgba(234,241,246,.05);--shadow:0 1px 0 rgba(0,0,0,.4),0 12px 30px -12px rgba(0,0,0,.7)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font:400 17px/1.9 var(--font);text-rendering:optimizeLegibility}
main{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,var(--rule) 35px,var(--rule) 36px)}
a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--brand-d)}
img,svg{max-width:100%}h1,h2,h3,h4{font-family:var(--disp);line-height:1.4;margin:0 0 .5em;color:var(--ink);font-weight:600}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--cover);color:#fff;padding:8px 14px;z-index:99}.skip:focus{inset-inline-start:12px}
:focus-visible{outline:3px solid var(--mark);outline-offset:2px;box-shadow:0 0 0 5px var(--cover)}
/* header: the booklet cover */
header.site{position:sticky;top:0;z-index:50;background:var(--cover);border-bottom:3px solid var(--gold);color:#fff}
.bar{position:relative;display:flex;align-items:center;gap:18px;min-height:66px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--gold-l);font:700 30px/1 var(--disp)}
.brand svg{width:44px;height:44px;flex:none}.brand:hover svg .t1{animation:wag .7s ease-in-out 2}
@keyframes wag{0%,100%{transform:rotate(0)}30%{transform:rotate(-9deg)}65%{transform:rotate(7deg)}}
.brand svg .t1{transform-origin:64px 44px;transform-box:view-box}
nav.primary{flex:1}nav.primary>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
nav.primary>ul>li{position:static}
nav.primary>ul>li>a,nav.primary>ul>li>button{display:flex;align-items:center;gap:5px;font:600 16px var(--disp);color:#E6EEF5;background:none;border:0;padding:11px 14px;cursor:pointer;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-3px}
nav.primary>ul>li>a:hover,nav.primary>ul>li>button:hover,nav.primary>ul>li.open>button,nav.primary a.cur{color:var(--gold-l);border-bottom-color:var(--gold-l)}
.chev{width:13px;height:13px;transition:transform .2s}li.open .chev{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;margin-inline:auto;top:100%;width:min(800px,96%);transform:translateY(6px);opacity:0;visibility:hidden;background:var(--card);color:var(--ink);border:2px solid var(--cover);border-top:0;box-shadow:0 26px 50px -14px rgba(10,24,40,.55);padding:22px 24px;transition:.16s;display:grid;grid-template-columns:1.1fr 1fr;gap:26px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,var(--rule) 33px,var(--rule) 34px)}
li.open>.mega{opacity:1;visibility:visible;transform:none}
.mega h3{font-size:14px;color:var(--muted);margin:0 0 8px;font-weight:600}.mega ul{list-style:none;margin:0;padding:0}
.mega a{display:flex;gap:10px;align-items:center;padding:7px 10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px;line-height:1.5;border-inline-start:3px solid transparent}
.mega a:hover{background:var(--soft);border-inline-start-color:var(--brand)}.mega .em{width:32px;height:32px;display:grid;place-items:center;background:var(--soft);font-size:17px;flex:none;border-radius:50%}
.mega .allb{display:block;margin-top:12px;background:var(--cover);color:var(--gold-l);text-align:center;padding:10px;border:0;font-family:var(--disp)}.mega .allb:hover{background:var(--cover2);color:#fff}
.mega .pop a{font-weight:400;font-size:14px;color:var(--ink2)}
.actions{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
.sbtn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(232,200,114,.45);color:#D3E0EA;padding:9px 14px;border-radius:4px;font:400 14px var(--font);cursor:pointer;min-width:190px}.sbtn svg{width:18px;height:18px}.sbtn kbd{margin-inline-start:auto;font:600 11px monospace;border:1px solid rgba(232,200,114,.5);border-radius:3px;padding:1px 6px;color:var(--gold-l)}
.ibtn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,200,114,.45);background:transparent;color:var(--gold-l);display:grid;place-items:center;cursor:pointer}.ibtn svg{width:20px;height:20px}
#burger{display:none}.t-moon{display:none}:root[data-theme=dark] .t-sun{display:none}:root[data-theme=dark] .t-moon{display:block}
.progress{height:4px;background:var(--mark);width:0;transform-origin:right}
/* drawer */
.drawer{position:fixed;inset:0;z-index:70;background:rgba(6,16,28,.65);opacity:0;visibility:hidden;transition:.2s}.drawer.on{opacity:1;visibility:visible}
.dpanel{position:absolute;inset-block:0;inset-inline-start:0;width:min(86vw,380px);background:var(--card);padding:18px;overflow:auto;transform:translateX(100%);transition:.25s;border-inline-end:4px solid var(--gold)}.drawer.on .dpanel{transform:none}
.dpanel details{border-bottom:1px dashed var(--line)}.dpanel summary{font:600 18px var(--disp);padding:14px 4px;cursor:pointer;list-style:none}.dpanel summary::after{content:"+";float:inline-end;color:var(--brand)}.dpanel details[open] summary::after{content:"–"}
.dpanel ul{list-style:none;margin:0 0 12px;padding:0}.dpanel li a{display:block;padding:9px 10px;text-decoration:none;color:var(--ink);font-weight:700}.dpanel li a:hover{background:var(--soft)}
.dpanel>a.top{display:block;font:600 18px var(--disp);padding:14px 4px;border-bottom:1px dashed var(--line);color:var(--ink);text-decoration:none}
/* palette */
.palette{position:fixed;inset:0;z-index:90;background:rgba(6,16,28,.7);display:none;align-items:flex-start;justify-content:center;padding:9vh 16px}.palette.on{display:flex}
.pbox{width:min(640px,100%);background:var(--card);border:3px solid var(--cover);box-shadow:10px 10px 0 var(--gold);overflow:hidden}
.pbox input{width:100%;border:0;border-bottom:2px solid var(--cover);padding:20px 22px;font:700 18px var(--font);background:transparent;color:var(--ink);outline:0}
.pres{max-height:56vh;overflow:auto;list-style:none;margin:0;padding:8px}.pres a{display:block;padding:11px 14px;text-decoration:none;color:var(--ink);font-weight:700}.pres a small{display:block;color:var(--muted);font-weight:400;font-size:13px}.pres a.sel,.pres a:hover{background:var(--soft)}
.pnone{padding:22px;color:var(--muted);text-align:center}
/* hero: a pet passport on the desk */
.hero{position:relative;overflow:hidden;padding:56px 0 52px;border-bottom:1px solid var(--line)}
.hero .grid>*{min-width:0}
.hero .grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}
.hero h1{font-size:clamp(34px,5.2vw,58px);font-weight:700;line-height:1.35;margin-bottom:16px}
.hero h1 span{background:linear-gradient(transparent 58%,var(--mark) 58%,var(--mark) 92%,transparent 92%);padding:0 .1em}
:root[data-theme=dark] .hero h1 span{background:linear-gradient(transparent 58%,#7a6a10 58%,#7a6a10 92%,transparent 92%)}
.hero p.sub{font-size:19px;color:var(--ink2);max-width:36em;margin:0 0 22px}
.toggle{display:inline-flex;border:2px solid var(--cover);margin-bottom:16px;background:var(--card)}
.toggle button{border:0;background:none;font:600 17px var(--disp);padding:9px 24px;cursor:pointer;color:var(--cover);display:flex;gap:8px;align-items:center}
.toggle button+button{border-inline-start:2px solid var(--cover)}
.toggle button[aria-pressed=true]{background:var(--cover);color:var(--gold-l)}
:root[data-theme=dark] .toggle,:root[data-theme=dark] .toggle button+button{border-color:var(--gold)}:root[data-theme=dark] .toggle button{color:var(--ink)}:root[data-theme=dark] .toggle button[aria-pressed=true]{background:var(--gold);color:var(--cover)}
.sform{display:flex;gap:8px;background:var(--card);border:2px solid var(--cover);padding:6px;box-shadow:7px 7px 0 var(--gold);max-width:620px}
.sform input{flex:1;border:0;background:none;font:700 18px var(--font);padding:10px 14px;color:var(--ink);outline:0;min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--cover);color:var(--gold-l);font:600 17px var(--disp);padding:12px 26px;cursor:pointer;text-decoration:none;border-radius:3px}.btn:hover{background:var(--cover2);color:#fff}
.btn.alt{background:transparent;color:var(--cover);border:2px solid var(--cover)}.btn.alt:hover{background:var(--cover);color:var(--gold-l)}
:root[data-theme=dark] .btn{background:var(--gold);color:var(--cover)}:root[data-theme=dark] .btn.alt{background:transparent;color:var(--gold-l);border-color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:640px}.chips[hidden]{display:none}
.chip{background:var(--card);border:1.5px dashed var(--muted);color:var(--ink);text-decoration:none;font:700 14px var(--font);padding:4px 14px;border-radius:3px}.chip:hover{border-style:solid;border-color:var(--brand);color:var(--brand-d);background:var(--soft)}
.passport{position:relative;max-width:360px;margin-inline:auto;width:100%;aspect-ratio:3/4.1;background:var(--cover);border-radius:10px 18px 18px 10px;box-shadow:-14px 18px 0 -2px rgba(15,42,71,.18),0 30px 50px -22px rgba(10,24,40,.7);transform:rotate(-3deg);color:var(--gold-l);padding:22px}
.passport::before{content:"";position:absolute;inset:12px;border:2px dashed var(--gold);border-radius:6px 12px 12px 6px;opacity:.75;pointer-events:none}
.passport .pt{text-align:center;position:relative}.passport .pt small{display:block;font:500 13px var(--font);letter-spacing:0;opacity:.85}.passport .pt b{display:block;font:700 40px/1.2 var(--disp);color:var(--gold-l)}
.passport .face{position:absolute;inset:23% 17% 27%;display:grid;place-items:center}
.passport svg.pet{position:absolute;width:100%;height:100%;transition:opacity .3s,transform .3s}.passport svg.pet.off{opacity:0;transform:scale(.88) rotate(-4deg);pointer-events:none}
.passport .lines{position:absolute;inset-inline:12%;bottom:8%;display:grid;gap:9px}.passport .lines i{display:block;height:2px;background:var(--gold);opacity:.55}.passport .lines i:nth-child(2){width:78%}.passport .lines i:nth-child(3){width:55%}
.stamp{position:absolute;display:grid;place-items:center;text-align:center;width:104px;height:104px;border-radius:50%;border:3px solid var(--red);color:var(--red);font:700 15px/1.25 var(--disp);background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 4px rgba(255,255,255,.92),inset 0 0 0 6px var(--red);opacity:0;animation:thump .45s cubic-bezier(.2,1.6,.4,1) forwards}
.stamp small{display:block;font:500 10.5px var(--font);margin-top:1px}
.stamp.s1{top:-18px;inset-inline-end:-30px;--rot:12deg;animation-delay:.5s}
.stamp.s2{bottom:12%;inset-inline-start:-34px;--rot:-14deg;width:94px;height:94px;border-color:var(--brand);color:var(--brand);box-shadow:inset 0 0 0 4px rgba(255,255,255,.92),inset 0 0 0 6px var(--brand);animation-delay:1s}
@keyframes thump{0%{opacity:0;transform:scale(2.2) rotate(calc(var(--rot) - 25deg))}100%{opacity:1;transform:scale(1) rotate(var(--rot))}}
.stats{display:flex;gap:0;flex-wrap:wrap;margin-top:30px;border-block:2px solid var(--cover);max-width:640px}.stats>div{flex:1;min-width:110px;padding:12px 16px;border-inline-start:1.5px dashed var(--muted)}.stats>div:first-child{border-inline-start:0}.stats b{display:block;font:700 32px/1.1 var(--disp)}.stats span{color:var(--muted);font-size:14px}
/* sections */
.sec{padding:46px 0}.sec h2.t{font-size:clamp(26px,3.4vw,36px);display:inline-block;background:linear-gradient(transparent 62%,var(--mark) 62%,var(--mark) 90%,transparent 90%);padding:0 .1em}
:root[data-theme=dark] .sec h2.t{background:linear-gradient(transparent 62%,#7a6a10 62%,#7a6a10 90%,transparent 90%)}
.sec p.lede{color:var(--muted);margin:.2em 0 22px;max-width:44em}
.sechead{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.big{position:relative;background:var(--card);border:2px solid var(--cover);padding:26px 26px 24px;box-shadow:8px 8px 0 var(--gold)}
.big.cat{box-shadow:8px 8px 0 var(--brand)}
.big .ic{font-size:50px;line-height:1}.big h3{font-size:30px;margin:8px 0 4px}.big>p{color:var(--muted);margin:0 0 16px}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pills a{background:var(--soft);color:var(--ink);text-decoration:none;padding:6px 14px;font:700 14px var(--font);border-radius:3px;border-bottom:2px solid var(--cover)}.pills a:hover{background:var(--cover);color:var(--gold-l)}
.countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.cty{background:var(--card);border:1.5px solid var(--cover);padding:14px 16px;text-decoration:none;color:var(--ink);display:flex;gap:12px;align-items:center;font:600 17px var(--disp);transition:.15s;position:relative}
.cty:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--gold)}.cty .fl{font-size:28px}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
/* cards: record slips with a perforated stub */
.card{display:flex;flex-direction:column;background:var(--card);border:1.5px solid var(--cover);padding:20px 20px 16px;text-decoration:none;color:var(--ink);transition:.15s;position:relative;border-radius:var(--r);background-image:linear-gradient(to left,hsl(var(--h,200) 55% 48%) 0,hsl(var(--h,200) 55% 48%) 7px,transparent 7px)}
.card::after{content:"";position:absolute;inset-block:0;inset-inline-end:7px;border-inline-end:2px dashed var(--line)}
.card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--gold)}
.card .k{font:700 12.5px var(--font);color:hsl(var(--h,200) 60% 30%);border:1.5px solid hsl(var(--h,200) 55% 40%);align-self:flex-start;padding:1px 10px;border-radius:3px;margin-bottom:10px;transform:rotate(-1.5deg);background:hsl(var(--h,200) 70% 96%)}
:root[data-theme=dark] .card .k{color:hsl(var(--h,200) 80% 78%);background:transparent;border-color:hsl(var(--h,200) 55% 55%)}
.card h3{font-size:19.5px;margin:0 0 8px;line-height:1.55;padding-inline-end:12px}.card p{margin:0 0 12px;color:var(--muted);font-size:15px;line-height:1.8;flex:1;padding-inline-end:12px}.card .m{font-size:13px;color:var(--muted);padding-inline-end:12px}
.toolgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.tool{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1.5px solid var(--cover);padding:16px;text-decoration:none;color:var(--ink)}.tool:hover{box-shadow:5px 5px 0 var(--mark);transform:translate(-3px,-3px)}
.tool .e{font-size:28px;background:var(--soft);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex:none;border:1.5px dashed var(--muted)}.tool b{display:block;font:600 17px/1.5 var(--disp)}.tool span{font-size:14px;color:var(--muted);line-height:1.6;display:block}
.nlband{background:var(--cover);color:#fff;padding:36px;display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center;position:relative;border:3px double var(--gold);outline:6px solid var(--cover)}
.nlband h2{color:var(--gold-l);font-size:30px}.nlband p{margin:0;opacity:.92}
.nl{display:flex;gap:8px;flex-wrap:wrap}.nl input{flex:1;min-width:200px;border:0;padding:14px 16px;font:700 16px var(--font);background:#fff;color:#12263A;border-radius:3px}.nl button{background:var(--mark);color:#12263A;border:0;padding:14px 22px;font:700 17px var(--disp);cursor:pointer;border-radius:3px}
.nlmsg{width:100%;font-size:14px;margin-top:4px;min-height:1.4em}
/* hub */
.hubhead{padding:40px 0 26px;background:var(--cover);color:#fff;border-bottom:3px solid var(--gold);position:relative}
.hubhead::after{content:"";position:absolute;inset-inline:0;bottom:-3px;height:3px;background:repeating-linear-gradient(90deg,var(--cover) 0 10px,transparent 10px 20px)}
.hubhead h1{font-size:clamp(30px,4.4vw,48px);color:var(--gold-l);margin:6px 0 8px}.hubhead p{max-width:44em;color:#D3E0EA;margin:0;font-size:18px}
.hubhead .em{font-size:48px}.hubhead .crumbs,.hubhead .crumbs a{color:#B7CADA}.hubhead .crumbs li+li::before{color:#6D86A0}
.hubhead .btn{background:var(--gold-l);color:var(--cover)}.hubhead .btn.alt{background:transparent;color:var(--gold-l);border:2px solid var(--gold-l)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filters input{flex:1;min-width:220px;border:2px solid var(--cover);background:var(--card);padding:12px 16px;font:700 16px var(--font);color:var(--ink);border-radius:3px}
.count{color:var(--muted);font-size:14px;margin-bottom:12px}
.pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:26px 0}.pager button{border:1.5px solid var(--cover);background:var(--card);color:var(--ink);min-width:40px;padding:8px 12px;font:700 14px var(--font);cursor:pointer;border-radius:3px}.pager button[aria-current=true]{background:var(--cover);color:var(--gold-l)}
/* crumbs */
.crumbs{font-size:14px;color:var(--muted);padding:18px 0 4px}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.crumbs li+li::before{content:"‹";margin-inline-end:6px;color:var(--muted)}.crumbs a{color:var(--muted)}
/* article */
.art{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:44px;padding:8px 0 40px;align-items:start}
.arthead{padding:14px 0 10px;max-width:820px}.arthead .k{display:inline-block;font:700 13px var(--font);border:1.5px solid var(--red);color:var(--red);padding:2px 12px;text-decoration:none;transform:rotate(-1.5deg);border-radius:3px;background:var(--card)}
.arthead h1{font-size:clamp(28px,4vw,44px);margin:14px 0 12px}
.meta{display:flex;gap:6px 18px;flex-wrap:wrap;color:var(--muted);font-size:14px;border-block:1.5px dashed var(--muted);padding:8px 0}
.prose{max-width:760px;font-size:18.5px;line-height:2;background:var(--card);padding:26px 30px;border:1.5px solid var(--cover);position:relative}
.prose>p:first-child{font-size:20px;color:var(--ink2);font-weight:700;border-inline-start:8px solid var(--mark);padding-inline-start:18px;background:color-mix(in srgb,var(--mark) 14%,transparent);padding-block:6px}
.prose h2{font-size:28px;margin:1.9em 0 .55em;padding-top:.2em;scroll-margin-top:90px;border-bottom:2px solid var(--cover);padding-bottom:.15em}.prose h3{font-size:22px;margin:1.5em 0 .4em;color:var(--brand-d)}
.prose ul,.prose ol{padding-inline-start:1.5em}.prose li{margin:.3em 0}.prose li::marker{color:var(--red);font-weight:700}
.prose table{width:100%;border-collapse:collapse;font-size:16px;margin:1.2em 0;display:block;overflow-x:auto;border:2px solid var(--cover)}.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:start}.prose th{background:var(--cover);color:var(--gold-l);font-family:var(--disp);font-weight:600}.prose tr:nth-child(even) td{background:var(--soft)}
.prose blockquote{margin:1.4em 0;background:color-mix(in srgb,var(--mark) 22%,var(--card));border-inline-start:6px solid var(--gold);padding:14px 20px;color:var(--ink2)}.prose blockquote p{margin:.3em 0}
.prose strong{color:var(--ink)}
.faq details{background:var(--card);border:1.5px solid var(--cover);margin:10px 0;padding:0 18px}.faq summary{font:600 18px/1.6 var(--disp);padding:14px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";color:var(--red);font-size:26px;line-height:1}.faq details[open] summary::after{content:"–"}.faq details[open]{background:var(--soft)}.faq details>div{padding:0 0 14px}
.aside{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.toc{background:var(--card);border:1.5px solid var(--cover);padding:16px 14px 12px;position:relative}.toc h2{font-size:17px;margin:0 0 8px;padding-inline:6px}.toc ol{list-style:none;margin:0;padding:0}.toc a{display:block;padding:6px 10px;color:var(--ink2);text-decoration:none;font-size:14.5px;line-height:1.6;border-inline-start:4px solid var(--line);margin-bottom:3px}.toc a.on{background:var(--soft);color:var(--cover);border-inline-start-color:var(--red);font-weight:800}
:root[data-theme=dark] .toc a.on{color:var(--gold-l)}
.box{background:var(--cover);color:#fff;padding:18px;border:3px double var(--gold)}.box b{display:block;font:600 18px var(--disp);color:var(--gold-l);margin-bottom:4px}.box p{margin:0 0 12px;font-size:14px;opacity:.92;line-height:1.7}.box a{display:block;background:var(--mark);color:#12263A;text-align:center;padding:9px;font-weight:800;text-decoration:none;border-radius:3px}
.box .nl input{min-width:0}.box .nl button{width:100%}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0;padding:14px 16px;background:var(--card);border:1.5px dashed var(--cover)}
.share b{font:600 16px var(--disp);margin-inline-end:6px}.sb{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--cover);background:var(--card);color:var(--ink);padding:6px 14px;font:700 13.5px var(--font);cursor:pointer;text-decoration:none;border-radius:3px}.sb:hover{color:#fff;border-color:transparent}
.sb.fb:hover{background:#1877F2}.sb.xx:hover{background:#111}.sb.wa:hover{background:#25D366}.sb.tg:hover{background:#229ED9}.sb.ig:hover{background:linear-gradient(45deg,#F9A826,#E1306C,#7B2FF2)}.sb.cp:hover{background:var(--cover)}
.sb svg{width:17px;height:17px;fill:currentColor}.like{margin-inline-start:auto}
.like[aria-pressed=true]{background:var(--red);color:#fff;border-color:var(--red)}.like[aria-pressed=true] svg{animation:pop .4s}@keyframes pop{50%{transform:scale(1.5)}}
.note{background:color-mix(in srgb,var(--mark) 20%,var(--card));border:1.5px solid var(--gold);border-inline-start:8px solid var(--red);padding:14px 18px;font-size:15.5px;line-height:1.85;margin:24px 0;color:var(--ink2)}
.related{margin-top:34px}.related h2{font-size:24px}
.toast{position:fixed;bottom:22px;inset-inline-start:50%;transform:translateX(50%) translateY(30px);background:var(--cover);color:var(--gold-l);padding:11px 20px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:99;max-width:90vw;text-align:center;border:2px solid var(--gold)}.toast.on{opacity:1;transform:translateX(50%) translateY(0)}
/* directory */
.vet{background:var(--card);border:1.5px solid var(--cover);padding:18px 20px;display:grid;gap:6px;position:relative;border-top:8px solid var(--brand)}.vet h3{margin:0;font-size:19px}.vet .row{display:flex;gap:10px;color:var(--ink2);font-size:15px;line-height:1.7}.vet .row b{color:var(--muted);font-weight:700;min-width:64px}
.vet .src{font-size:12.5px;color:var(--muted);margin-top:4px;border-top:1.5px dashed var(--line);padding-top:6px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{border:1px solid var(--muted);font-size:12.5px;padding:0 10px;color:var(--ink2);border-radius:3px}
.vets{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.subform{display:grid;gap:14px;max-width:640px}.subform label{font-weight:800;display:grid;gap:6px}.subform input,.subform select,.subform textarea{border:2px solid var(--cover);background:var(--card);color:var(--ink);padding:12px 14px;font:700 16px var(--font);border-radius:3px}
/* tools */
.tpanel{background:var(--card);border:2px solid var(--cover);padding:26px;box-shadow:8px 8px 0 var(--gold);max-width:760px;margin:26px 0}
.tpanel label{display:grid;gap:6px;font-weight:800;margin:12px 0}.tpanel input,.tpanel select{border:2px solid var(--cover);background:var(--paper);color:var(--ink);padding:11px 14px;font:700 16px var(--font);width:100%;border-radius:3px}
.seg{display:flex;gap:0;flex-wrap:wrap}.seg label{display:inline-flex;margin:0;font-weight:700}.seg input{position:absolute;opacity:0;width:0}.seg span{border:2px solid var(--cover);background:var(--paper);padding:8px 18px;cursor:pointer;margin-inline-end:-2px}.seg input:checked+span{background:var(--cover);color:var(--gold-l)}.seg input:focus-visible+span{outline:3px solid var(--mark)}
.result{margin-top:18px;background:color-mix(in srgb,var(--mark) 28%,var(--card));border:2px dashed var(--cover);padding:18px;font-size:17px;line-height:1.9}.result:empty{display:none}.result b.big{font:700 36px var(--disp);color:var(--cover);display:block;box-shadow:none;border:0;padding:0;background:none}
:root[data-theme=dark] .result b.big{color:var(--gold-l)}
.verdict{display:inline-block;font-weight:900;padding:2px 14px;color:#fff;border-radius:3px}.verdict.ok{background:#0B7A5A}.verdict.warn{background:#B77700}.verdict.bad{background:#C62836}
/* footer: the back cover */
footer.site{margin-top:50px;background:var(--cover);color:#C9D8E4;padding:46px 0 26px;border-top:4px solid var(--gold);position:relative}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:28px}footer.site h2{color:var(--gold-l);font-size:18px}footer.site ul{list-style:none;margin:0;padding:0}footer.site li{margin:6px 0}footer.site a{color:#C9D8E4;text-decoration:none}footer.site a:hover{color:var(--mark)}
.fbrand{display:flex;align-items:center;gap:10px;color:var(--gold-l);font:700 28px var(--disp);margin-bottom:10px}.fbrand svg{width:44px;height:44px}
footer.site .legal{border-top:1.5px dashed rgba(232,200,114,.5);margin-top:26px;padding-top:18px;font-size:13.5px;color:#9FB6C8}
.soc{display:flex;gap:8px;margin-top:12px}.soc a{width:38px;height:38px;border:1.5px solid var(--gold);color:var(--gold-l);display:grid;place-items:center;border-radius:50%}.soc a:hover{background:var(--gold);color:var(--cover)}
.totop{position:fixed;inset-inline-end:18px;bottom:18px;width:46px;height:46px;border:2px solid var(--gold);background:var(--cover);color:var(--gold-l);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:.2s;z-index:40;border-radius:50%}.totop.on{opacity:1;visibility:visible}
.legaldoc{max-width:800px}.legaldoc h2{font-size:24px;margin-top:1.6em}.legaldoc ul{padding-inline-start:1.4em}
/* responsive */
@media(max-width:1020px){nav.primary{display:none}#burger{display:grid}.art{grid-template-columns:1fr}.aside{position:static}.hero .grid{grid-template-columns:minmax(0,1fr)}.passport{max-width:250px;order:-1;margin-block:10px 20px}.stamp{width:84px;height:84px;font-size:13px}.stamp.s1{inset-inline-end:-18px}.stamp.s2{inset-inline-start:-18px;width:76px;height:76px}footer.site .cols{grid-template-columns:1fr 1fr}.sbtn span,.sbtn kbd{display:none}.sbtn{min-width:0;padding:10px}}
@media(max-width:680px){body{font-size:16.5px}.pair,.nlband{grid-template-columns:1fr}.nlband{padding:24px}.hero{padding-top:30px}.prose{font-size:17.5px;padding:18px 16px}footer.site .cols{grid-template-columns:1fr}.stats>div{min-width:45%}.big{box-shadow:5px 5px 0 var(--gold)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.stamp{opacity:1;transform:rotate(var(--rot))}html{scroll-behavior:auto}}
@media print{header.site,footer.site,.share,.aside,.totop,.nlband{display:none}}

/* icons */
.ico{width:1em;height:1em;color:#0F2A47;display:block;flex:none;overflow:visible}
.mega .em{background:#FFF1D6;border:1.5px solid var(--gold)}.mega .em .ico{width:24px;height:24px}
.toggle .ico.mini{width:30px;height:30px;background:#FFF1D6;border-radius:50%;padding:2px}
.big .ic{width:84px;height:84px;border-radius:50%;background:#FFF1D6;border:2px solid var(--cover);display:grid;place-items:center;margin-bottom:6px}.big .ic .ico{width:62px;height:62px}
.big.dog .ic{box-shadow:4px 4px 0 var(--gold)}.big.cat .ic{box-shadow:4px 4px 0 var(--brand)}
.cty .fl{width:46px;height:46px;border-radius:50%;background:#FFF1D6;border:1.5px solid var(--gold);display:grid;place-items:center;font-size:26px;flex:none}.cty .fl .ico{width:32px;height:32px}
.tool .e{background:#FFF1D6;border:1.5px dashed var(--gold)}.tool .e .ico{width:38px;height:38px}
.hubhead .em{width:84px;height:84px;border-radius:50%;background:#FFF1D6;border:3px solid var(--gold);display:grid;place-items:center;font-size:48px;margin-bottom:6px}.hubhead .em .ico{width:60px;height:60px}
.passport .face{inset:22% 15% 25%;background:#FFF1D6;border-radius:50%;border:4px solid var(--gold);box-shadow:0 0 0 5px var(--cover),0 0 0 7px var(--gold);aspect-ratio:1;height:auto}
.passport svg.pet{inset:6%;width:88%;height:88%}
.passport .pt b{font-size:42px}
:root{--pat-gold:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cg fill=%22none%22 stroke=%22%23E8C872%22 stroke-width=%221.3%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M32.0,4.0 L37.7,18.1 L51.8,12.2 L45.9,26.3 L60.0,32.0 L45.9,37.7 L51.8,51.8 L37.7,45.9 L32.0,60.0 L26.3,45.9 L12.2,51.8 L18.1,37.7 L4.0,32.0 L18.1,26.3 L12.2,12.2 L26.3,18.1Z%22/%3E%3Cpath d=%22M32.0,18.0 L35.1,24.6 L41.9,22.1 L39.4,28.9 L46.0,32.0 L39.4,35.1 L41.9,41.9 L35.1,39.4 L32.0,46.0 L28.9,39.4 L22.1,41.9 L24.6,35.1 L18.0,32.0 L24.6,28.9 L22.1,22.1 L28.9,24.6Z%22 stroke-width=%221%22/%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%223%22/%3E%3Cpath d=%22M0 0l7 7M64 0l-7 7M0 64l7-7M64 64l-7-7%22/%3E%3Ccircle cx=%220%22 cy=%220%22 r=%225%22/%3E%3Ccircle cx=%2264%22 cy=%220%22 r=%225%22/%3E%3Ccircle cx=%220%22 cy=%2264%22 r=%225%22/%3E%3Ccircle cx=%2264%22 cy=%2264%22 r=%225%22/%3E%3C/g%3E%3C/svg%3E");--pat-navy:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cg fill=%22none%22 stroke=%22%230F2A47%22 stroke-width=%221.3%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M32.0,4.0 L37.7,18.1 L51.8,12.2 L45.9,26.3 L60.0,32.0 L45.9,37.7 L51.8,51.8 L37.7,45.9 L32.0,60.0 L26.3,45.9 L12.2,51.8 L18.1,37.7 L4.0,32.0 L18.1,26.3 L12.2,12.2 L26.3,18.1Z%22/%3E%3Cpath d=%22M32.0,18.0 L35.1,24.6 L41.9,22.1 L39.4,28.9 L46.0,32.0 L39.4,35.1 L41.9,41.9 L35.1,39.4 L32.0,46.0 L28.9,39.4 L22.1,41.9 L24.6,35.1 L18.0,32.0 L24.6,28.9 L22.1,22.1 L28.9,24.6Z%22 stroke-width=%221%22/%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%223%22/%3E%3Cpath d=%22M0 0l7 7M64 0l-7 7M0 64l7-7M64 64l-7-7%22/%3E%3Ccircle cx=%220%22 cy=%220%22 r=%225%22/%3E%3Ccircle cx=%2264%22 cy=%220%22 r=%225%22/%3E%3Ccircle cx=%220%22 cy=%2264%22 r=%225%22/%3E%3Ccircle cx=%2264%22 cy=%2264%22 r=%225%22/%3E%3C/g%3E%3C/svg%3E")}
/* ===== الطابع العربي: نجمة ثمانية وإفريز هندسي ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
header.site::after{content:"";position:absolute;inset-inline:0;top:100%;height:18px;background:var(--pat-gold) repeat-x 0 0/36px 36px;opacity:.55;pointer-events:none;
 -webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pat-navy) 0 0/72px 72px;opacity:.07;
 -webkit-mask:linear-gradient(90deg,transparent 15%,#000 85%);mask:linear-gradient(90deg,transparent 15%,#000 85%)}
:root[data-theme=dark] .hero::before{background-image:var(--pat-gold);opacity:.08}
.hubhead::before{content:"";position:absolute;inset:0;background:var(--pat-gold) 0 0/64px 64px;opacity:.09;pointer-events:none;
 -webkit-mask:linear-gradient(270deg,#000,transparent 70%);mask:linear-gradient(270deg,#000,transparent 70%)}
.hubhead>.wrap{position:relative}
footer.site{position:relative}
footer.site::before{content:"";display:block;height:30px;background:var(--pat-gold) repeat-x 0 0/48px 48px;opacity:.35;margin-bottom:6px}
.sec h2.t::before{content:"";display:inline-block;width:.62em;height:.62em;margin-inline-end:.35em;vertical-align:.02em;background:var(--gold);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l3 7 7-3-3 7 7 3-7 3 3 7-7-3-3 7-3-7-7 3 3-7-7-3 7-3-3-7 7 3z'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0l3 7 7-3-3 7 7 3-7 3 3 7-7-3-3 7-3-7-7 3 3-7-7-3 7-3-3-7 7 3z'/%3E%3C/svg%3E") center/contain no-repeat}
/* نافذة المحراب: قوس مدبّب لبطاقات الدليل الكبرى */
.passport{position:relative}
.passport::before{content:"";position:absolute;inset:-18px -14px auto auto;width:62%;aspect-ratio:1;background:var(--pat-gold) 0 0/48px 48px;opacity:.16;border-radius:50% 50% 0 0/38% 38% 0 0;z-index:-1}

/* ===== ميزان الحالة ===== */
.mz{background:var(--card);border:2px solid var(--cover);margin:28px 0 14px;padding:22px;box-shadow:var(--shadow);position:relative}
.mz::before{content:"";position:absolute;inset-inline:0;top:0;height:6px;background:linear-gradient(90deg,#2FAF6F 0 25%,#F2C233 25% 50%,#F08A2C 50% 75%,#D8352A 75%)}
.mz-steps{display:flex;gap:6px;list-style:none;margin:6px 0 18px;padding:0;counter-reset:s;flex-wrap:wrap}
.mz-steps li{counter-increment:s;font:600 14px var(--disp);color:var(--muted);padding:5px 12px;border:1.5px dashed var(--line);border-radius:999px}
.mz-steps li::before{content:counter(s,arabic-indic) " ";color:var(--gold)}
.mz-steps li.on{background:var(--cover);color:var(--gold-l);border:1.5px solid var(--cover)}.mz-steps li.done{color:var(--brand);border-style:solid}
.mz-pane h3{font-size:clamp(22px,3vw,30px);margin:0 0 12px;outline:0}.mz-intro{color:var(--muted);margin:0 0 14px}
.mz-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0}.mz-pick.two{grid-template-columns:repeat(2,minmax(0,220px))}
.mz-pick button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:var(--paper);border:2px solid var(--line);color:var(--ink);font:600 17px var(--disp);cursor:pointer;border-radius:14px;transition:transform .15s,border-color .15s,background .15s}
.mz-pick button span{font-size:34px;line-height:1}.mz-pick button:hover,.mz-pick button:focus-visible{border-color:var(--gold);background:var(--soft);transform:translateY(-2px)}
.mz-ages{border:0;padding:0;margin:0 0 6px;display:flex;gap:8px;flex-wrap:wrap}.mz-ages legend{font:600 15px var(--disp);color:var(--muted);padding:0;margin-bottom:6px}
.mz-age input{position:absolute;opacity:0}.mz-age span{display:inline-block;padding:8px 14px;border:2px solid var(--line);border-radius:999px;cursor:pointer;font-weight:700;font-size:15px}
.mz-age input:checked+span{background:var(--cover);border-color:var(--cover);color:var(--gold-l)}.mz-age input:focus-visible+span{outline:3px solid var(--mark)}
.mz-qs{list-style:none;margin:0;padding:0}.mz-qs li{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.mz-qs .q{flex:1;line-height:1.7}.yn{display:flex;gap:6px;flex:none}.yn input{position:absolute;opacity:0}.yn span{display:block;min-width:58px;text-align:center;padding:7px 12px;border:2px solid var(--line);border-radius:10px;cursor:pointer;font-weight:700}
.yn input:checked+span{background:var(--cover);color:var(--gold-l);border-color:var(--cover)}.yn label:first-child input:checked+span{background:#D8352A;border-color:#D8352A;color:#fff}.yn input:focus-visible+span{outline:3px solid var(--mark)}
.mz-actions{margin:18px 0 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mz-back{background:none;border:0;color:var(--brand);font:600 15px var(--font);cursor:pointer;text-decoration:underline;padding:8px}
.mz-gauge{position:relative;margin:4px 0 18px}.mz-gauge .bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:22px}
.mz-gauge .bar i{border-radius:4px;opacity:.28;transition:opacity .5s}.mz-gauge .bar i.on{opacity:1}
.s-green{background:#2FAF6F}.s-yellow{background:#F2C233}.s-orange{background:#F08A2C}.s-red{background:#D8352A}
.mz-gauge .needle{position:absolute;top:-8px;inset-inline-start:calc(var(--p) * .75 + 12.5%);width:0;height:0;border-inline:9px solid transparent;border-top:12px solid var(--ink);transform:translateX(50%);animation:nd .9s cubic-bezier(.2,.9,.3,1.2) both}
[dir=rtl] .mz-gauge .needle{transform:translateX(50%)}
@keyframes nd{from{inset-inline-start:12.5%;opacity:0}to{opacity:1}}
.mz-gauge .lbls{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;font:600 13px var(--disp);color:var(--muted);text-align:center}
.mz-badge{display:inline-block;padding:5px 16px;border-radius:999px;font:700 16px var(--disp);color:#fff;margin-bottom:8px}
.t-green .mz-badge{background:#1E8F57}.t-yellow .mz-badge{background:#B8860B}.t-orange .mz-badge{background:#C96A12}.t-red .mz-badge{background:#C62B20}
.mz-res .lead{font-size:18px;margin:.3em 0 16px}.mz-box{background:var(--paper);border:1.5px solid var(--line);border-inline-start:5px solid var(--gold);padding:12px 16px;margin:10px 0}
.t-red .mz-box:first-of-type,.t-red .mz-cols .mz-box:first-child{border-inline-start-color:#D8352A}.mz-box b{display:block;font:700 16px var(--disp);margin-bottom:4px}.mz-box ul{margin:0;padding-inline-start:20px}.mz-box li{margin:3px 0}
.mz-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.mz-links a{margin-inline-end:12px}
.mz-sum textarea{width:100%;font:15px/1.8 var(--font);background:var(--paper);color:var(--ink);border:1.5px solid var(--line);padding:10px;resize:vertical}.mz-sum label{font-weight:700;display:block;margin:12px 0 4px}
.mz-note{font-size:14px;color:var(--muted);margin:16px 0 0;border-top:1px dashed var(--line);padding-top:10px}
.mz-guide{margin:34px 0}.mz-guide h2{font-size:clamp(22px,3vw,30px)}.mz-flags{columns:2 260px;padding-inline-start:20px}.mz-flags li{margin:6px 0;break-inside:avoid}
.mz-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:14px}.mz-legend div{padding:12px;color:#fff;text-align:center}.mz-legend b{display:block;font:700 18px var(--disp)}
.mz-legend .t-red{background:#C62B20}.mz-legend .t-orange{background:#C96A12}.mz-legend .t-yellow{background:#9C7A0A}.mz-legend .t-green{background:#1E8F57}
.mzcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.mzc{background:var(--card);border:1.5px solid var(--line);padding:14px 16px}.mzc h3{font-size:19px;margin:0 0 4px}.mzc p{margin:.2em 0 .6em;font-size:15px;color:var(--ink2)}.mzc ul{margin:4px 0 0;padding-inline-start:18px;font-size:14.5px}
@media (max-width:620px){.mz{padding:16px}.mz-qs li{flex-direction:column;align-items:stretch;gap:8px}.yn{justify-content:flex-start}}
.mz-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;background:var(--cover);color:#fff;padding:26px 28px;position:relative;overflow:hidden;border-bottom:5px solid var(--gold)}
.mz-cta::before{content:"";position:absolute;inset:0;background:var(--pat-gold) 0 0/64px 64px;opacity:.08;-webkit-mask:linear-gradient(90deg,#000,transparent 80%);mask:linear-gradient(90deg,#000,transparent 80%)}
.mz-cta>*{position:relative}.mz-cta h2{color:var(--gold-l);font-size:clamp(24px,3vw,32px);margin:0 0 6px}.mz-cta p{margin:0;color:#D3E0EA}
.mz-cta .g{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:26px}.mz-cta .g i{border-radius:4px}.mz-cta .btn{background:var(--gold-l);color:var(--cover);margin-top:12px}
@media (max-width:760px){.mz-cta{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mz-gauge .needle{animation:none}.mz-pick button{transition:none}}
/* ===== مفتاح السلوك ===== */
.bh-list{list-style:none;margin:0;padding:0}.bh-list li{border-bottom:1px dashed var(--line)}
.bh-ck{display:flex;gap:12px;align-items:flex-start;padding:12px 4px;cursor:pointer;line-height:1.7}
.bh-ck input{margin-top:7px;width:20px;height:20px;accent-color:var(--cover);flex:none}
.bh-ck:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.bh-alarm{background:#FDECEA;color:#7A1D15;border:2px solid #C62B20;border-radius:12px;padding:12px 14px;margin:0 0 14px;line-height:1.8}
[data-theme=dark] .bh-alarm{background:#3A1713;color:#FFD9D4}
.bh-causes{padding-inline-start:22px;margin:6px 0}.bh-causes li{margin:0 0 10px}.bh-causes span{color:var(--muted)}
.bh-tag{display:inline-block;background:var(--cover);color:var(--gold-l);font:600 12px var(--disp);padding:2px 10px;border-radius:999px}
.bh-causes li{display:block!important;padding:0!important;border:0!important}.bh-causes li span:not(.bh-tag){display:block;margin-top:3px}.bh-causes li br{display:none}
.hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.adm .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.adm .tabs button{border:2px solid var(--cover);background:var(--card);color:var(--ink);padding:9px 18px;font:700 16px var(--font);cursor:pointer;border-radius:3px}.adm .tabs button[aria-pressed=true]{background:var(--cover);color:var(--gold-l)}
.adm .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 20px}.adm .cardn{background:var(--card);border:1px solid var(--line,#ccd);padding:14px;border-radius:4px}.adm .cardn b{display:block;font:800 30px var(--disp)}.adm .cardn span{color:var(--muted);font-size:14px}
.adm table{width:100%;border-collapse:collapse;font-size:15px}.adm th,.adm td{text-align:start;padding:8px 10px;border-bottom:1px solid var(--line,#ccd);vertical-align:top}.adm td.em{direction:ltr;text-align:right;word-break:break-all}
.adm .bars{display:flex;align-items:flex-end;gap:3px;height:90px;margin:8px 0 20px}.adm .bars i{flex:1;background:var(--gold);min-height:2px;border-radius:2px 2px 0 0}
.adm .row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;align-items:center}.adm .row input{border:2px solid var(--cover);background:var(--card);color:var(--ink);padding:9px 12px;font:600 15px var(--font);border-radius:3px;min-width:200px}
.adm .sm{border:2px solid var(--cover);background:transparent;color:var(--ink);padding:5px 12px;font:700 14px var(--font);cursor:pointer;border-radius:3px}.adm .sm.ok{background:#1d7a52;color:#fff;border-color:#1d7a52}.adm .sm.no{background:#a93a2c;color:#fff;border-color:#a93a2c}
.adm .cl{border:1px solid var(--line,#ccd);background:var(--card);padding:14px;border-radius:4px;margin:0 0 12px}.adm .cl p{margin:3px 0}