/* Stage-one article opening and expandable reading sections. */
.saudi-article { --green:#205744; --gold:#b69246; --muted:#607268; --border:#dbe5d9; }
.saudi-article .post-hero { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:32px; align-items:start; padding:30px 0 34px; border-bottom:1px solid var(--border); }
.saudi-article .post-hero-copy { min-width:0; }
.saudi-article .post-hero .article-title { font-size:clamp(28px,2.35vw,35px); line-height:1.5; margin:0 0 18px; text-align:start; text-wrap:pretty; }
.saudi-article .post-hero .featured { width:100%; margin:0; padding:7px; border:1px solid #e2e4d8; border-radius:22px; box-shadow:0 18px 42px -22px #1b513743; }
.saudi-article .post-hero .featured img { width:100%; height:auto; display:block; border-radius:15px; }
.saudi-article .post-hero .people { display:grid; grid-template-columns:1fr; width:100%; gap:0; padding:0 12px; margin:0; background:#ffffff60; border:1px solid #e5e8df; border-radius:10px; }
.saudi-article .post-hero .by-person { display:flex; gap:9px; padding:9px 0; border:0; font-size:11px; line-height:1.65; align-items:center; }
.saudi-article .post-hero .by-person+.by-person { border-top:1px solid #e8ebdf; padding-inline-start:0; }
.saudi-article .post-hero .by-person a { display:block; font-size:13px; margin:0; }
.saudi-article .post-hero .author-avatar { width:34px; height:34px; flex-shrink:0; }
.saudi-article .post-hero .author-avatar img { width:34px; height:34px; object-fit:cover; border-radius:50%; }
.saudi-article .post-hero .updated { margin:0; padding:7px 0 8px; border-top:1px solid #e8ebdf; font-size:10px; text-align:start; color:#738073; }
.saudi-article .article-guide { margin:28px 0 44px; }
.saudi-article .guide-intro { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.saudi-article .guide-intro>span { font-weight:700; font-size:15px; }
.saudi-article .guide-intro small { font-size:12px; color:var(--muted); }
.saudi-article .guide-panels { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.saudi-article .guide-item { min-width:0; border:1px solid #d9e2d5; border-radius:16px; overflow:hidden; background:white; box-shadow:0 7px 24px -15px #20574445; }
.saudi-article .guide-item summary { display:flex; align-items:center; gap:14px; padding:22px; cursor:pointer; list-style:none; min-height:96px; background:linear-gradient(120deg,#f2f5e9,#fff 65%); }
.saudi-article .guide-item summary strong { display:block; color:var(--green); font-size:19px; }
.saudi-article .guide-item summary small { display:block; font-size:12px; color:var(--muted); line-height:1.7; }
.saudi-article .guide-icon { font-size:24px; display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#205744; color:#f2d693; flex-shrink:0; }
.saudi-article .toggle-icon { margin-inline-start:auto; display:grid; place-items:center; width:32px; height:32px; border:1px solid #d7c698; border-radius:50%; font-size:22px; line-height:1; color:#8e6d2b; background:white; flex-shrink:0; }
.saudi-article .guide-item[open] { border-color:var(--gold); }
.saudi-article .guide-item[open] .toggle-icon { transform:rotate(45deg); }
.saudi-article .guide-item[open] summary { border-bottom:1px solid #e7ebdf; margin-bottom:12px; }
.saudi-article .guide-body { padding:0 20px 20px; }
.saudi-article .guide-links { list-style:none; margin:0; padding:0; }
.saudi-article .guide-links a { display:flex; gap:12px; padding:10px 0; border-top:1px solid #edf0e9; font-size:14px; text-decoration:none; line-height:1.8; overflow-wrap:anywhere; }
.saudi-article .guide-links a:hover { text-decoration:underline; }
.saudi-article .guide-links a span { color:var(--gold); font-size:12px; font-weight:700; flex-shrink:0; }
.saudi-article .key-points { margin:0; padding:0; padding-inline-start:20px; font-size:15px; }
.saudi-article .key-points li { padding:10px 0; }
.saudi-article .key-points li::marker { color:var(--gold); }
.saudi-article .article-section { margin:0 0 30px; }
.saudi-article .section-fold { border:1px solid #d9e2d5; border-radius:18px; background:#fff; box-shadow:0 8px 26px -17px #20574440; overflow:hidden; }
.saudi-article .section-fold>summary { position:relative; list-style:none; cursor:pointer; display:flex; align-items:center; gap:18px; padding:26px 24px; background:linear-gradient(115deg,#f1f4e9 0%,#fff 58%); border-inline-start:4px solid #b69246; }
.saudi-article .section-fold>summary:hover,.saudi-article .guide-item summary:hover { background:linear-gradient(115deg,#e5eedf,#fff 70%); }
.saudi-article .section-fold>summary::-webkit-details-marker,.saudi-article .guide-item summary::-webkit-details-marker { display:none; }
.saudi-article .fold-copy { flex:1; min-width:0; }
.saudi-article .section-fold>summary h2 { margin:0!important; font-size:26px!important; line-height:1.6; scroll-margin-top:110px; overflow-wrap:anywhere; }
.saudi-article .fold-preview { display:block; font-size:14px; line-height:1.8; color:#738073; margin-top:9px; padding-inline-start:67px; }
.saudi-article .fold-action { display:flex; align-items:center; flex-shrink:0; gap:9px; background:#205744; color:#fff; border-radius:28px; padding:8px 14px 8px 8px; font-size:12px; font-weight:700; }
.saudi-article .fold-action b { display:grid; place-items:center; border:1px solid #ffffff45; border-radius:50%; background:#ffffff16; color:#f6e2ac; width:30px; height:30px; font:400 22px/1 sans-serif; }
.saudi-article .section-fold[open]>summary { background:#fafbf7; border-bottom:1px solid #e5e9df; }
.saudi-article .section-fold[open]>summary .fold-preview { display:none; }
.saudi-article .section-fold[open]>summary .fold-action { background:#eef2e7; color:#205744; }
.saudi-article .section-fold[open]>summary b { transform:rotate(45deg); background:#205744; color:#fff; }
.saudi-article .section-fold[open]>summary .fold-word { font-size:0; }
.saudi-article .section-fold[open]>summary .fold-word:after { content:'إغلاق القسم'; font-size:12px; }
.saudi-article .section-body { padding:26px 32px; overflow-wrap:anywhere; }
.saudi-article .section-body> :first-child { margin-top:0; }
.saudi-article .section-fold:focus-within { border-color:#b69246; }
.saudi-article .section-fold summary:focus-visible,.saudi-article .guide-item summary:focus-visible { outline:3px solid #b69246; outline-offset:-4px; }
@media(max-width:720px) {
    .saudi-article .post-hero { grid-template-columns:minmax(0,1fr); gap:18px; padding:22px 0 26px; }
    .saudi-article .post-hero .article-title { font-size:26px; margin-bottom:15px; }
    .saudi-article .post-hero .featured { padding:5px; border-radius:17px; }
    .saudi-article .guide-panels { grid-template-columns:minmax(0,1fr); gap:12px; }
    .saudi-article .guide-intro { align-items:start; flex-direction:column; gap:2px; }
    .saudi-article .guide-item summary { padding:18px 16px; min-height:86px; }
    .saudi-article .guide-item summary strong { font-size:18px; }
    .saudi-article .guide-item summary small { font-size:11px; }
    .saudi-article .guide-icon { width:42px; height:42px; }
    .saudi-article .guide-body { padding:0 16px 16px; }
    .saudi-article .article-guide { margin:24px 0 32px; }
    .saudi-article .section-fold>summary { display:grid; grid-template-columns:minmax(0,1fr); gap:15px; padding:20px 16px; }
    .saudi-article .section-fold>summary h2 { font-size:21px!important; }
    .saudi-article .fold-preview { padding-inline-start:53px; font-size:12px; margin-top:8px; }
    .saudi-article .fold-action { justify-self:end; padding:5px 12px 5px 6px; gap:10px; font-size:11px; }
    .saudi-article .fold-action b { width:26px; height:26px; font-size:20px; }
    .saudi-article .section-fold[open]>summary { grid-template-columns:minmax(0,1fr) auto; gap:9px; }
    .saudi-article .section-fold[open]>summary .fold-action { padding:0; background:none; }
    .saudi-article .section-fold[open]>summary .fold-word { display:none; }
    .saudi-article .section-body { padding:20px 16px; }
}
/* The site-wide section spacing is for landing pages; article panels use their own spacing. */
.saudi-article .article-guide,.saudi-article .article-section { padding:0; }
.saudi-article .reading-section { padding:0; }
.saudi-article .post-hero .by-person a.review-policy-link,
.saudi-article .post-hero .people>a.review-policy-link {
    display:block;width:fit-content;max-width:100%;margin-top:4px;font-size:10px;
    font-weight:400;line-height:1.7;color:#738073;text-decoration:underline dotted;
    text-underline-offset:3px;overflow-wrap:anywhere;
}
.saudi-article .post-hero .updated { display:flex;align-items:center;gap:6px; }
.saudi-article .post-hero .updated:before { content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#b69246; }