/* المرجع الفني: يبني على لوحات «لبيتك»، ويضيف بطاقة البند وأدوات التصفح */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rf-facts{max-width:560px}

/* وسوم الدرجات والمصادر */
.rf-g{display:inline-block;font-size:12px;font-weight:700;line-height:1;padding:5px 9px;border-radius:var(--radius-pill);white-space:nowrap}
.rf-g.eco{background:#E5E9DE;color:#4A5C2F}
.rf-g.mid{background:#F4EAD5;color:#7A5718}
.rf-g.lux{background:#F4E3DC;color:#8E432C}
.rf-g.any{background:var(--paper);color:var(--ink-2);border:1px solid var(--line)}
.rf-lv{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);white-space:nowrap;border:1px solid}
.rf-lv.sa{color:var(--ok);border-color:transparent;background:var(--ok-wash)}
.rf-lv.base{color:var(--ink);border-color:var(--line-ctl);background:var(--paper)}
.rf-lv.intl{color:var(--ink-2);border-color:var(--line-2);background:var(--paper)}
@media (prefers-color-scheme:dark){  :root:not([data-theme="light"]) .rf-g.eco{background:#2A3122;color:#B8C99A}:root:not([data-theme="light"]) .rf-g.mid{background:#3A3020;color:#E0BE78}:root:not([data-theme="light"]) .rf-g.lux{background:#3A2620;color:#E9A587}
  :root:not([data-theme="light"]) .rf-lv.sa{color:#93C4A2;border-color:#3d5a46;background:#1f2b23}:root:not([data-theme="light"]) .rf-lv.base{color:#E2B9A2;border-color:#5a4436;background:#2B231E}}
:root[data-theme="dark"] .rf-g.eco{background:#2A3122;color:#B8C99A}:root[data-theme="dark"] .rf-g.mid{background:#3A3020;color:#E0BE78}:root[data-theme="dark"] .rf-g.lux{background:#3A2620;color:#E9A587}
:root[data-theme="dark"] .rf-lv.sa{color:#93C4A2;border-color:#3d5a46;background:#1f2b23}:root[data-theme="dark"] .rf-lv.base{color:#E2B9A2;border-color:#5a4436;background:#2B231E}
.rf-vf{display:inline-block;font-size:12px;font-weight:700;padding:4px 9px;border-radius:var(--radius-pill);border:1px dashed var(--terra);color:var(--terra);white-space:nowrap}
.rf-vf.sm{font-size:12px;padding:2px 8px}
.rf-code{font-family:var(--mono);font-size:13px;direction:ltr;unicode-bidi:isolate;color:var(--terra);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px 8px;white-space:nowrap}
.rf-code.sm{font-size:12px;padding:2px 6px}

/* العرض الحي */
.rf-demo{margin:0;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--deep);overflow:hidden;opacity:0;transform:translateY(24px) scale(.98);animation:demoin 1s var(--ease-out) .25s forwards}
.rf-d-body{padding:20px 20px 8px}
.rf-d-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rf-d-unit{font-size:13px;color:var(--ink-2)}
.rf-d-name{display:block;text-wrap:balance;font-size:20px;font-weight:700;line-height:1.35;margin:12px 0 14px}
.rf-d-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:14px}
.rf-d-tabs span{font-size:13px;padding:7px 12px;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .3s,border-color .3s}
.rf-d-tabs span.on{color:var(--ink);border-bottom-color:var(--terra);font-weight:700}
.rf-d-pane{display:none;min-height:208px}
.rf-d-pane.on{display:block;animation:fadeup .5s var(--ease-out)}
.rf-d-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"g t p" "b b b";gap:6px 10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.rf-d-row .rf-g{grid-area:g}.rf-d-t{grid-area:t;font-size:14px;line-height:1.5}.rf-d-row b{grid-area:p;font-size:13px;font-weight:500;white-space:nowrap}
.rf-d-bar{grid-area:b;position:relative;height:6px;border-radius:var(--radius-pill);background:var(--paper);overflow:hidden}
.rf-d-bar i{position:absolute;inset-block:0;right:calc(var(--a)*100%);width:0;border-radius:var(--radius-pill);background:var(--terra);transition:width 1.1s var(--ease-out)}
.rf-demo.go .rf-d-bar i{width:calc((var(--b) - var(--a))*100%)}
.rf-d-row:nth-child(2) .rf-d-bar i{transition-delay:.25s}.rf-d-row:nth-child(3) .rf-d-bar i{transition-delay:.5s}
.rf-d-note{font-size:12px;color:var(--ink-2);margin-top:10px}
.rf-d-list{margin:0;padding:0 18px 0 0;display:grid;gap:9px;font-size:14px;line-height:1.75}
.rf-d-src{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rf-d-src li{display:grid;gap:4px;justify-items:start}
.rf-d-src b{font-size:14px}
.rf-d-src small{font-size:13px;color:var(--ink-2);line-height:1.7}
.rf-demo.saved .jr-foot{opacity:1;transform:none}
.rf-demo.done .dm-replay{opacity:1}

/* تشريح البند */
.rf-anat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rf-anat li{background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-xl);padding:20px;box-shadow:var(--soft);display:grid;gap:8px;align-content:start}
.rf-anat .n{display:flex;flex-wrap:wrap;gap:5px;min-height:28px;align-items:center;font-size:20px;color:var(--terra);font-weight:500}
.rf-anat h3{font-size:17px}
.rf-anat p{font-size:15px;color:var(--ink-2);line-height:1.8}

/* أدوات التصفح */
.rf-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;padding:12px;margin-bottom:18px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--soft)}
.rf-divs,.rf-count{grid-column:1/-1}
.rf-search{display:flex;align-items:center;gap:10px;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--radius-card);padding:0 14px;min-height:48px}
.rf-search:focus-within{border-color:var(--terra);box-shadow:0 0 0 3px color-mix(in srgb,var(--terra) 18%,transparent)}
.rf-search svg{width:20px;height:20px;fill:none;stroke:var(--ink-2);stroke-width:1.8;stroke-linecap:round;flex:none}
.rf-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:15px;color:var(--ink);padding:10px 0;outline:none}
.rf-grades,.rf-divs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
.rf-grades::-webkit-scrollbar,.rf-divs::-webkit-scrollbar{display:none}
.rf-grades button,.rf-divs button{flex:none;font:inherit;font-size:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--radius-pill);border:1px solid var(--line-2);background:var(--sheet);color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.rf-divs{flex-wrap:wrap}
.rf-divs button code{font-size:12px;color:var(--terra)}
.rf-grades button:hover,.rf-divs button:hover{color:var(--ink);border-color:var(--ink-2)}
.rf-grades button.on,.rf-divs button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.rf-divs button.on code{color:var(--paper);opacity:.8}
.rf-count{font-size:13px;color:var(--ink-2);margin:0}
.rf-loading{color:var(--ink-2);padding:30px 0}
.rf-price-note{font-size:13px;color:var(--ink-2);margin-top:18px;max-width:80ch;line-height:1.8}

/* القائمة */
.rf-div{margin-bottom:26px}
.rf-div-h{display:flex;align-items:baseline;gap:10px;font-size:17px;padding:0 4px 10px;border-bottom:1px solid var(--line-2);margin-bottom:10px;scroll-margin-top:130px}
.rf-div-h code{font-size:14px;color:var(--terra)}
.rf-div-h small{font-size:13px;color:var(--ink-2);font-weight:400;direction:ltr;margin-inline-start:auto}
.rf-item{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:8px;scroll-margin-top:130px;transition:border-color .25s,box-shadow .25s}
.rf-item[open]{border-color:var(--line-2);box-shadow:var(--soft)}
.rf-item.hl{border-color:var(--terra);box-shadow:0 0 0 3px color-mix(in srgb,var(--terra) 20%,transparent)}
.rf-item>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:14px 16px;cursor:pointer;border-radius:var(--r-lg)}
.rf-item>summary::-webkit-details-marker{display:none}
.rf-item[open]>summary{border-bottom:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0}
.rf-item>summary:hover{background:color-mix(in srgb,var(--paper) 60%,var(--sheet))}
.rf-t{display:grid;gap:1px}
.rf-t b{font-size:15px}
.rf-t small{font-size:12px;color:var(--ink-2);direction:ltr;text-align:right}
.rf-meta{display:flex;align-items:center;gap:6px}
.rf-meta::after{content:"";width:9px;height:9px;border-inline-start:1.6px solid var(--ink-2);border-bottom:1.6px solid var(--ink-2);transform:rotate(-45deg);margin-inline-start:8px;transition:transform .25s}
.rf-item[open] .rf-meta::after{transform:rotate(135deg)}
.rf-dot{width:9px;height:9px;border-radius:50%}
.rf-dot.eco{background:#7C8F5A}.rf-dot.mid{background:#C99A3E}.rf-dot.lux{background:var(--terra)}
.rf-unit{font-size:13px;color:var(--ink-2);background:var(--paper);border-radius:var(--radius-sm);padding:2px 8px;margin-inline-start:4px;white-space:nowrap}

.rf-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 28px;padding:6px 20px 0;animation:fadeup .45s var(--ease-out)}
.rf-sec{padding:14px 0;border-bottom:1px dashed var(--line)}
.rf-sec:last-child{border-bottom:0}
.rf-sec h4{font-size:13px;color:var(--terra);margin-bottom:8px;letter-spacing:.01em}
.rf-sec p,.rf-sec li{font-size:15px;line-height:1.85;color:var(--ink)}
.rf-sec ul,.rf-sec ol{margin:0;padding:0 18px 0 0;display:grid;gap:6px}
.rf-sec ul li::marker{color:var(--line-2)}
.rf-sec ol li::marker{color:var(--terra);font-family:var(--mono);font-size:13px}
.rf-local{background:color-mix(in srgb,#C99A3E 9%,var(--sheet));border:1px solid color-mix(in srgb,#C99A3E 30%,var(--sheet));border-radius:var(--radius-card);padding:12px 14px;margin:12px 0}
.rf-local h4{color:color-mix(in srgb,#8A6420 85%,var(--ink))}
.rf-vlist{display:grid;gap:8px}
.rf-v{border:1px solid var(--line);border-radius:var(--radius-card);padding:12px 14px;display:grid;gap:6px;background:color-mix(in srgb,var(--paper) 45%,var(--sheet))}
.rf-v-h{display:flex;align-items:center;gap:8px;justify-content:space-between}
.rf-v-n{font-size:15px}
.rf-v-s{font-size:13px!important;color:var(--ink-2)!important;line-height:1.75!important}
.rf-v-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-top:6px;border-top:1px solid var(--line)}
.rf-v-pr{display:inline-flex;align-items:baseline;gap:6px;margin-inline-end:auto}
.rf-v-pr b{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}.rf-v-pr b .mono{font-size:15px;font-weight:500}
.rf-v-pr small{font-size:12px;color:var(--ink-2)}
.rf-v-src{font-size:12px;color:var(--ink-2)}
a.rf-v-src{color:var(--ink-2);text-underline-offset:3px}
a.rf-v-src:hover{color:var(--terra)}
.rf-v-none{font-size:13px;color:var(--ink-2)}
.rf-refs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.rf-ref{font-family:var(--mono);font-size:12px;direction:ltr;padding:3px 8px;border-radius:var(--radius-sm);background:var(--ink);color:var(--paper)}
.rf-srcs ul{list-style:none;padding:0;gap:10px}
.rf-srcs li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:start}
.rf-srcs li .rf-lv{grid-row:span 2;margin-top:3px}
.rf-srcs li a,.rf-srcs li b{font-size:14px;font-weight:700;color:var(--ink);line-height:1.6;text-underline-offset:3px;overflow-wrap:anywhere}
.rf-srcs li a:hover{color:var(--terra)}
.rf-srcs li p{font-size:13px!important;color:var(--ink-2)!important;line-height:1.75!important}
.rf-verify{background:color-mix(in srgb,var(--terra) 6%,var(--sheet));border:1px dashed var(--terra);border-radius:var(--radius-card);padding:12px 14px;margin:12px 0}
.rf-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;padding:12px 0 16px;border-top:1px solid var(--line);margin-top:4px}
.rf-copy{font:inherit;font-size:13px;background:none;border:1px solid var(--line-2);border-radius:var(--radius-pill);padding:6px 14px;color:var(--ink-2);cursor:pointer}
.rf-copy:hover{color:var(--ink);border-color:var(--ink-2)}
.rf-go{font-size:14px;font-weight:700;color:var(--terra);text-underline-offset:5px}

@media (max-width:980px){
  .rf-anat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rf-tools{grid-template-columns:1fr}
  .rf-divs{flex-wrap:nowrap}
}
@media (max-width:720px){
  .rf-body{grid-template-columns:1fr;padding:4px 14px 0}
  .rf-item>summary{grid-template-columns:minmax(0,1fr) auto;padding:12px 12px}
  .rf-item>summary .rf-code{grid-column:1/-1;justify-self:start}
}
@media (max-width:600px){
  .rf-anat{grid-template-columns:1fr}
  .rf-tools{padding:10px}
  .rf-div-h small{display:none}
  .rf-d-pane{min-height:236px}
  .rf-d-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"g p" "t t" "b b"}
}
@media (prefers-reduced-motion:reduce){
  .rf-demo{animation:none!important;opacity:1;transform:none}
  .rf-d-bar i{transition:none}
  .rf-d-pane.on,.rf-body{animation:none}
}

/* دستور التصميم ١ (28 أكتوبر 2026): عنوان البطل 56 بالحبر بلا حركة طائرة، وكلمة الوعد وحدها بالتيراكوتا */
.rf-hero .bt-h1{font-size:clamp(36px,5vw,56px);font-weight:700;color:var(--ink);letter-spacing:0}
.rf-hero .bt-h1 i{animation:none!important;transform:none!important}
.rf-hero .bt-kick{color:var(--ink-2)}
/* السلّم والأزرار على صفحة المرجع (أنماطها الأولى في bait.css وfahs.css المشتركين، فتُضبط هنا لهذه الصفحة وحدها) */
.rf-hero .bt-lead{font-size:17px}
.rf-hero .bt-facts b{font-size:26px}
.rf-demo .dm-bar b,.rf-hero .jr-foot{font-size:14px}
.rf-demo .dm-replay{font-size:13px;border-radius:var(--radius-ctl)}
body[data-paper] .px-sh h2{font-size:clamp(26px,3vw,36px)}
body[data-paper] .px-sh p{font-size:15px}
.go3 li .n{font-size:36px}.go3 li h3{font-size:17px}.go3 li p{font-size:15px}
.fin .fin-k{font-size:13px}.fin .fin-t h3{font-size:clamp(26px,3vw,36px)}.fin .fin-t p{font-size:15px}.fin .fin-l{font-size:14px}
.fin .btn{border-radius:var(--radius-ctl);min-height:0;height:var(--ctl-md)}
.rf-hero .btn.bt-cta{border-radius:var(--radius-ctl);min-height:0;height:var(--ctl-lg)}
.rf-tools .sr-only{font-size:13px}
.rf-hero.bt-hero::before{display:none}
/* التيراكوتا للفعل وحده: الأرقام والرموز والعناوين الصغيرة بالحبر (فحص المصمم 15:30) */
.go3 li .n,.rf-anat .n{color:var(--ink)}
.rf-code,.rf-divs button code,.rf-div-h code{color:var(--ink-2)}
.rf-divs button.on code{color:var(--paper)}
.rf-sec h4{color:var(--ink)}
.rf-sec ol li::marker{color:var(--ink-2)}
.rf-vf{border-color:var(--line-ctl);color:var(--ink-2)}
body{--brown:var(--ink);--major:var(--warn)}
.fin .btn{font-size:14px}