/* Article reading, compact related sidebar and FAQ. */
.article-page-layout { max-width:68rem; }
.article-page-layout .article-reading-page { width:100%; margin-inline:auto; min-width:0; }
.article-body-section:has(.article-page-layout--with-related) { padding-top:clamp(1.25rem,2.5vw,2rem); }
/* Explicit areas keep the sidebar on the physical left in this RTL page. */
.article-page-layout--with-related {
 display:grid;
 direction:rtl;
 grid-template-columns:minmax(0,1fr) 16rem;
 grid-template-areas:"reading related";
 gap:clamp(1.25rem,3vw,2rem);
 align-items:start;
}
.article-page-layout--with-related .article-reading-page { grid-area:reading; max-width:none; padding-inline:clamp(1.2rem,3vw,2.5rem); }
.article-related { grid-area:related; min-width:0; width:100%; text-align:right; align-self:start; margin:0; }
.article-related-inner { border-top:2px solid var(--gold-500); padding-top:.85rem; }
.article-related .eyebrow { display:none; }
.article-related h2 { margin:0 0 .7rem; font-size:1.1rem; line-height:1.5; color:var(--brand-950); }
.article-related-list { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.article-related-card {
 display:grid;
 grid-template-columns:4.75rem minmax(0,1fr);
 column-gap:.7rem;
 align-content:start;
 padding:.85rem 0;
 margin:0;
 background:transparent;
 border:0;
 border-bottom:1px solid var(--border);
 border-radius:0;
 box-shadow:none;
 min-width:0;
 overflow:hidden;
}
.article-related-card:last-child { border-bottom:0; }
.article-related-card img { grid-column:1; grid-row:1 / span 2; display:block; width:4.75rem; height:4.75rem; max-width:100%; aspect-ratio:1; object-fit:cover; border-radius:.45rem; margin:0; }
.article-related-category { grid-column:2; grid-row:1; display:block; color:var(--gold-600); font-size:.72rem; font-weight:700; line-height:1.5; margin:0 0 .2rem; }
.article-related-card h3 { grid-column:2; grid-row:2; min-width:0; font-size:.94rem; line-height:1.55; margin:0; font-weight:700; overflow-wrap:anywhere; }
.article-related-card:not(:has(img)) { grid-template-columns:minmax(0,1fr); }
.article-related-card:not(:has(img)) :is(h3,.article-related-category) { grid-column:1; }
.article-related-card h3 a { color:var(--brand-950); text-decoration:none; }
.article-related-card h3 a:hover { text-decoration:underline; text-underline-offset:.18em; }
.article-related-card h3 a:focus-visible { outline:2px solid var(--gold-500); outline-offset:3px; }
.article-related-card p, .article-related-card .text-link { display:none; }
.article-faq { margin-top:2.5rem; padding-top:.5rem; border-top:1px solid var(--border); text-align:start; }
.article-faq .faq-list { display:grid; gap:.75rem; }
.article-faq .faq-list summary h3 { margin:0; font-size:1.04rem; line-height:1.6; }
.article-faq .faq-list details { border-radius:.75rem; }
.article-faq .faq-list summary { padding-inline-end:1.8rem; }
.article-faq-answer { padding-bottom:.9rem; }
.article-faq-answer p:last-child { margin-bottom:0; }
@media(max-width:860px){
 .article-page-layout--with-related { grid-template-columns:minmax(0,1fr); grid-template-areas:"related" "reading"; gap:1.25rem; }
 .article-page-layout .article-reading-page { max-width:48rem; }
 .article-related { max-width:48rem; margin:0 auto; }
 .article-related-list { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:1.25rem; }
 .article-related-card:last-child { border-bottom:1px solid var(--border); }
}
@media(max-width:600px){
 .article-page-layout { width:calc(100% - 1rem); }
 .article-page-layout .article-reading-page { padding:1.35rem 1rem; }
 .article-related { padding-inline:.5rem; }
 .article-related-list { grid-template-columns:minmax(0,1fr); }
 .article-related-card { grid-template-columns:4rem minmax(0,1fr); }
 .article-related-card img { width:4rem; height:4rem; }
 .article-related-card h3 { font-size:.95rem; }
 .article-faq .faq-list details { padding-inline:.9rem; }
}