/* السمات: أزرق (افتراضي) ووردي، وتتطور بالرتبة (data-stage 1..3). الألوان كلها متغيرات فتتبع الوضع الداكن. */
:root{--onpen:#17224D;--accent2:#1E8E5A}
html[data-theme=rose]{--paper:#FCF5F9;--ink:#4A1B52;--ink2:#7B5683;--line:#E8D4E6;--pencil:#E75C93;--onpen:#2A0F2F;--grid:rgba(74,27,82,.05);--accent2:#B83280}
@media (prefers-color-scheme: dark){
  html[data-theme=rose]{--paper:#26102C;--card:#35183D;--ink:#F9E9F7;--ink2:#D3A9D9;--line:#5B2F66;--pencil:#FF8FB8;--onpen:#2A0F2F;--grid:rgba(249,233,247,.05)}
}
.btn.pencil{color:var(--onpen);border-color:var(--ink)}
.meter>i{transition:width .6s ease}
@media (prefers-reduced-motion:reduce){.meter>i{transition:none}}

/* تطور السمة مع الرتبة */
html[data-stage="2"] .topbar{border-bottom:3px solid var(--pencil)}
html[data-stage="2"] body{background-size:22px 22px}
html[data-stage="3"] .topbar{border-bottom:3px solid var(--pencil);background:linear-gradient(90deg,rgba(242,183,5,.18),transparent)}
html[data-theme=rose][data-stage="3"] .topbar{background:linear-gradient(90deg,rgba(231,92,147,.2),transparent)}
html[data-stage="3"] .brand i{box-shadow:0 0 0 4px var(--pencil)}
html[data-stage="3"] body{background-image:radial-gradient(var(--grid) 1.4px,transparent 1.4px);background-size:20px 20px}

.topbar .tools{display:flex;align-items:center;gap:6px}
.iconbtn{background:none;border:1.5px solid var(--line);border-radius:10px;min-height:38px;padding:2px 10px;cursor:pointer;font-weight:600}
.iconbtn:hover{border-color:var(--ink)}
.menu{position:absolute;inset-inline-end:16px;top:54px;background:var(--card);border:1.5px solid var(--ink);border-radius:12px;padding:8px;z-index:20;min-width:200px}
.menu button{display:block;width:100%;text-align:start;background:none;border:0;padding:8px 10px;border-radius:8px;cursor:pointer}
.menu button[aria-checked=true]{background:rgba(242,183,5,.2);font-weight:700}

/* مدرّب وبطاقات الرئيسية */
.coach{border:2px solid var(--pencil);background:rgba(242,183,5,.12);border-radius:14px;padding:12px 16px;margin:12px 0;display:flex;gap:12px;align-items:center}
html[data-theme=rose] .coach{background:rgba(231,92,147,.1)}
.coach b{display:block}
.ringbox{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ring{position:relative;width:132px;height:132px;flex:none}
.ring svg{transform:rotate(90deg) scaleX(-1);width:100%;height:100%}
.ring circle{fill:none;stroke-width:12}
.ring .bg{stroke:var(--line)}
.ring .fg{stroke:var(--pencil);stroke-linecap:round;transition:stroke-dashoffset .8s ease}
.ring .lbl{position:absolute;inset:0;display:grid;place-items:center;text-align:center;line-height:1.2}
.ring .lbl b{font-size:2rem;font-variant-numeric:tabular-nums}
.ring .lbl span{font-size:.75rem;color:var(--ink2)}
.formula{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}
.formula .t{border:1.5px solid var(--line);border-radius:10px;padding:4px 12px;text-align:center}
.formula .t b{display:block;font-variant-numeric:tabular-nums}
.loss{color:var(--bad);font-weight:700}
.bars14{display:flex;justify-content:center;align-items:flex-end;gap:4px;height:90px;margin:10px 0 4px}
.bars14 div{flex:0 1 32px;background:var(--pencil);border-radius:4px 4px 0 0;min-height:3px;opacity:.9}
.bars14 div.off{background:var(--line)}
.bars14 div.dim{opacity:.35}
.axis{display:flex;justify-content:space-between;color:var(--ink2);font-size:.78rem}
.badges{display:flex;flex-wrap:wrap;gap:8px}
.bdg{border:2px solid var(--pencil);border-radius:12px;padding:6px 12px;background:rgba(242,183,5,.12);font-weight:700;font-size:.9rem}
.bdg small{display:block;font-weight:400;color:var(--ink2)}
.xpbar{margin-top:6px}

/* الاختبار الكامل */
.opt{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.opt button{border:1.5px solid var(--line);background:var(--card);border-radius:12px;padding:12px;text-align:start;cursor:pointer;min-height:64px}
.opt button[aria-checked=true]{border-color:var(--ink);background:rgba(242,183,5,.18);box-shadow:inset 0 0 0 1.5px var(--ink)}
.opt small{display:block;color:var(--ink2)}
.exhead{position:sticky;top:0;z-index:6;background:var(--paper);padding:8px 0;border-bottom:1.5px solid var(--line)}
.clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.3rem;direction:ltr}
.clock.warn{color:var(--bad)}
.navgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:8px 0}
.navgrid button{min-height:38px;border-radius:8px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;font-weight:700;font-variant-numeric:tabular-nums;padding:0}
.navgrid button.ans{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.navgrid button.cur{outline:3px solid var(--pencil);outline-offset:1px}
.navgrid button{min-height:34px;font-size:.8rem}
.modal{position:fixed;inset:0;background:rgba(10,14,40,.55);display:grid;place-items:center;z-index:40;padding:16px}
.modal .box{background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:20px;max-width:420px;width:100%}

/* النتيجة والاحتفال */
.hero{text-align:center;border:2px solid var(--pencil);border-radius:18px;padding:22px 16px;margin:12px 0;background:var(--card);position:relative;overflow:hidden}
.hero .big{font-size:2.6rem;font-weight:800;line-height:1.3}
.hero .score{font-size:1.2rem;font-variant-numeric:tabular-nums}
.hero.t3{background:linear-gradient(180deg,rgba(242,183,5,.28),var(--card))}
html[data-theme=rose] .hero.t3{background:linear-gradient(180deg,rgba(231,92,147,.25),var(--card))}
.hero.t2,.hero.t1{background:linear-gradient(180deg,rgba(242,183,5,.14),var(--card))}
@media (prefers-reduced-motion:no-preference){.hero.t3 .big,.hero.t2 .big{animation:pop .7s ease-out}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:50;width:100%;height:100%}
.weak{border-inline-start:5px solid var(--bad);padding-inline-start:12px}
.vid{display:flex;gap:8px;align-items:center;padding:6px 0}
.stars{color:var(--pencil);letter-spacing:1px}
.tag{display:inline-block;font-size:.78rem;padding:0 8px;border-radius:99px;background:var(--bad-bg);color:var(--bad);font-weight:700}
.tag.new{background:var(--good-bg);color:var(--good)}

/* الإدارة */
.admtbl{font-size:.82rem}
.admtbl td,.admtbl th{white-space:nowrap}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.kpis .stat b{font-size:1.4rem}
textarea{width:100%;min-height:180px;padding:11px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font:inherit;color:inherit;resize:vertical}
.item{border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0;background:var(--card)}
.item.dup{border-color:var(--pencil);background:rgba(242,183,5,.1)}
.item.pub{opacity:.6}
.item input,.item select{margin:3px 0}

/* التصنيف والتغذية الراجعة */
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.ttag{font-size:.78rem;padding:1px 10px;border-radius:99px;border:1.5px solid var(--line);color:var(--ink2);background:var(--paper)}
.fb{margin-top:12px}
.fbline{margin:6px 0;padding:8px 12px;border-radius:10px;background:rgba(242,183,5,.14);border-inline-start:4px solid var(--pencil)}
html[data-theme=rose] .fbline{background:rgba(231,92,147,.1)}
.twin{margin-top:10px}

/* الملف الشخصي */
.profile{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;margin:10px 0;position:relative;overflow:hidden}
.profile::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--r1,#4F8CFF),var(--r2,#7B5CFF))}
.avatar{flex:none;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--r1,#4F8CFF),var(--r2,#7B5CFF));box-shadow:0 4px 14px rgba(79,140,255,.35)}
.pinfo{flex:1;min-width:170px}
.pname{font-size:1.2rem;display:block}
.rankchip{display:inline-block;font-size:.8rem;font-weight:700;padding:1px 10px;border-radius:99px;background:rgba(242,183,5,.2);border:1.5px solid var(--pencil);margin:2px 0}
.plines{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.88rem;margin-top:4px}
.plines i{font-style:normal;color:var(--ink2);margin-inline-end:4px}

/* الترحيب */
.welcome{display:flex;gap:10px;align-items:center;justify-content:space-between;border-radius:16px;padding:12px 16px;margin:10px 0;color:#fff;background:linear-gradient(120deg,var(--r1,#4F8CFF),var(--r2,#7B5CFF));box-shadow:0 6px 18px rgba(80,90,200,.3);transition:opacity .8s}
.welcome b{display:block;font-size:1.15rem}
.welcome span{opacity:.95}
.welcome .iconbtn{color:#fff;border-color:rgba(255,255,255,.6)}
.welcome.fade{opacity:0}

/* دوائر الأقسام */
:root{--r1:#4F8CFF;--r2:#7B5CFF;--q1:#3F8CFF;--q2:#7B5CFF;--v1:#FFB020;--v2:#FF5C7A}
html[data-theme=rose]{--r1:#C06CFF;--r2:#FF6FA5;--q1:#B36BFF;--q2:#FF6FA5;--v1:#FF8FB8;--v2:#FFB45E}
.secs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.seccard{background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:12px 8px 12px;text-align:center;position:relative;overflow:hidden}
.seccard h2{margin:.1em 0 .2em;font-size:1.05rem}
.seccard.sq{--r1:var(--q1);--r2:var(--q2)}
.seccard.sv{--r1:var(--v1);--r2:var(--v2)}
.seccard::after{content:"";position:absolute;inset:auto -30% -45% -30%;height:60%;background:radial-gradient(closest-side,var(--r1),transparent);opacity:.12;pointer-events:none}
.sring{position:relative;width:min(100%,170px);aspect-ratio:1;margin:4px auto}
.sring svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--r1) 45%,transparent))}
.sring .trk,.sring .trk2{fill:none;stroke:var(--line)}
.sring .trk{stroke-width:10}.sring .trk2{stroke-width:4}
.sring .arc,.sring .arc2{fill:none;stroke-linecap:round}
.sring .arc{stroke-width:10}
.sring .arc2{stroke-width:4;stroke:var(--r2);opacity:.55}
@media (prefers-reduced-motion:no-preference){.sring .arc,.sring .arc2{transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}}
.sring .tk{stroke:var(--line);stroke-width:1.6;stroke-linecap:round}
.sring .tk.on{stroke:var(--r1)}
.sring .mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}
.sring .mid b{font-size:2.15rem;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--r1),var(--r2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sring .mid span{font-size:.9rem;color:var(--ink2);margin-top:-2px}
.sring .mid small{font-size:.72rem;color:var(--ink2);margin-top:3px;letter-spacing:.04em}
.praise{font-size:.88rem;line-height:1.7;margin:6px 6px;min-height:4.4em}
.mini{display:flex;justify-content:center;gap:12px;font-size:.78rem;color:var(--ink2)}
.mini b{color:var(--ink);font-size:.95rem}
.seccard .btn{min-height:40px;padding:6px 14px;font-size:.9rem}
@media (max-width:420px){.seccard .btn{padding:6px 10px}.praise{font-size:.82rem}}

/* الاستراحة */
.brkicon{width:72px;height:72px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7,transparent 40%),linear-gradient(135deg,var(--r1),var(--r2));box-shadow:0 0 0 8px color-mix(in srgb,var(--r1) 18%,transparent)}
@media (prefers-reduced-motion:no-preference){.brkicon{animation:breathe 4s ease-in-out infinite}}
@keyframes breathe{0%,100%{transform:scale(.92)}50%{transform:scale(1.08)}}

/* سمات إضافية */
html[data-theme=emerald]{--paper:#F2F8F5;--ink:#0F3D2E;--ink2:#47705F;--line:#D3E6DD;--pencil:#19A974;--onpen:#04251A;--grid:rgba(15,61,46,.05);--r1:#19A974;--r2:#2FBFD0;--q1:#19A974;--q2:#2FBFD0;--v1:#F4B63C;--v2:#E8704A}
html[data-theme=sunset]{--paper:#FFF7F1;--ink:#4A2312;--ink2:#85563F;--line:#EBD8CC;--pencil:#FF7A3D;--onpen:#2B1005;--grid:rgba(74,35,18,.05);--r1:#FF8A3D;--r2:#E5446D;--q1:#FF8A3D;--q2:#E5446D;--v1:#FFC24D;--v2:#FF7A3D}
html[data-theme=ocean]{--paper:#F0F7FB;--ink:#0B3550;--ink2:#4B7389;--line:#CFE3EE;--pencil:#1FA2D6;--onpen:#052233;--grid:rgba(11,53,80,.05);--r1:#1FA2D6;--r2:#3D5AFE;--q1:#1FA2D6;--q2:#3D5AFE;--v1:#2ED1B6;--v2:#1FA2D6}
html[data-theme=royal]{--paper:#F7F5FC;--ink:#2B2150;--ink2:#6B6394;--line:#DDD8EE;--pencil:#D9A400;--onpen:#231A00;--grid:rgba(43,33,80,.05);--r1:#8B5CF6;--r2:#D9A400;--q1:#8B5CF6;--q2:#5B8CFF;--v1:#D9A400;--v2:#F0742F}
@media (prefers-color-scheme: dark){
  html[data-theme=emerald]{--paper:#0C1A15;--card:#14281F;--ink:#E3F5EC;--ink2:#9CC7B4;--line:#254A3B;--grid:rgba(227,245,236,.05)}
  html[data-theme=sunset]{--paper:#1F1209;--card:#2E1C10;--ink:#FDEBDD;--ink2:#D9A98A;--line:#55331F;--grid:rgba(253,235,221,.05)}
  html[data-theme=ocean]{--paper:#08202E;--card:#0F3145;--ink:#E3F3FB;--ink2:#90BCD2;--line:#1E4B66;--grid:rgba(227,243,251,.05)}
  html[data-theme=royal]{--paper:#17112E;--card:#231A45;--ink:#EEEAFB;--ink2:#B3A9DB;--line:#3E3370;--grid:rgba(238,234,251,.05)}
}
.menu h4{margin:6px 10px 2px;font-size:.8rem;color:var(--ink2);font-weight:600}
.menu .sw{display:inline-block;width:14px;height:14px;border-radius:50%;margin-inline-end:8px;vertical-align:-2px;border:1.5px solid var(--ink2)}
.menu{max-height:70vh;overflow:auto}
html[data-fs="2"] body{font-size:19px}
html[data-fs="3"] body{font-size:21px}

/* الرئيسية بلوحة جانبية */
.wrap.wide{max-width:1060px}
.homegrid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 18px}
@media (min-width:900px){
  .homegrid{grid-template-columns:minmax(0,1fr) 310px}
  .hg-top{grid-column:1/-1}
  .hg-side{position:sticky;top:12px;align-self:start}
  .side-d>summary{pointer-events:none}
  .side-d>summary::after{display:none}
}
.side-d{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:4px 14px;margin:10px 0}
.side-d>summary{font-weight:800;cursor:pointer;padding:10px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px}
.side-d>summary::-webkit-details-marker{display:none}
.side-d>summary::after{content:"▾";color:var(--ink2)}
.side-d[open]>summary::after{content:"▴"}
.sbox{border-top:1px solid var(--line);padding:10px 0}
.nextx{display:flex;gap:12px;align-items:center}
.days{flex:none;width:68px;height:68px;border-radius:16px;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,var(--r1),var(--r2));line-height:1.1}
.days b{font-size:1.7rem;font-variant-numeric:tabular-nums}
.days small{font-size:.7rem}
.chip2{display:inline-block;font-size:.74rem;font-weight:700;padding:0 8px;border-radius:99px;border:1.5px solid var(--line);margin-inline-end:4px;background:var(--paper)}
.chip2.pc{border-color:#1FA2D6;color:#1FA2D6}
.chip2.pp{border-color:var(--pencil)}
.srow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-top:1px dashed var(--line);font-size:.9rem}
.srow:first-of-type{border-top:0}
.srow .btn{min-height:34px;padding:3px 12px;font-size:.82rem;border-width:1.5px}
.predict{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:.88rem}
.predict input{width:70px;padding:5px 8px}
.rate{display:flex;gap:6px;margin:4px 0 8px}
.rate button{flex:1;min-height:38px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;font-weight:700}
.rate button[aria-checked=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.modal .box{max-height:90vh;overflow:auto}
.modal .box.wide{max-width:480px}

/* العدّاد التنازلي الهادئ والاستبيان السريع */
.cdline{display:flex;gap:12px;align-items:center;background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:10px 14px;margin:10px 0;box-shadow:0 3px 0 var(--ink)}
.cdline .cdnum{flex:none;min-width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));color:#fff}
.cdline b{display:block}.cdline span:not(.cdnum){font-size:.92rem;color:var(--muted);line-height:1.6}
.cdmsg{margin:8px 0 0;font-size:.92rem;line-height:1.7;color:var(--ink)}
.survey{background:color-mix(in srgb,var(--accent) 9%,var(--card));border-radius:12px}
.chks{display:grid;gap:4px;margin:8px 0}.chk{display:flex;gap:8px;align-items:center;font-size:.92rem;min-height:32px}
.chk input{width:18px;height:18px}

.sechead{display:inline-flex;align-items:center;gap:8px;justify-content:center}
.sico.q{color:var(--q1)}.sico.v{color:var(--v1)}
.seccard .btn .sico{color:currentColor;margin-inline-end:2px}
.opt button .scopeico{display:block;margin-bottom:4px}
.opt button[aria-checked=true] .sico{color:inherit}

.lg{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lg li{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card)}
.lg li.me{border-color:var(--ink);background:rgba(242,183,5,.16)}
.lg .rk{width:30px;height:30px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font-weight:800;font-size:.9rem}
.lg li:nth-child(1) .rk{background:var(--pencil);color:#17224D}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:40px;padding:6px 14px;border-radius:999px;border:2px solid var(--line);background:var(--paper);cursor:pointer}
.chip:hover{border-color:var(--ink)}

.dropz{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 14px;border:2px dashed var(--line,#c9ced8);border-radius:14px;text-align:center;cursor:pointer;transition:.15s}
.dropz:hover,.dropz.on{border-color:var(--brand,#2f6fed);background:rgba(47,111,237,.06)}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.stats3>div{background:rgba(127,127,127,.08);border-radius:12px;padding:10px;text-align:center}
.stats3 b{display:block;font-size:1.7rem;line-height:1.1}
.stats3 span{font-size:.8rem;opacity:.75}
.stbar{padding:9px 12px;border-radius:10px;font-weight:700;margin-bottom:10px}
.stbar.ok{background:var(--good-bg);color:var(--good)}
.stbar.bad{background:var(--bad-bg);color:var(--bad)}

.disc{margin:22px 0 8px;font-size:.74rem;line-height:1.7;color:var(--ink2);text-align:center;opacity:.85;border-top:1px solid var(--line);padding-top:10px}
.ql-v{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.8rem;font-weight:700;border:1px solid var(--line)}
.ql-good{background:#dff5e6;color:#0b5a2a;border-color:#9bd9b0}.ql-ok{background:#fff3cf;color:#6b4c00;border-color:#ecd78b}.ql-bad{background:#fde1e1;color:#8a1212;border-color:#f0a8a8}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ql-good{background:#14391f;color:#a6f0be}:root:not([data-theme=light]) .ql-ok{background:#3d3209;color:#f5df97}:root:not([data-theme=light]) .ql-bad{background:#4a1616;color:#ffb8b8}}
.ql-tbl td,.ql-tbl th{text-align:center;padding:6px 8px}.ql-tbl td:first-child,.ql-tbl th:first-child{text-align:right}
.ql-c.z{background:#fde1e1;color:#8a1212;font-weight:700}.ql-c.lo{background:#fff3cf;color:#6b4c00}.ql-c.ok{background:#dff5e6;color:#0b5a2a}
.ql-key{font-weight:700;text-decoration:underline}.ql-g{color:#0b5a2a}.ql-r{color:#8a1212}
.ql-warn{border:1px dashed var(--line);border-radius:10px;padding:10px;font-size:.9rem;background:rgba(255,200,0,.08)}
.ql-it{margin-top:10px}
.adm-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0;padding:8px 10px;border:1.5px dashed var(--line);border-radius:14px}
.adm-bar .btn{min-height:40px}

/* ---- لوحة الإدارة بالأقسام (sections.js) وبلاغات المراجعة (qflags.js) */
.sec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:10px 0}
.sec-card{display:block;text-align:right;background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;cursor:pointer;box-shadow:var(--shadow-1,none);transition:transform .12s,border-color .12s}
.sec-card:hover,.sec-card:focus-visible{border-color:var(--accent,#3B4BC8);transform:translateY(-2px);outline:none}
.sec-card:focus-visible{outline:3px solid var(--accent,#3B4BC8);outline-offset:2px}
.sec-card h3{margin:6px 0 2px;font-size:1.1rem}
.sec-card p{margin:0 0 8px}
.sec-gen{border-style:dashed}
.sec-ic{font-size:1.8rem;line-height:1}
.sec-sts{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 10px}
.sec-st{display:flex;flex-direction:column;line-height:1.15}
.sec-st b{font-size:1.2rem}
.sec-st small{color:var(--ink2);font-size:.78rem}
.sec-flag{margin-top:8px;padding:4px 8px;border-radius:8px;background:var(--bad-bg);color:var(--bad);font-size:.85rem;font-weight:700}
.sec-badge{display:inline-block;min-width:18px;padding:0 6px;border-radius:99px;background:var(--bad);color:#fff;font-size:.75rem;font-weight:700;text-align:center}
.sec-nav{flex-wrap:wrap}
.sec-sub{flex-wrap:wrap;margin-bottom:8px}
.sec-row{display:flex;align-items:center;gap:10px;margin:6px 0}
.sec-kp{cursor:pointer;font:inherit;color:inherit}
.sec-kp:hover{border-color:var(--accent,#3B4BC8)}
.qf-card .passage{margin:4px 0}
@media (max-width:560px){.sec-grid{grid-template-columns:1fr}.sec-row{flex-wrap:wrap}}

/* طباعة المحدد من «بحث وتقدير الصعوبة» */
.qs-print{display:none}
@media print{
  body.qs-printing > *:not(.qs-print){display:none!important}
  .qs-print{display:block!important;padding:12px;color:#000;background:#fff}
  .qs-print .qsp{margin:8px 0;padding-bottom:6px;border-bottom:1px solid #ccc;page-break-inside:avoid}
}