/* برومتز — ثلاثة ألوان فقط: ورقي، نيلي، زعفراني. والباقي مشتق منها. */
/* خط العناوين: Lemonada 600 مقصوص ومستضاف ذاتيًا (OFL). optional = ما فيه تبديل خط بعد الرسم، فما فيه CLS */
@font-face{font-family:"Lemonada";src:url(/assets/head.1b30a6a7b6.woff2) format("woff2");font-weight:600;font-style:normal;font-display:optional;
  unicode-range:U+0020-007E,U+00A0,U+00B7,U+060C,U+061B,U+061F,U+0621-063A,U+0640-0652,U+0660-0669,U+0670,U+200C-200D,U+2013-2014,U+2026,U+00AB,U+00BB}
/* بديل مضبوط المقاييس: لو الخط ما وصل بالوقت، Noto Kufi يتكبّر/يتضيّق ليقارب عرض Lemonada وارتفاع سطره */
@font-face{font-family:"Lemonada Fallback";src:local("Noto Kufi Arabic"),local("NotoKufiArabic-Regular"),local("NotoKufiArabic-SemiBold");
  size-adjust:120.9%;ascent-override:111.3%;descent-override:54%;line-gap-override:0%}
:root{
  --paper:#F7F1E3; --ink:#1C2541; --saffron:#E0A526;
  --muted:#595E6E;      /* 72% نيلي على الورقي — تباين 5.9:1 */
  --line:#D0CCC6;       /* 18% نيلي */
  --tint:#F2E2BD;       /* 20% زعفراني — تظليل الفراغ */
  --on-saffron:#1C2541;
  --body:"Noto Naskh Arabic","Geeza Pro","Traditional Arabic",system-ui,serif;
  --head:"Lemonada","Lemonada Fallback","Noto Kufi Arabic",var(--body);
  --r:6px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#1C2541; --ink:#F7F1E3;
    --muted:#BAB8B6; --line:#434A5E; --tint:#47413B;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.85;
  overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}
img,svg{max-width:100%}
a{color:inherit;text-underline-offset:.3em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:3px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.h{font-family:var(--head);font-weight:600;letter-spacing:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--muted)}
.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:16px}
@media (min-width:720px){.wrap{padding-inline:28px}}
.ic{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.skip{position:absolute;inset-inline-start:8px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:var(--r);z-index:9}
.skip:focus{top:8px}

/* ---------- header / footer */
.top{border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:44px}
.logo-i{width:30px;height:30px}
.i-ink{fill:var(--ink)} .i-paper{fill:var(--paper)}
.i-saf{stroke:var(--saffron);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.1 3.6;fill:none}
.logo-t{font-size:1.5rem;line-height:1}
.nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:10px;text-decoration:none;font-size:.95rem;border-radius:var(--r)}
.nav a:hover{text-decoration:underline}
.foot{border-top:1px solid var(--line);margin-top:72px}
.foot-in{padding-block:28px;font-size:.95rem}
.foot p{margin:0 0 4px}

/* ---------- hero: a ruled worksheet strip */
.hero{border-bottom:3px double var(--line)}
.hero .wrap{padding-block:36px 30px}
.hero-t{font-size:clamp(1.8rem,7.2vw,3.3rem);line-height:1.5;margin:0}
.hero-b{display:inline-block;padding:0 .25em 0 .06em;background:var(--tint);border-bottom:3px dotted var(--saffron);line-height:1.15}
.hero-s{margin:14px 0 0;max-width:36em;font-size:1.15rem;line-height:1.9}

/* ---------- sections */
.sec{font-size:1.35rem;margin:40px 0 14px;line-height:1.4}
.day .sec{margin-top:32px}
.day-box{min-height:260px}

/* ---------- prompt cards */
.pc{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 18px 16px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--paper);text-decoration:none;box-shadow:3px 3px 0 var(--line);transition:transform .15s,box-shadow .15s,border-color .15s}
.pc:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--line);border-color:var(--ink);text-decoration:none}
.pc-cat{font-size:.85rem;color:var(--muted)}
.pc-t{font-family:var(--body);font-weight:700;font-size:1.06rem;line-height:1.6;margin:0}
.pc-line{font-size:.97rem;line-height:2.15;color:var(--muted);margin-top:auto}
.b{display:inline;padding:.08em .35em .08em .2em;background:var(--tint);border-bottom:2px dotted var(--saffron);color:var(--muted);
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.b.f{background:transparent;border-bottom:2px solid var(--ink);color:var(--ink);font-weight:700}
.pc-day{padding:24px 22px;gap:10px}
.pc-day .pc-t{font-family:var(--head);font-weight:600;font-size:clamp(1.12rem,3.9vw,1.5rem);line-height:1.6}
.pc-day .pc-line{font-size:1.1rem;color:var(--ink);margin-top:0}
.pc-rule{display:block;height:1px;background:var(--line);margin:6px 0}
.pc-ex{color:var(--muted);font-size:.95rem;line-height:1.85}
.pc-go{display:inline-flex;align-items:center;gap:6px;font-weight:700;margin-top:4px;min-height:44px}

/* ---------- library tools */
.tools{display:flex;flex-direction:column;gap:14px}
.search{position:relative;display:block}
.search .ic{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.search input{width:100%;min-height:52px;padding:10px 46px 10px 14px;border:1.5px solid var(--ink);border-radius:var(--r);background:var(--paper);font-size:1.05rem}
.search input::placeholder{color:var(--muted)}
.search input::-webkit-search-cancel-button{cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:.95rem;line-height:1.3}
.chip span{color:var(--muted);font-size:.85em;margin-inline-start:2px}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip[aria-pressed="true"] span{color:inherit;opacity:.8}
.count{margin:18px 0 10px;color:var(--muted);font-size:.95rem}
.grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.cell[hidden],.grp[hidden]{display:none}
.grp .pc-cat{display:none} /* التصنيف ظاهر في عنوان المجموعة */
.grp{margin-top:22px}
.grp:first-child{margin-top:8px}
.grp-t{font-size:1.15rem;line-height:1.5;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.more{display:none;align-items:center;gap:6px;min-height:44px;margin-top:8px;font-weight:700;width:max-content;max-width:100%}
.more .ic{transform:none}
.collapsed .more{display:inline-flex}
.collapsed .x3{display:none}
@media (max-width:719px){.collapsed .x2{display:none}}
.empty{padding:28px 0;color:var(--muted)}

/* ---------- prompt page */
.pg{padding-top:8px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:.92rem;color:var(--muted)}
.crumbs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding-inline:4px}
.pg-t{font-size:clamp(1.3rem,4.9vw,2.1rem);line-height:1.6;margin:4px 0 8px;max-width:30em}
.lead{font-size:1.12rem;color:var(--muted);margin:0 0 22px;max-width:40em}
.sheet-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:10px}
.hint{margin:0;font-size:.95rem;color:var(--muted);flex:1 1 12em}
.clr{min-height:44px;padding:6px 12px;border:1px dashed var(--muted);border-radius:var(--r);background:transparent;font-size:.9rem;color:var(--ink)}
.clr:hover{border-style:solid}
.segs{display:inline-flex;flex-wrap:wrap;border:1px solid var(--ink);border-radius:var(--r);overflow:hidden}
.seg{min-height:44px;padding:6px 14px;border:0;background:transparent;font-size:.93rem}
.seg+.seg{border-inline-start:1px solid var(--ink)}
.seg[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

.sheet{border:1px solid var(--line);border-radius:var(--r);padding:18px 16px;box-shadow:3px 3px 0 var(--line);
  font-size:1.08rem;line-height:2.55}
@media (min-width:720px){.sheet{padding:26px 30px}}
.ln{margin:0 0 6px}
.ln b{font-weight:700}
.ln-style{color:var(--muted);border-top:1px dashed var(--line);padding-top:6px;margin-top:8px;line-height:2.1}
.blank{display:inline-block;vertical-align:baseline;max-width:100%;min-width:5ch;height:2.75rem;margin:0;margin-inline-start:.15em;padding:0 .45em;
  border:0;border-bottom:2px dotted var(--saffron);border-radius:3px 3px 0 0;background:var(--tint);color:var(--ink);
  font-size:1em;line-height:2.75rem;field-sizing:content}
.blank::placeholder{color:var(--muted);opacity:1}
.blank:focus{outline:none;border-bottom:2px solid var(--saffron);box-shadow:0 2px 0 var(--saffron)}
.blank:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.blank.f{background:transparent;border-bottom:2px solid var(--ink);font-weight:700}
select.blank{appearance:none;-webkit-appearance:none;padding-inline-end:1.7em;cursor:pointer;color:var(--muted);text-overflow:ellipsis;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(-45deg,transparent 50%,currentColor 50%);
  background-size:5px 5px,5px 5px;background-position:left .7em center,left calc(.7em + 5px) center;background-repeat:no-repeat;background-color:var(--tint)}
select.blank.f{color:var(--ink);background-color:transparent}
select.blank option{color:#1C2541;background:#F7F1E3}
.ln-long{margin:6px 0 12px;line-height:1.6}
.long-l{display:block;font-weight:700;font-size:.97rem;margin-bottom:6px}
.blank-long{display:block;width:100%;min-height:7.5rem;padding:12px 14px;border:0;border-bottom:2px dotted var(--saffron);border-radius:var(--r) var(--r) 0 0;
  background:var(--tint);color:var(--ink);line-height:1.8;resize:vertical}
.blank-long::placeholder{color:var(--muted);opacity:1}
.blank-long:focus{outline:none;border-bottom-style:solid}
.blank-long:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.blank-long.f{background:transparent;border:1px solid var(--line);border-bottom:2px solid var(--ink)}
.blank.nudge,.blank-long.nudge{animation:nudge .45s}
@keyframes nudge{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;
  padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}
.left{margin:0;font-size:.95rem;color:var(--muted)}
.left.ok{color:var(--ink);font-weight:700}
.copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:132px;padding:8px 22px;border:0;border-radius:var(--r);
  background:var(--saffron);color:var(--on-saffron);font-weight:700;font-size:1.05rem;transition:opacity .15s}
.copy[aria-disabled="true"]{opacity:.42;cursor:not-allowed}
.acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;margin-top:12px}
.act{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 14px;border:1px solid var(--ink);border-radius:var(--r);
  background:transparent;text-decoration:none;font-size:.97rem;text-align:center;line-height:1.4}
.act:hover{background:var(--ink);color:var(--paper);text-decoration:none}
.act[aria-disabled="true"]{opacity:.5}

.ex{margin-top:26px;border:1px solid var(--line);border-radius:var(--r)}
.ex summary{cursor:pointer;min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 16px;font-weight:700;list-style:none}
.ex summary::-webkit-details-marker{display:none}
.ex summary::before{content:"";width:9px;height:9px;border-inline-start:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s;flex:none}
.ex[open] summary::before{transform:rotate(-135deg)}
.ex-in{padding:0 16px 16px}
.ex-note{margin:0 0 10px;font-size:.9rem;color:var(--muted)}
.md{line-height:1.95}
.md p{margin:0 0 12px}
.md ul,.md ol{margin:0 0 12px;padding-inline-start:1.4em}
.md ul.ck{list-style:none;padding-inline-start:0}
.md ul.ck li::before{content:"☐ ";color:var(--muted)}
.tbl{overflow-x:auto;margin:0 0 14px;border:1px solid var(--line);border-radius:var(--r)}
.tbl table{border-collapse:collapse;width:100%;min-width:460px;font-size:.94rem;line-height:1.7}
.tbl th,.tbl td{padding:8px 10px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:normal}
.tbl th{font-weight:700;border-bottom:1.5px solid var(--ink)}
.tbl tr:last-child td{border-bottom:0}

.card{margin:0;max-width:640px;padding:26px 24px 18px;border:1px solid var(--ink);border-radius:var(--r);box-shadow:5px 5px 0 var(--ink)}
.card-cat{margin:0 0 6px;font-size:.88rem;color:var(--muted)}
.card-line{margin:0;font-size:1.2rem;line-height:2.2}
.card hr{border:0;border-top:1px solid var(--line);margin:16px 0 12px}
.card-ex{margin:0;color:var(--muted);font-size:.97rem;line-height:1.9}
.card figcaption{margin-top:16px;font-size:.88rem;color:var(--muted)}
.card figcaption .h{color:var(--ink);font-size:1rem}

.net{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font-size:.97rem}
.net p{margin:0 0 6px}
.net a{display:inline-block;padding-block:10px}
.note{margin-top:14px;padding:12px 16px;border-inline-start:3px solid var(--ink);background:transparent;font-size:.95rem;line-height:1.85}
.rel .grid{margin-top:4px}

.prose{max-width:760px}
.prose p{margin:0 0 14px}
.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700}
.nf{padding-top:40px}

.toast{position:fixed;inset-inline:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;width:max-content;max-width:calc(100% - 32px);margin-inline:auto;
  padding:10px 18px;border-radius:var(--r);background:var(--ink);color:var(--paper);font-weight:700;text-align:center;
  opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}
.toast.on{opacity:1;transform:none}
/* v2.1: الحزم الموسمية، صفحات التصنيفات، شارة الصورة */
.packs{display:none}
.packs.on{display:block;margin-top:24px}
.pack[hidden]{display:none}
.pack{border:1px solid var(--line);border-inline-start:4px solid var(--ink);padding:14px 16px 6px;margin-bottom:12px;background:var(--paper)}
.pack-t{font-size:1.15rem;line-height:1.5;margin:0}
.pack-s{margin:2px 0 6px;color:var(--muted);font-size:.95rem}
.pack-l{list-style:none;margin:0;padding:0}
.pack-l a{display:block;padding:10px 0;min-height:44px;border-top:1px dashed var(--line)}
.pack-l li:first-child a{border-top:0}
a.chip{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.chip[aria-current="page"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip[aria-current="page"] span{color:inherit;opacity:.8}
.res[hidden],.lib-in[hidden]{display:none}
.pc-k{display:inline-block;margin-inline-start:6px;padding:0 6px;border:1px solid currentColor;border-radius:4px;font-size:.8em;line-height:1.5}
.cat-pg .tools{margin:8px 0 18px}
.cat-grid{margin-top:8px}
.ex-img{display:block;max-width:100%;height:auto;margin:0 0 12px;border:1px solid var(--line)}
.pack-l a{line-height:1.6;padding:8px 0}
@media (max-width:719px){.pack{padding:12px 14px 4px}.pack-s{display:none}.pack-l li:nth-child(n+4):not(.pk-x){display:none}}
/* ================= v3: أسهل للجوال — تصنيفات واضحة، كروت موحّدة، خطوات مرقّمة ================= */
.hero .wrap{padding-block:26px 22px}
.hero-t{font-size:clamp(1.6rem,6.6vw,3rem);line-height:1.45}
.hero-s{margin-top:8px;font-size:1.05rem;line-height:1.8}
.hero .search{margin-top:18px;max-width:640px}
.found{margin-top:4px}
.found .count{margin:14px 0 10px}
#rest[hidden],.count[hidden]{display:none}
.sec-s{margin:-8px 0 14px;color:var(--muted);font-size:.95rem}
.small{font-size:.93rem}
.ci{width:1.6em;height:1.6em;stroke-width:1.6}
/* شبكة التصنيفات */
.tiles{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:560px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;height:100%;min-height:68px;
  padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;background:var(--paper);box-shadow:2px 2px 0 var(--line)}
.tile:hover{border-color:var(--ink);text-decoration:none}
.tile .ci{grid-row:1 / span 2}
.tile-n{font-weight:700;font-size:.98rem;line-height:1.45}
.tile-c{font-size:.82rem;color:var(--muted);line-height:1.4}
/* الكروت: شارات + عنوان + سطر وصف، بنفس الارتفاع */
.pc{padding:14px 16px;gap:6px}
.pc-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:1.6rem}
.tag{display:inline-block;padding:0 8px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;line-height:1.6;color:var(--muted);white-space:nowrap}
.tag-hot{border-color:var(--ink);color:var(--ink);font-weight:700}
.pc-tags .pc-cat{font-size:.8rem}
.pc-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.pc-s{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--muted);font-size:.93rem;line-height:1.75}
.start,.cat-grid,.rel .grid,.res{grid-auto-rows:1fr}
.grid{gap:12px}
.grp-t{display:flex;align-items:center;gap:8px}
.grp-t .ci{width:1.3em;height:1.3em}
.pc-day{padding:20px 18px;gap:8px;min-height:200px}
.day-box{min-height:200px}
.pc-day .pc-s{-webkit-line-clamp:3;font-size:1rem}
/* صفحة التصنيف */
.cat-h{display:flex;align-items:center;gap:10px}
.cat-h .ci{width:1.2em;height:1.2em}
.chipbar{position:sticky;top:0;z-index:4;background:var(--paper);margin:10px -16px 6px;padding:8px 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.chipbar::-webkit-scrollbar{display:none}
@media (min-width:720px){.chipbar{margin-inline:-28px;padding-inline:28px}}
.chipbar .chips{flex-wrap:nowrap;width:max-content}
.chipbar .chip{flex:none}
.sub{margin-top:18px}
.sub-t{font-size:1.1rem;line-height:1.5;margin:0 0 10px}
.sub-t span{font-family:var(--body);font-size:.85em;color:var(--muted);font-weight:400}
/* صفحة البرومت: خطوات مرقّمة */
.pg-tags{display:flex;flex-wrap:wrap;gap:6px;margin:-10px 0 8px}
.step{margin-top:26px}
.step-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.step-t{display:flex;align-items:center;gap:10px;font-size:1.15rem;line-height:1.5;margin:0}
.num{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.9em;height:1.9em;border:2px solid var(--ink);border-radius:50%;
  font-family:var(--body);font-size:.85em;font-weight:700;line-height:1}
.step .hint{margin:4px 0 10px}
.style-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:12px}
.style-l{font-size:.93rem;color:var(--muted)}
.bar{margin-top:12px}
.copy{min-height:52px;min-width:170px;font-size:1.08rem}
.acts{grid-template-columns:1fr;margin-top:4px}
@media (min-width:720px){.acts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.act{min-height:52px;font-size:1rem}
.act span{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.act small{font-size:.75rem;padding:0 6px;border:1px solid currentColor;border-radius:999px;line-height:1.5}
.act-best{background:var(--ink);color:var(--paper);font-weight:700}
.act-best:hover{opacity:.92}
.acts-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.step .ex{margin-top:6px}
.ex-card{margin-top:12px}
.share{margin-top:30px}
.share .sec{margin-top:0}
.more-on{display:inline-flex}
.rel .grid{margin-bottom:6px}
.start .tag-hot{display:none}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
@media (min-width:900px){.rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 2px;border-bottom:1px solid var(--line);text-decoration:none;line-height:1.6}
.row:hover .row-t{text-decoration:underline}
.row-t{font-weight:700;font-size:.98rem}
.row .tag{flex:none}
.collapsed .more{margin-top:4px}
@media (max-width:719px){.collapsed .x2{display:none}}
/* v3.1 — ملاحظات المصمم */
:root{--barh:76px}
html{scroll-padding-bottom:calc(var(--barh) + 16px)}
.sheet{overflow:visible;max-height:none;padding-bottom:var(--barh)}
@media (min-width:720px){.sheet{padding-bottom:var(--barh)}}
.copy[aria-disabled="true"]{opacity:1;background:var(--paper);color:var(--ink);border:2px dashed var(--ink);cursor:pointer}
.left{min-height:44px;padding:4px 2px;border:0;background:transparent;font:inherit;font-size:.95rem;color:var(--ink);text-align:start;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.left.ok{text-decoration:none;cursor:default}
.clr-row{margin:6px 0 0}
.clr{min-height:44px;padding:4px 2px;border:0;background:transparent;font-size:.9rem;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.clr:hover{border:0;text-decoration-thickness:2px}
.act[aria-disabled="true"]{opacity:1}
.act{color:var(--ink);border:1.5px solid var(--ink)}
.act-best,.act-best:hover{background:var(--ink);color:var(--paper)}
.note-top{margin:4px 0 6px}
.note-top b{font-weight:700}
.chipbar{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 36px);mask-image:linear-gradient(to right,transparent 0,#000 36px);padding-left:40px}
.tbl:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (max-width:480px){.pg-t-long{font-size:1.2rem;line-height:1.7}}