/* دستور التصميم ١ (أوبوس المصمم، 28 أكتوبر): المقاسات على السلّم، ونص القراءة 18 بسطر 2 كالمرجع، وحقول الكتابة 16 لئلا يكبّر iOS الصفحة عند لمسها */
/* مدونة البيت بيتك (/blog/): الأرشيف وصفحة المقال. الألوان من متغيرات fahs.css */
.bl{--read:680px;--hl-amber:rgba(214,158,72,.26);--hl-sage:rgba(95,112,68,.17);--hl-sky:rgba(64,104,150,.14);--hl-rose:rgba(166,83,56,.15)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bl{--hl-amber:rgba(224,170,92,.24);--hl-sage:rgba(165,184,132,.18);--hl-sky:rgba(120,160,210,.18);--hl-rose:rgba(212,123,88,.2)}}
:root[data-theme="dark"] .bl{--hl-amber:rgba(224,170,92,.24);--hl-sage:rgba(165,184,132,.18);--hl-sky:rgba(120,160,210,.18);--hl-rose:rgba(212,123,88,.2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl time{font-variant-numeric:normal}

/* ---------------- الأرشيف ---------------- */
.bl-home{padding-bottom:40px}
.bl-hero{padding-block:clamp(36px,6vw,72px) clamp(22px,3vw,34px);max-width:46em}
.bl-hero-k{font-size:14px;font-weight:700;color:var(--terra);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.bl-hero-k::before{content:"";width:22px;height:2px;background:var(--terra);border-radius:2px}
.bl-hero h1{font-size:clamp(38px,4.6vw,56px);letter-spacing:-.01em;line-height:1.25}
.bl-hero-p{font-size:clamp(17px,1.6vw,20px);color:var(--ink-2);margin-top:16px;max-width:34em;text-wrap:pretty}

.bl-resume{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--sheet);box-shadow:var(--lift)}
.bl-resume[hidden]{display:none}
.bl-resume a{display:flex;flex:1;min-width:0;gap:14px;align-items:center;text-decoration:none}
.bl-resume-k{font-size:13px;color:var(--ink-2);white-space:nowrap}
.bl-resume-t{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bl-resume-bar{flex:0 0 72px;height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin-inline-start:auto}
.bl-resume-bar i{display:block;height:100%;background:var(--terra);border-radius:4px}
.bl-resume-x{border:0;background:none;color:var(--ink-2);font:inherit;font-size:20px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:6px}
.bl-resume-x:hover{color:var(--ink);background:var(--paper)}

/* البطاقة */
.bl-card{min-width:0}
.bl-card-a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.bl-card-a:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(31,26,23,.04),0 18px 36px -22px rgba(31,26,23,.38);border-color:var(--line-2)}
.bl-card-img{display:block;aspect-ratio:1200/655;background:var(--paper);overflow:hidden;border-bottom:1px solid var(--line)}
.bl-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.bl-card-a:hover .bl-card-img img{transform:scale(1.025)}
.bl-card-tx{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.bl-kick{font-size:13px;font-weight:700;color:var(--terra)}
.bl-card-h{font-size:17px;font-weight:700;line-height:1.5;text-wrap:balance}
.bl-card-p{font-size:15px;color:var(--ink-2);line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.bl-card-m{margin-top:auto;padding-top:6px;font-size:13px;color:var(--ink-2);display:flex;gap:8px;align-items:center}
.bl-card-m i{font-style:normal;opacity:.6}
.bl-grid .bl-card-p{display:none}

/* المقال الأحدث */
.bl-feat{margin-bottom:clamp(30px,4vw,48px)}
.bl-card--big .bl-card-a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.bl-card--big .bl-card-img{aspect-ratio:auto;min-height:100%;border-bottom:0;border-inline-start:1px solid var(--line)}
.bl-card--big .bl-card-tx{padding:clamp(22px,3vw,40px);justify-content:center;gap:12px}
.bl-card--big .bl-card-h{font-size:clamp(26px,2.6vw,36px);line-height:1.35}
.bl-card--big .bl-card-p{-webkit-line-clamp:4;font-size:17px}
.bl-card--big .bl-card-m{margin-top:8px}
.bl-card--big .bl-kick::before{content:"أحدث مقال · ";color:var(--ink-2);font-weight:400}

/* الشريط: التصنيفات والبحث */
.bl-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.bl-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
.bl-chip{font:inherit;font-size:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--sheet);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.bl-chip i{font-style:normal;font-size:12px;color:var(--ink-2)}
.bl-chip:hover{border-color:var(--line-2)}
.bl-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.bl-chip[aria-pressed="true"] i{color:inherit;opacity:.7}
.bl-search{position:relative;display:flex;align-items:center;flex:0 1 280px}
.bl-search svg{position:absolute;inset-inline-start:12px;width:17px;height:17px;fill:none;stroke:var(--ink-2);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.bl-search input{font:inherit;font-size:15px;width:100%;padding:8px 40px 8px 14px;border:1px solid var(--line);border-radius:var(--radius-ctl);background:var(--sheet);color:var(--ink);outline:0;transition:border-color .15s,box-shadow .15s}
.bl-search input:focus{border-color:var(--terra);box-shadow:0 0 0 3px rgba(166,83,56,.14)}
.bl-search input::-webkit-search-cancel-button{-webkit-appearance:none}

.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.bl-grid .bl-card[hidden]{display:none}
.bl-empty{text-align:center;color:var(--ink-2);padding:40px 0}
.bl-rss{text-align:center;margin-top:36px;font-size:14px}
.bl-rss a{color:var(--ink-2);text-underline-offset:4px}

/* ---------------- صفحة المقال ---------------- */
body.bl-post-page{background-image:none}
.bl-progress{position:fixed;inset-inline:0;top:0;height:3px;z-index:20;pointer-events:none}
.bl-progress i{display:block;height:100%;width:100%;background:var(--terra);transform-origin:right center;transform:scaleX(0);transition:transform .08s linear}
.wrap-read{max-width:var(--read);margin-inline:auto;padding-inline:clamp(18px,4vw,24px)}
.bl-post{padding-bottom:30px}
.bl-art-h{padding-top:clamp(30px,5vw,60px);padding-bottom:clamp(20px,3vw,30px)}
.bl-crumbs{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:16px}
.bl-crumbs a{color:var(--terra);text-decoration:none;font-weight:700}
.bl-crumbs a:first-child{color:var(--ink-2);font-weight:400}
.bl-crumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.bl-crumbs i{font-style:normal;color:var(--line-2)}
.bl-art-h h1{font-size:clamp(32px,4.4vw,46px);line-height:1.3;letter-spacing:-.01em}
.bl-meta{margin-top:16px;font-size:14px;color:var(--ink-2);display:flex;gap:10px;align-items:center}
.bl-meta i{font-style:normal;opacity:.6}
.bl-by{color:var(--ink);font-weight:700}
.bl-meta{flex-wrap:wrap}
.bl-cover{margin:0 auto clamp(26px,4vw,42px);max-width:880px;padding-inline:clamp(0px,2vw,24px)}
.bl-cover img{display:block;width:100%;height:auto;aspect-ratio:1200/655;object-fit:cover;border-radius:clamp(0px,1.2vw,14px);background:var(--sheet);border:1px solid var(--line)}
@media (max-width:640px){.bl-cover{padding-inline:0}.bl-cover img{border-radius:0;border-inline:0}}

/* المتن */
.bl-body{font-size:18px;line-height:2.05;color:var(--ink);text-wrap:pretty;overflow-wrap:anywhere}
.bl-body>*{margin:0 0 1.05em}
.bl-body>*:last-child{margin-bottom:0}
.bl-body h2{font-size:1.4em;line-height:1.5;margin:1.7em 0 .6em}
.bl-body h3{font-size:1.15em;line-height:1.6;margin:1.5em 0 .45em;display:flex;gap:.55em;align-items:baseline}
.bl-body h3::before{content:"";flex:0 0 .5em;height:.5em;border-radius:2px;background:var(--terra);transform:translateY(-.08em)}
.bl-body strong{font-weight:700}
.bl-body a{color:var(--terra);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.bl-body a:hover{text-decoration-thickness:2px}
.bl-body mark{color:inherit;padding:.08em .22em;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--hl-amber)}
.bl-body mark[data-c="sage"]{background:var(--hl-sage)}
.bl-body mark[data-c="sky"]{background:var(--hl-sky)}
.bl-body mark[data-c="rose"]{background:var(--hl-rose)}
.bl-body blockquote{margin:1.5em 0;padding:.2em 1.1em .2em 0;border-inline-start:3px solid var(--ink);font-size:1.12em;line-height:1.95;color:var(--ink)}
.bl-body blockquote p{margin:0}
.bl-body hr{border:0;height:auto;margin:2em 0;text-align:center;overflow:visible}
.bl-body hr::after{content:"·  ·  ·";color:var(--terra);font-size:20px;letter-spacing:.3em;line-height:1}
.bl-body figure{margin:1.6em 0}
.bl-body figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);background:var(--sheet)}
.bl-body figcaption{font-size:14px;color:var(--ink-2);margin-top:8px;text-align:center}
.bl-body ul,.bl-body ol{padding-inline-start:1.3em}
.bl-body li{margin-bottom:.4em}
.bl-body .callout{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:12px;background:var(--sheet);border:1px solid var(--line);font-size:.93em;line-height:1.9}
.bl-body .callout-ic{flex:0 0 auto;font-size:1.15em;line-height:1.7}
.bl-body .cta{margin:1.4em 0}
.bl-body .cta-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:var(--r-ctl);background:var(--terra);color:var(--on-terra);font-weight:700;font-size:15px;line-height:1.5;text-decoration:none}
.bl-body .cta-btn:hover{filter:brightness(1.06);text-decoration:none}

/* الجسر إلى الأداة */
.bl-bridge{position:relative;margin:clamp(34px,5vw,52px) 0 0;padding:clamp(20px,3vw,28px);border-radius:16px;background:var(--sheet);border:1px solid var(--line);overflow:hidden}
.bl-bridge::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--terra)}
.bl-bridge-k{font-size:13px;font-weight:700;color:var(--terra)}
.bl-bridge-h{font-size:20px;font-weight:700;margin-top:6px;line-height:1.5}
.bl-bridge-p{font-size:15px;color:var(--ink-2);margin-top:6px;line-height:1.9;max-width:36em}
.bl-bridge-a{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:700;font-size:15px;color:var(--terra);text-decoration:none}
.bl-bridge-a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.bl-bridge-a:hover svg{transform:translateX(-4px)}

/* المشاركة */
.bl-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.bl-share-k{font-size:14px;color:var(--ink-2);margin-inline-end:6px}
.bl-sh{font:inherit;font-size:14px;padding:6px 14px;border-radius:var(--radius-ctl);border:1px solid var(--line);background:var(--sheet);color:var(--ink);text-decoration:none;cursor:pointer;transition:border-color .15s}
.bl-sh:hover{border-color:var(--ink)}
.bl-sh.ok{border-color:var(--ok);color:var(--ok)}

/* السابق والتالي */
.bl-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.bl-pn-a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--sheet);transition:border-color .15s}
.bl-pn-a:hover{border-color:var(--line-2)}
.bl-pn-a span{font-size:13px;color:var(--ink-2)}
.bl-pn-a b{font-size:15px;line-height:1.6}
.bl-pn-newer{text-align:left}

/* اقرأ أيضاً */
.bl-more{margin-top:clamp(44px,6vw,72px);padding-top:clamp(28px,4vw,40px);border-top:1px solid var(--line)}
.bl-more-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.bl-more-h h2{font-size:20px}
.bl-more-h a{font-size:14px;color:var(--terra);font-weight:700;text-decoration:none}

@media (max-width:980px){
  .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-card--big .bl-card-a{grid-template-columns:1fr}
  .bl-card--big .bl-card-img{aspect-ratio:1200/655;border-inline-start:0;border-bottom:1px solid var(--line)}
  .bl-card--big .bl-card-img{order:-1}
}
@media (max-width:640px){
  .bl-grid{grid-template-columns:1fr}
  .bl-bar{display:block}
  .bl-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * clamp(16px,3.5vw,36px));padding-inline:clamp(16px,3.5vw,36px);padding-bottom:2px}
  .bl-chips::-webkit-scrollbar{display:none}
  .bl-chip{flex:0 0 auto}
  .bl-search{margin-top:12px;width:100%}
  .bl-search input{min-width:0}
  .bl-pn{grid-template-columns:1fr}
  .bl-pn-newer{text-align:right}
  .bl-card-h{font-size:17px}
  /* على الجوال: قائمة مضغوطة بصورة مصغرة لتسهل القراءة السريعة */
  .bl-grid{gap:10px}
  .bl-grid .bl-card-a{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:stretch}
  .bl-grid .bl-card-img{aspect-ratio:auto;height:100%;min-height:104px;border-bottom:0;border-inline-end:1px solid var(--line)}
  .bl-grid .bl-card-tx{padding:12px 14px;gap:5px}
  .bl-grid .bl-card-h{font-size:15px;line-height:1.55}
  .bl-grid .bl-kick{font-size:12px}
  .bl-grid .bl-card-m{font-size:12px;padding-top:2px}
  .bl-grid .bl-card-a:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .bl-card-a,.bl-card-img img,.bl-progress i,.bl-bridge-a svg{transition:none}
  .bl-card-a:hover{transform:none}
  .bl-card-a:hover .bl-card-img img{transform:none}
}
@media print{
  .top,.bl-progress,.bl-share,.bl-pn,.bl-more,.bl-bridge{display:none}
  .bl-body{font-size:13pt}
}
/* إلغاء حشوة section العامة في fahs.css */
.bl .bl-feat,.bl .bl-grid{padding-block:0;border-top:0}
.bl .bl-more{padding-block:clamp(28px,4vw,40px) 0;border-top:1px solid var(--line)}

/* الاشتراك في المدونة */
.bl .bl-sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px 28px;align-items:center;margin:clamp(30px,4vw,44px) 0 0;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-top:3px solid var(--terra);border-radius:16px;background:var(--sheet)}
.bl-home .bl-sub{margin-top:clamp(36px,5vw,56px)}
.bl-sub-k{font-size:20px;font-weight:700;line-height:1.5}
.bl-sub-p{font-size:15px;color:var(--ink-2);margin-top:4px;line-height:1.85}
.bl-sub-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bl-sub-f input[type=email]{font:inherit;font-size:16px;flex:1 1 200px;min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--paper);color:var(--ink);outline:0;text-align:right}
.bl-sub-f input[type=email]:focus{border-color:var(--terra);box-shadow:0 0 0 3px rgba(166,83,56,.14)}
.bl-sub-f input[type=email]::placeholder{text-align:right}
.bl-sub-f .btn{flex:0 0 auto}
.bl-hp{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.bl-sub-msg{flex-basis:100%;font-size:14px;line-height:1.8;min-height:0}
.bl-sub-msg:empty{display:none}
.bl-sub-msg.ok{color:var(--ok)}
.bl-sub-msg.bad{color:var(--stop)}
.bl-post .bl-sub{grid-template-columns:1fr}
@media (max-width:760px){.bl .bl-sub{grid-template-columns:1fr}}

/* محاذاة الأسطر بالتساوي (طلب صياح 22 أكتوبر): الفقرات والاقتباسات والقوائم تتساوى أطرافها، والعناوين تبقى يمينية */
.bl-body p,.bl-body blockquote,.bl-body li,.bl-body .callout div{text-align:start;text-wrap:pretty;-webkit-hyphens:none;hyphens:none}
.bl-body p.cta{text-align:start}

/* فيديو يوتيوب داخل المقال: صورة خفيفة تتحول إلى مشغّل عند الضغط */
.bl-body figure.video .yt{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--ink);border:1px solid var(--line)}
.bl-body figure.video .yt img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.bl-body figure.video .yt::after{content:"";position:absolute;inset:0;margin:auto;width:68px;height:48px;border-radius:12px;background:rgba(0,0,0,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7v10l8-5z' fill='%23fff'/%3E%3C/svg%3E") center/26px no-repeat;transition:background-color .2s}
.bl-body figure.video .yt:hover::after{background-color:var(--terra)}
.bl-body figure.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:var(--ink)}
.bl-body s{text-decoration-thickness:1px}

/* ================= التصميم الثاني (٢٣ أكتوبر): صوت الكاتب، طريق البداية، الأرشيف خريطة ================= */
/* البطل: الكاتب واشتراكه في أول الشاشة */
.bl-hero2{padding-block:clamp(36px,6vw,76px) clamp(26px,4vw,44px)}
.bl-hero2-tx{max-width:40em}
.bl-hero2 h1{font-size:clamp(38px,5vw,56px);line-height:1.22;letter-spacing:-.01em;text-wrap:balance}
.bl-auth{display:flex;align-items:center;gap:12px;margin-top:22px}
.bl-auth img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--sheet);box-shadow:0 0 0 1px var(--line);background:var(--sheet)}
.bl-auth>span{display:flex;flex-direction:column;line-height:1.5}
.bl-auth b{font-size:15px}.bl-auth>span>span{font-size:14px;color:var(--ink-2)}
.bl-hero2 .bl-hero-p{margin-top:16px;font-size:clamp(17px,1.7vw,20px);line-height:1.9;color:var(--ink-2);max-width:34em}
.bl-hsub{display:flex;gap:8px;margin-top:22px;max-width:30em;flex-wrap:wrap}
.bl-hsub input[type=email]{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;padding:12px 16px;border:1px solid var(--line-2);border-radius:var(--r-ctl,10px);background:var(--sheet);color:var(--ink);outline:0;transition:border-color .15s,box-shadow .15s}
.bl-hsub input[type=email]:focus{border-color:var(--terra);box-shadow:0 0 0 3px color-mix(in srgb,var(--terra) 16%,transparent)}
.bl-hsub .btn{flex:0 0 auto;padding-inline:26px}
.bl-hsub .bl-sub-msg{flex-basis:100%;margin:0}
.bl-cad{margin-top:10px;font-size:14px;color:var(--ink-2)}

/* أحدث مقالة: كتلة كتابية كبيرة والصورة مساندة */
.bl-latest{margin-top:8px}
.bl-latest-a{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,3.5vw,48px);align-items:center;padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:18px;background:var(--sheet);text-decoration:none;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.bl-latest-a:hover{border-color:var(--line-2);box-shadow:0 18px 40px -28px rgba(31,26,23,.35)}
.bl-latest-tx{display:flex;flex-direction:column;gap:10px;min-width:0}
.bl-latest-k{font-size:13px;font-weight:700;color:var(--terra);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bl-latest-k i{font-style:normal;opacity:.5}
.bl-latest-h{font-size:clamp(26px,3.2vw,36px);font-weight:700;line-height:1.35;text-wrap:balance}
.bl-latest-p{font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);line-height:1.95;text-wrap:pretty}
.bl-latest-m{font-size:14px;color:var(--ink-2);display:flex;gap:8px;align-items:center}
.bl-latest-m i{font-style:normal;opacity:.6}
.bl-latest-go{margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--terra)}
.bl-latest-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.bl-latest-a:hover .bl-latest-go svg{transform:translateX(-4px)}
.bl-latest-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:var(--paper)}
.bl-latest-img:empty{display:none}
@media (max-width:760px){.bl-latest-a{grid-template-columns:minmax(0,1fr);padding:0;overflow:hidden}.bl-latest-img{order:-1}.bl-latest-img img{border-radius:0;aspect-ratio:16/9}.bl-latest-tx{padding:4px 18px 22px}}

/* رأس القسم */
.bl-sec-h{margin:clamp(44px,6vw,72px) 0 18px}
.bl-sec-h h2{font-size:clamp(26px,2.6vw,36px);line-height:1.4}
.bl-sec-h p{margin-top:6px;color:var(--ink-2);font-size:15px;line-height:1.85;max-width:40em}

/* ابدأ من هنا: طريق من أربع محطات */
.bl-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:none}
.bl-path a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 18px 16px;border:1px solid var(--line);border-radius:14px;background:var(--sheet);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.bl-path a:hover{border-color:var(--terra);transform:translateY(-2px)}
.bl-path-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--terra);color:var(--on-terra);font-weight:700;font-size:15px}
.bl-path-k{font-size:13px;font-weight:700;color:var(--terra);margin-top:4px}
.bl-path b{font-size:17px;line-height:1.55;text-wrap:balance}
.bl-path-p{font-size:14px;color:var(--ink-2);line-height:1.85}
.bl-path-m{margin-top:auto;padding-top:6px;font-size:13px;color:var(--ink-2)}
@media (min-width:761px){.bl-path li{position:relative}.bl-path li:not(:last-child)::after{content:"";position:absolute;top:33px;inset-inline-end:-12px;width:12px;height:1px;background:var(--line-2)}}
@media (max-width:1000px){.bl-path{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bl-path{grid-template-columns:minmax(0,1fr)}.bl-path a{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px}.bl-path-n{grid-row:span 4}}

/* الأرشيف: مجموعات المراحل وصفوف نصية */
.bl-arch .bl-bar{margin-top:0}
.bl-grp{margin-top:30px}
.bl-grp-h{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 16px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.bl-grp-h h3{font-size:20px;line-height:1.5}
.bl-grp-h p{grid-column:1;font-size:14px;color:var(--ink-2);line-height:1.8}
.bl-grp-h>span{grid-column:2;grid-row:1;font-size:13px;color:var(--ink-2)}
.bl-rows{list-style:none;margin:0;padding:0}
.bl-row{border-bottom:1px solid var(--line)}
.bl-row a{display:grid;grid-template-columns:minmax(0,1fr) auto 104px;gap:18px;align-items:center;padding:16px 4px;text-decoration:none;color:var(--ink);transition:background-color .15s}
.bl-row a:hover{background:color-mix(in srgb,var(--terra) 4%,transparent)}
.bl-row a:hover b{color:var(--terra)}
.bl-row-n{font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:center}
.bl-row-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.bl-row-tx b{font-size:17px;line-height:1.6;transition:color .15s;text-wrap:balance}
.bl-row-p{font-size:14px;color:var(--ink-2);line-height:1.8}
.bl-row-m{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--ink-2);white-space:nowrap;line-height:1.8}
.bl-row-img img{display:block;width:104px;height:70px;object-fit:cover;border-radius:var(--radius-ctl);background:var(--sheet);border:1px solid var(--line)}
.bl-row-img:empty{display:block;width:104px}
@media (max-width:760px){.bl-row a{grid-template-columns:minmax(0,1fr) 76px;gap:6px 14px;padding:14px 0}.bl-row-n{display:none}.bl-row-p{display:none}.bl-row-m{grid-column:1;grid-row:2;flex-direction:row;gap:8px;align-items:center}.bl-row-m span::before{content:"·";margin-inline-end:8px;opacity:.6}.bl-row-img{grid-column:2;grid-row:1/span 2}.bl-row-img img{width:76px;height:56px}.bl-row-img:empty{width:76px}.bl-grp-h{grid-template-columns:minmax(0,1fr)}.bl-grp-h>span{display:none}}
.bl-grp[hidden]{display:none}

.bl-svc{margin-top:22px;text-align:center;font-size:15px;color:var(--ink-2)}
.bl-svc a{color:var(--terra);font-weight:700;text-underline-offset:4px}

/* ---------------- المقال ---------------- */
.bl-dek{margin-top:14px;font-size:clamp(17px,1.6vw,20px);line-height:1.9;color:var(--ink-2);text-wrap:pretty}
.bl-byline{display:flex;align-items:center;gap:12px;margin-top:20px}
.bl-byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--sheet);box-shadow:0 0 0 1px var(--line)}
.bl-byline>span{display:flex;flex-direction:column;line-height:1.6}
.bl-byline .bl-meta{margin-top:0;font-size:14px;gap:8px}
.bl-body{font-size:18px;line-height:2}
/* الشريط النحيل: يظهر عند الصعود في الصفحة */
body.bl-post-page .top{position:relative}
.bl-sticky{position:fixed;inset-inline:0;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .25s ease;padding-top:env(safe-area-inset-top,0px)}
.bl-sticky.on{transform:none}
.bl-sticky-in{max-width:var(--read);margin-inline:auto;padding:10px clamp(18px,4vw,24px);display:flex;align-items:center;gap:12px}
.bl-sticky-b{font-size:13px;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.bl-sticky-t{flex:1;min-width:0;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-sticky-wa{font-size:14px;font-weight:700;padding:5px 14px;border-radius:var(--radius-ctl);background:var(--terra);color:var(--on-terra);text-decoration:none;white-space:nowrap}
.bl-sticky-p{position:absolute;inset-inline:0;bottom:-1px;height:2px;display:block}
.bl-sticky-p i{display:block;height:100%;width:100%;background:var(--terra);transform-origin:right center;transform:scaleX(0)}
/* خاتمة المقال */
.bl-fin{text-align:center;color:var(--terra);font-size:17px;margin:clamp(30px,5vw,44px) 0 0;letter-spacing:.4em}
.bl-fin+.bl-share{margin-top:18px}
.bl-sh-wa{background:var(--ok);border-color:var(--ok);color:var(--on-terra)}
.bl-sh-wa:hover{border-color:var(--ok);filter:brightness(1.08)}
.bl-author{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;margin-top:clamp(28px,4vw,40px);padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--sheet)}
.bl-author img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--paper)}
.bl-author-n{font-weight:700;font-size:17px}
.bl-author-p{font-size:15px;color:var(--ink-2);line-height:1.9;margin-top:2px}
.bl-author a{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:700;font-size:15px;color:var(--terra);text-decoration:none}
.bl-author a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl-next{margin-top:clamp(36px,5vw,56px)}
.bl-next-k{font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:10px}
.bl-next-a{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--sheet);text-decoration:none;color:var(--ink);transition:border-color .2s}
.bl-next-a:hover{border-color:var(--terra)}
.bl-next-img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;background:var(--paper)}
.bl-next-img:empty{display:none}
.bl-next-tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.bl-next-tx b{font-size:20px;line-height:1.45;text-wrap:balance}
.bl-next-tx>span:not(.bl-kick):not(.bl-next-m){font-size:15px;color:var(--ink-2);line-height:1.85}
.bl-next-m{font-size:13px;color:var(--ink-2)}
.bl-next-more{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column}
.bl-next-more li{border-bottom:1px solid var(--line)}
.bl-next-more a{display:block;padding:12px 2px;color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.bl-next-more a:hover{color:var(--terra)}
.bl-next-more li:last-child a{color:var(--terra);font-weight:700}
@media (max-width:560px){.bl-next-a{grid-template-columns:minmax(0,1fr);padding:0;overflow:hidden}.bl-next-img img{border-radius:0}.bl-next-tx{padding:2px 16px 18px}.bl-author{grid-template-columns:56px minmax(0,1fr);padding:16px}.bl-author img{width:56px;height:56px}}
@media print{.bl-sticky,.bl-share,.bl-sub,.bl-next,.bl-author a{display:none!important}}
.bl section.bl-grp,.bl section.bl-start,.bl section.bl-arch,.bl section.bl-latest,.bl section.bl-next,.bl section.bl-sub{padding-block:0;border-top:0}
.bl-hero2{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(30px,6vw,90px);align-items:center}
.bl-hero2-tx{grid-column:1;grid-row:1}
.bl-hero2-ph{grid-column:2;grid-row:1;margin:0;position:relative}
.bl-hero2-ph img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;background:var(--sheet);position:relative;z-index:1}
.bl-hero2-ph::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1.5px solid var(--terra);border-radius:18px;z-index:0}
.bl-hero2-ph figcaption{position:absolute;z-index:2;inset-inline:14px;bottom:14px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;font-size:15px;display:flex;flex-direction:column;line-height:1.5}
.bl-hero2-ph figcaption span{font-weight:400;font-size:13px;color:var(--ink-2)}
@media (min-width:861px){.bl-hero2 .bl-auth{display:none}}
@media (max-width:860px){.bl-hero2{grid-template-columns:minmax(0,1fr)}.bl-hero2-ph{display:none}}

/* ===== سلسلة «قوانين بيت العمر» ===== */
.bl section.bl-series{padding-block:0;border-top:0}
.bl-series{margin-top:clamp(44px,6vw,72px);padding:clamp(22px,3.4vw,38px)!important;border-radius:20px;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.bl-series::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.035) 47px 48px),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.035) 47px 48px);pointer-events:none}
.bl-series-h{position:relative;max-width:40em}
.bl-series-k{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--terra-wash)}
.bl-series-h h2{font-size:clamp(26px,3.4vw,36px);line-height:1.3;margin-top:4px;color:var(--paper)}
.bl-series-h>p:last-child{margin-top:8px;font-size:clamp(15px,1.4vw,17px);line-height:1.9;color:rgba(246,240,232,.78)}
.bl-series-l{position:relative;list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.bl-series-l a{display:flex;flex-direction:column;height:100%;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--paper) 7%,transparent);border:1px solid color-mix(in srgb,var(--paper) 12%,transparent);color:var(--paper);text-decoration:none;transition:background-color .2s,transform .2s}
.bl-series-l a:hover{background:color-mix(in srgb,var(--paper) 12%,transparent);transform:translateY(-2px)}
.bl-series-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:rgba(0,0,0,.15)}
.bl-series-img:empty{display:none}
.bl-series-tx{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.bl-series-tx b{font-size:17px;line-height:1.5}
.bl-series-tx>span{font-size:13px;color:color-mix(in srgb,var(--paper) 70%,transparent);display:flex;gap:6px}
.bl-series-tx i{font-style:normal;opacity:.6}
.bl-series-next{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:14px;border:1.5px dashed rgba(255,255,255,.28);text-align:center;padding:16px}
.bl-series-next>span{display:flex;flex-direction:column;gap:2px}
.bl-series-next b{font-size:15px;color:var(--paper)}.bl-series-next span span{font-size:13px;color:color-mix(in srgb,var(--paper) 70%,transparent)}
.bl-chip-ser{border-color:var(--terra);color:var(--terra);font-weight:700}
.bl-chip-ser[aria-pressed="true"]{background:var(--terra);color:var(--on-terra)}
.bl-ser-tag{display:inline-block;width:max-content;font-size:12px;font-weight:700;color:var(--terra);background:color-mix(in srgb,var(--terra) 10%,transparent);padding:1px 8px;border-radius:999px;margin-bottom:2px}
.bl-ser-k{margin-bottom:8px}
.bl-ser-k a{font-size:14px;font-weight:700;color:var(--terra);text-decoration:none;background:color-mix(in srgb,var(--terra) 10%,transparent);padding:3px 12px;border-radius:999px}
.bl-ser-box{margin-top:clamp(28px,4vw,40px);padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--sheet)}
.bl-ser-box-k{font-size:13px;font-weight:700;color:var(--terra);margin-bottom:8px}
.bl-ser-box ol{margin:0;padding-inline-start:1.4em;display:flex;flex-direction:column;gap:6px;font-size:15px}
.bl-ser-box a{color:var(--ink);text-decoration:none;font-weight:700}
.bl-ser-box a:hover{color:var(--terra)}
.bl-ser-box li.on span{color:var(--ink-2)}
.bl-ser-box li.on span::after{content:" · تقرؤه الآن";font-size:13px}
.bl-ser-box-next{list-style:none;margin-inline-start:-1.4em;margin-top:4px;font-size:14px;color:var(--ink-2)}
.bl-hero2-ph img{object-position:center 30%}

/* ===== عن الكاتب (كانت صفحة صياح) ===== */
.bl section.bl-me{padding-block:0;border-top:0}
.bl-me{margin-top:clamp(56px,7vw,90px);scroll-margin-top:20px}
.bl-hero-links{display:flex;gap:18px;margin-top:14px;font-size:15px}
.bl-hero-links a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:5px}
.bl-hero-links a:hover{color:var(--terra);text-decoration-color:var(--terra)}
.bl-me-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;max-width:46em}
.bl-me-head img{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.bl-me-head .bl-hero-k{margin-bottom:2px}
.bl-me-head h2{font-size:clamp(26px,2.6vw,36px);line-height:1.35}
.bl-me-bio{margin-top:6px;font-size:15px;color:var(--ink-2);line-height:1.9}
.bl-me-bio:empty{display:none}
.bl-me-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:22px}
.bl-me-card{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:stretch;border:1px solid var(--line);border-radius:16px;background:var(--sheet);color:var(--ink);text-decoration:none;overflow:hidden;transition:border-color .2s,transform .2s}
.bl-me-card:hover{border-color:var(--terra);transform:translateY(-2px)}
.bl-me-cta{grid-template-columns:minmax(0,1fr);background:var(--terra);border-color:var(--terra);color:var(--on-terra)}
.bl-me-cta .bl-me-k,.bl-me-cta .bl-me-tx>span:not(.bl-me-k),.bl-me-cta i{color:var(--on-terra)!important;opacity:.9}
.bl-me-img{order:2}.bl-me-img img{display:block;width:100%;height:100%;object-fit:cover;background:var(--paper)}
.bl-me-tx{display:flex;flex-direction:column;gap:4px;padding:16px 18px}
.bl-me-k{font-size:13px;font-weight:700;color:var(--terra)}
.bl-me-tx b{font-size:17px;line-height:1.5}
.bl-me-tx>span:not(.bl-me-k){font-size:14px;color:var(--ink-2);line-height:1.8}
.bl-me-tx i{margin-top:auto;padding-top:6px;font-style:normal;font-weight:700;font-size:14px;color:var(--terra);display:inline-flex;gap:4px;align-items:center}
.bl-me-tx i svg,.bl-me-links svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl-me-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(18px,3vw,34px);margin-top:30px}
.bl-me-2:has(> [hidden] + [hidden]){display:none}
.bl-me-col h3{font-size:17px;margin-bottom:8px}
.bl-me-links{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.bl-me-links li{border-bottom:1px solid var(--line)}
.bl-me-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.bl-me-links a:hover{color:var(--terra)}
.bl-me-vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.bl-me-vid{display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.6}
.bl-me-vid:hover b{color:var(--terra)}
.bl-me-vimg{position:relative;display:block;border-radius:10px;overflow:hidden;background:var(--ink);aspect-ratio:16/9}
.bl-me-vimg img{width:100%;height:100%;object-fit:cover;display:block}
.bl-me-vimg i{position:absolute;inset:0;margin:auto;width:46px;height:32px;border-radius:9px;background:rgba(0,0,0,.65);display:grid;place-items:center}
.bl-me-vimg svg{width:18px;height:18px;fill:white}
.bl-me-contact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,36px);margin-top:34px;padding:clamp(20px,3vw,30px);border-radius:18px;border:1px solid var(--line);background:var(--sheet);scroll-margin-top:20px}
.bl-me-ct h3{font-size:20px}
.bl-me-ct p{margin-top:6px;font-size:15px;color:var(--ink-2);line-height:1.9}
.bl-me-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bl-me-social a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-ctl);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px}
.bl-me-social a:hover{border-color:var(--terra);color:var(--terra)}
.bl-me-social svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bl-me-form{display:flex;flex-direction:column;gap:10px}
.bl-me-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bl-me-form label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink-2)}
.bl-me-form input,.bl-me-form textarea{font:inherit;font-size:16px;font-weight:400;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--paper);color:var(--ink);outline:0;width:100%;resize:vertical}
.bl-me-form input:focus,.bl-me-form textarea:focus{border-color:var(--terra)}
.bl-me-fa{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bl-me-msg{font-size:14px;margin:0}.bl-me-msg.ok{color:var(--ok)}.bl-me-msg.bad{color:var(--stop)}
@media (max-width:760px){.bl-me-2,.bl-me-contact{grid-template-columns:minmax(0,1fr)}.bl-me-row{grid-template-columns:minmax(0,1fr)}.bl-me-card{grid-template-columns:minmax(0,1fr) 96px}}
.bl-preview .top,.bl-preview .bb-legal,.bl-preview [data-pill]{pointer-events:none}
.bl-me-form .bl-hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%)}

/* مجموعات الأرشيف تُفتح وتُطوى */
details.bl-grp{margin-top:0;border-bottom:1px solid var(--line)}
details.bl-grp:first-of-type{border-top:2px solid var(--ink);margin-top:22px}
details.bl-grp>summary{list-style:none;cursor:pointer;grid-template-columns:minmax(0,1fr) auto 34px;padding:16px 4px;border-bottom:0;transition:background-color .15s}
details.bl-grp>summary::-webkit-details-marker{display:none}
details.bl-grp>summary:hover{background:color-mix(in srgb,var(--terra) 4%,transparent)}
details.bl-grp>summary h3{transition:color .15s}
details.bl-grp>summary:hover h3{color:var(--terra)}
.bl-grp-ar{grid-column:3;grid-row:1/span 2;align-self:center;justify-self:end;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:var(--sheet);transition:transform .25s,border-color .15s}
.bl-grp-ar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
details.bl-grp[open]>summary .bl-grp-ar{transform:rotate(180deg);border-color:var(--terra);color:var(--terra)}
details.bl-grp[open]>summary{border-bottom:1px solid var(--line)}
details.bl-grp .bl-rows .bl-row:last-child{border-bottom:0}
details.bl-grp .bl-grp-h>span{grid-column:2;grid-row:1}
@media (max-width:760px){details.bl-grp>summary{grid-template-columns:minmax(0,1fr) 34px}.bl-grp-ar{grid-column:2}details.bl-grp .bl-grp-h>span{display:inline;grid-column:1;grid-row:3;font-size:13px}}

/* التعليقات */
.bl section.bl-cmt{padding-block:0;border-top:0}
.bl-cmt{margin-top:clamp(36px,5vw,52px);scroll-margin-top:70px}
.bl-cmt h2{font-size:20px;margin-bottom:14px}
.bl-cmt h2 span{color:var(--ink-2);font-size:15px;font-weight:400}
.bl-cmt-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:14px}
.bl-cmt-list:empty{display:none}
.bl-cmt-c{padding:14px 16px;border-radius:14px;background:var(--sheet);border:1px solid var(--line)}
.bl-cmt-c.me{background:color-mix(in srgb,var(--terra) 6%,var(--sheet));border-color:color-mix(in srgb,var(--terra) 30%,var(--line))}
.bl-cmt-h{display:flex;align-items:baseline;gap:8px;font-size:14px}
.bl-cmt-h i{font-style:normal;font-size:12px;font-weight:700;color:var(--on-terra);background:var(--terra);padding:1px 8px;border-radius:999px}
.bl-cmt-h time{margin-inline-start:auto;font-size:13px;color:var(--ink-2)}
.bl-cmt-b{margin-top:6px;font-size:15px;line-height:1.95}
.bl-cmt-b p+p{margin-top:.6em}
.bl-cmt-reps{margin:8px 26px 0 0;display:flex;flex-direction:column;gap:8px}
.bl-cmt-f{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--sheet)}
.bl-cmt-k{font-weight:700;font-size:15px}
.bl-cmt-f textarea,.bl-cmt-f input{font:inherit;font-size:16px;font-weight:400;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--paper);color:var(--ink);outline:0;width:100%;resize:vertical}
.bl-cmt-f textarea:focus,.bl-cmt-f input:focus{border-color:var(--terra)}
.bl-cmt-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.bl-cmt-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-2)}
.bl-cmt-a{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bl-cmt-msg{font-size:14px;margin:0}.bl-cmt-msg.ok{color:var(--ok)}.bl-cmt-msg.bad{color:var(--stop)}
.bl-cmt-note{font-size:13px;color:var(--ink-2)}
.bl-cmt-f .bl-hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%)}
@media (max-width:560px){.bl-cmt-row{grid-template-columns:minmax(0,1fr)}}

/* ---------------- صفحات الهبوط: كيف نعمل معاً، الاثنينية، رحلة أبو نواف، الأدلة ---------------- */
.lp section,.lp header.lp-hero{padding-block:0;border-top:0}
.lp-main{padding-bottom:48px;max-width:980px}
.lp-crumb{display:flex;gap:8px;font-size:14px;color:var(--ink-2);padding-top:22px}
.lp-crumb a{color:inherit}
.lp-hero{padding-block:clamp(26px,5vw,56px) clamp(10px,2vw,18px);max-width:44em}
.lp-k{font-size:14px;font-weight:700;color:var(--terra);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.lp-k::before{content:"";width:22px;height:2px;background:var(--terra);border-radius:2px}
.lp-hero h1{font-size:clamp(38px,4.4vw,56px);line-height:1.28;letter-spacing:-.01em;text-wrap:balance}
.lp-lede{font-size:clamp(17px,1.6vw,20px);color:var(--ink-2);margin-top:16px;line-height:1.9;text-wrap:pretty}
.lp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:24px}
.lp-btn{padding:12px 26px;font-size:15px}
.lp-lnk{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--terra);text-decoration:none}
.lp-lnk svg,.lp-story svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp-sec{margin-top:clamp(40px,6vw,68px)}
.lp-sec h2{font-size:26px;line-height:1.4;margin-bottom:16px}
.lp-n{font-size:13px;font-weight:700;color:var(--terra);letter-spacing:.02em;margin-bottom:4px}
.lp-p{font-size:17px;line-height:1.95;color:var(--ink);max-width:40em;margin-bottom:12px}
.lp-hint{font-size:15px;color:var(--ink-2)}
.lp-h3{font-size:17px;margin:22px 0 12px}
.lp-two{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}
.lp-col{border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px;background:var(--sheet)}
.lp-col h3{font-size:17px;margin-bottom:8px}
.lp-col p{line-height:1.9;color:var(--ink-2)}
.lp-col-me{border-color:var(--terra);box-shadow:var(--lift)}
.lp-col-me>p{color:var(--ink);font-weight:700}
.lp-ticks{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.lp-ticks li{position:relative;padding-inline-start:26px;line-height:1.85}
.lp-ticks li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:12px;height:7px;border-inline-start:2px solid var(--terra);border-bottom:2px solid var(--terra);transform:rotate(-45deg) scaleX(-1)}
.lp-pull{margin-top:22px;font-size:20px;font-weight:700;line-height:1.7;border-inline-start:3px solid var(--terra);padding-inline-start:16px;max-width:34em}
.lp-three{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:t}
.lp-three li{counter-increment:t;border:1px solid var(--line);border-radius:var(--r-card);padding:18px;background:var(--sheet);display:grid;gap:6px}
.lp-three li::before{content:counter(t);font-weight:700;color:var(--terra);font-size:20px;line-height:1}
.lp-three b{font-size:17px}
.lp-three span{color:var(--ink-2);line-height:1.85}
.lp-price{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--terra);border-radius:var(--r-card);overflow:hidden;background:var(--sheet);box-shadow:var(--lift)}
.lp-price-main{padding:26px}
.lp-price-main h3{font-size:20px;margin-bottom:10px}
.lp-price-main>p{line-height:1.9;color:var(--ink-2)}
.lp-amt{margin-top:18px;color:var(--ink)!important;font-size:17px}
.lp-amt b{font-size:36px;color:var(--terra);font-variant-numeric:lining-nums;margin-inline-end:6px}
.lp-amt-n{font-size:15px;margin:4px 0 18px}
.lp-stages{list-style:none;margin:0;padding:22px 24px;background:color-mix(in srgb,var(--terra) 6%,var(--sheet));display:grid;gap:4px;align-content:center}
.lp-stages li{display:flex;align-items:center;gap:12px;padding:7px 0;font-weight:500}
.lp-stages i{font-style:normal;width:26px;height:26px;border-radius:50%;border:1px solid var(--terra);color:var(--terra);display:grid;place-items:center;font-size:13px;flex:none}
.lp-other{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;border:1px dashed var(--line-2);border-radius:var(--r-card);padding:16px 20px}
.lp-other h3{font-size:17px}
.lp-other p{color:var(--ink-2);font-size:15px;margin-top:4px}
.lp-other>span{font-weight:700;white-space:nowrap}
.lp-story{display:grid;gap:4px;margin-top:12px;border-radius:var(--r-card);padding:18px 20px;background:var(--ink);color:var(--paper);text-decoration:none}
.lp-story-k{font-size:13px;opacity:.8}
.lp-story b{font-size:20px}
.lp-story span:last-child{display:inline-flex;align-items:center;gap:6px;opacity:.9}
.lp-manifesto{border-block:1px solid var(--line);padding-block:28px!important}
.lp-manifesto p{font-size:18px;line-height:2;max-width:40em;margin-bottom:12px}
.lp-manifesto a{color:var(--terra)}
.lp-faq{display:grid;gap:8px;max-width:46em}
.lp-faq details{border:1px solid var(--line);border-radius:var(--r-card);background:var(--sheet)}
.lp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-weight:700;font-size:17px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary i,.lp-st-ar{width:20px;height:20px;flex:none;transition:transform .2s}
.lp-faq summary svg,.lp-st-ar svg{width:20px;height:20px;fill:none;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp-faq details[open] summary i,.lp-st[open] .lp-st-ar{transform:rotate(180deg)}
.lp-faq details p{padding:0 18px 16px;line-height:1.95;color:var(--ink-2)}
.lp-faq a{color:var(--terra)}
.lp-cta{margin-top:clamp(40px,6vw,68px);text-align:center;border-radius:calc(var(--r-card) + 4px);padding:clamp(28px,5vw,48px) 20px;background:color-mix(in srgb,var(--terra) 8%,var(--sheet));border:1px solid color-mix(in srgb,var(--terra) 30%,var(--line))}
.lp-cta h2{font-size:clamp(26px,3vw,36px)}
.lp-cta p{max-width:34em;margin:10px auto 20px;color:var(--ink-2);line-height:1.9}
.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-cards-4{grid-template-columns:repeat(4,1fr)}
.lp-card{border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;background:var(--sheet);color:inherit;text-decoration:none}
a.lp-card:hover{border-color:var(--terra)}
.lp-card h3{font-size:17px;margin-bottom:6px}
.lp-card p{color:var(--ink-2);line-height:1.85;font-size:15px}
.lp-sec-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.lp-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.lp-list li{display:grid;gap:3px;border-inline-start:2px solid var(--terra);padding-inline-start:14px}
.lp-list span{color:var(--ink-2);line-height:1.85}
.lp-stations{display:grid;gap:10px}
.lp-st{border:1px solid var(--line);border-radius:var(--r-card);background:var(--sheet)}
.lp-st[open]{border-color:color-mix(in srgb,var(--terra) 45%,var(--line));box-shadow:var(--lift)}
.lp-st summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 18px}
.lp-st summary::-webkit-details-marker{display:none}
.lp-st-n{font-style:normal;width:34px;height:34px;border-radius:50%;background:var(--terra);color:var(--on-terra);display:grid;place-items:center;font-weight:700;flex:none}
.lp-st summary span{flex:1;display:grid}
.lp-st small{font-size:13px;color:var(--terra);font-weight:700}
.lp-st summary b{font-size:17px}
.lp-st-b{padding:4px 20px 20px;display:grid;gap:14px}
.lp-st-b>p{line-height:1.95}
.lp-st blockquote{margin:0;font-size:18px;line-height:1.85;font-weight:500;background:color-mix(in srgb,var(--terra) 6%,var(--sheet));border-radius:var(--r-ctl);padding:14px 16px}
.lp-st blockquote span{display:block;font-size:13px;color:var(--terra);font-weight:700;margin-bottom:4px}
.lp-st-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-st-g>div,.lp-st-got{border:1px solid var(--line);border-radius:var(--r-ctl);padding:14px 16px}
.lp-st h4{font-size:14px;color:var(--terra);margin-bottom:6px}
.lp-st-g p,.lp-st-got p{line-height:1.9;color:var(--ink-2)}
.lp-st-got{border-color:var(--terra);background:var(--sheet)}
.lp-st-got a{color:var(--terra)}
.lp-quotes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-quotes figure{margin:0;border:1px solid var(--line);border-radius:var(--r-card);padding:22px;background:var(--sheet);display:grid;gap:14px;align-content:space-between}
.lp-quotes blockquote{margin:0;font-size:18px;line-height:1.9}
.lp-quotes figcaption{color:var(--ink-2);font-size:15px}
.lp-quotes figcaption b{color:var(--ink);margin-inline-end:6px}
.lp-honest{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-card);padding:24px!important}
.lp-honest p{line-height:2;margin-bottom:10px;max-width:42em}
.lp-hero-split{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(20px,4vw,44px);align-items:center;max-width:none}
.lp-fig{margin:0;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line)}
.lp-fig img{display:block;width:100%;height:auto}
.lp-when{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.lp-when span{border:1px solid var(--line-2);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700;background:var(--sheet)}
.lp-form{display:grid;grid-template-columns:1fr auto;gap:8px 10px;margin-top:22px;max-width:30em}
.lp-form input[type=email]{font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--line-2);border-radius:var(--r-ctl);background:var(--sheet);color:var(--ink);min-width:0}
.lp-form .bl-sub-msg,.lp-form .lp-note,.lp-form .lp-open{grid-column:1/-1}
.lp-form .lp-open{justify-self:start}
.lp-note{font-size:14px;color:var(--ink-2);line-height:1.8}
.lp-note a{color:var(--terra)}
.lp-res{max-width:40em}
.lp-res .lp-ticks{margin-top:18px}
@media (max-width:860px){
  .lp-two,.lp-price,.lp-sec-2,.lp-quotes,.lp-hero-split{grid-template-columns:1fr}
  .lp-three,.lp-cards,.lp-cards-4{grid-template-columns:1fr}
  .lp-st-g{grid-template-columns:1fr}
  .lp-fig{order:-1}
}
@media (min-width:600px) and (max-width:860px){.lp-cards-4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.lp-form{grid-template-columns:1fr}.lp-other{flex-direction:column;align-items:flex-start}}
/* سطر التواصل الموحد (قرار صياح 023) */
.bl-ask{text-align:center;font-size:15px;color:var(--ink-2);margin:32px auto 0;padding:0 16px}
.bl-ask a{color:var(--terra);font-weight:700;text-underline-offset:3px}

/* عناصر المحرر المحترف في المقال */
.bl-body figure.wide{margin-inline:calc(-1 * min(120px, (100vw - 100%) / 2 - 12px));max-width:none}
.bl-body p.cta.center{text-align:center}
.bl-body details.toggle{border:1px solid var(--line);border-radius:12px;background:var(--sheet);padding:0 18px;margin:1.2em 0}
.bl-body details.toggle>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-weight:700}
.bl-body details.toggle>summary::-webkit-details-marker{display:none}
.bl-body details.toggle>summary::after{content:"";width:9px;height:9px;border-inline-end:2px solid var(--terra);border-bottom:2px solid var(--terra);transform:rotate(45deg) translateY(-3px);transition:transform .2s;flex:none}
.bl-body details.toggle[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.bl-body details.toggle>.toggle-b{padding-bottom:6px}
.bl-body details.toggle>.toggle-b>*{margin:0 0 1em}
.bl-body .only-web>*{margin:0 0 1.05em}
.bl-body aside.post-card{margin:1.6em 0}
.bl-body aside.post-card a{display:flex;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--sheet);text-decoration:none;color:inherit;transition:border-color .15s}
.bl-body aside.post-card a:hover{border-color:var(--terra);text-decoration:none}
.bl-body aside.post-card img{width:clamp(110px,28%,190px);height:auto;object-fit:cover;border:0;border-radius:0;flex:none;aspect-ratio:16/10}
.bl-body aside.post-card .pc-t{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 18px;min-width:0;text-align:start}
.bl-body aside.post-card .pc-k{font-size:13px;color:var(--terra);font-weight:700}
.bl-body aside.post-card b{font-size:1.02em;line-height:1.6}
.bl-body aside.post-card .pc-s{font-size:.85em;color:var(--ink-2);line-height:1.8}
.bl-body sup.fn{font-size:.65em;line-height:0;margin-inline-start:2px}
.bl-body sup.fn a{text-decoration:none;font-weight:700;padding:0 2px}
.bl-body .bl-fns{margin-top:2.4em;padding-top:1.2em;border-top:1px solid var(--line);font-size:.86em;color:var(--ink-2)}
.bl-body .bl-fns h2{font-size:1.05em;margin:0 0 .6em}
.bl-body .bl-fns li{margin-bottom:.5em}
.bl-body .bl-fns a{text-decoration:none}
.bl-body .bl-sub-in{margin:2em 0}
.bl-prevbar{position:sticky;top:0;z-index:20;margin:0;padding:8px 16px;text-align:center;font-size:14px;font-weight:700;background:var(--ink);color:var(--paper)}
@media (max-width:760px){.bl-body figure.wide{margin-inline:calc(-1 * clamp(16px,3.5vw,36px))}.bl-body figure.wide img{border-radius:0;border-inline:0}}

/* دستور التصميم ١ (28 أكتوبر 2026): المدونة على ورق المسطّر، والأزرار بزاوية 10 وارتفاعات 36 و44 و52، والحقول بحد line-ctl.
   القيم كلها من /design/albait-tokens.css. القلم: data-pen="underline" على العناوين الفرعية في المتن، وdata-pen="margin" على الاقتباس */
body.bl{--r-ctl:var(--radius-ctl);--r-card:var(--radius-card)}
body.bl .btn{box-sizing:border-box;min-height:var(--ctl-md);padding-block:0;border-radius:var(--radius-ctl);font-size:14px}
body.bl .btn.sm{min-height:var(--ctl-sm);font-size:13px}
body.bl .btn.line{background:var(--sheet);color:var(--ink);border-color:var(--line-ctl)}

/* شريط الكاتب تحت رأس الموقع (قرار صياح 29 أكتوبر): صفحة المقال صفحة صيّاح */
header.top.ab-site .ab-room--writer{background:var(--sheet)}
header.top.ab-site .ab-room--writer .ab-room__in{height:44px;gap:14px}
.bl-wb-me{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:700;white-space:nowrap}
.bl-wb-me img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}
header.top.ab-site .ab-room--writer .ab-room__in>span{margin-inline-start:auto}
header.top.ab-site .ab-room--writer .bl-wb-sub{height:var(--ctl-sm);padding-inline:14px;font-size:13px;flex:none}
:root:has(header.top.ab-site .ab-room--writer){--ab-head-h:104px}
@media (max-width:860px){header.top.ab-site .ab-room--writer .bl-wb-sub{margin-inline-start:auto}}
/* صورة الكاتب في شريطه أعلى الصفحة، فلا تتكرر تحت العنوان */
.bl-byline img{display:none}
.bl section.bl-sub{padding:clamp(20px,3vw,30px)}