/* Shared reading layout for published guides; no runtime dependencies. */
.publication-note { max-width:900px; font-size:14px; color:var(--muted); line-height:1.7; }
.article-shell { padding-top:50px; }
.article-shell h1 { max-width:950px; font-size:clamp(34px,5vw,62px); }
.article-grid { display:grid; grid-template-columns:minmax(0,850px) minmax(160px,220px); gap:48px; margin:36px 0; align-items:start; }
.article-grid article { min-width:0; }
.article-grid h2 { font-size:27px; margin:38px 0 14px; scroll-margin-top:24px; }
.article-grid p,.article-grid li { font-size:16px; line-height:1.8; }
.article-aside { position:sticky; top:24px; border-left:1px solid var(--line); padding-left:22px; font-size:14px; }
.article-aside li { margin-bottom:12px; }
.article-sections { padding:16px 20px; border:1px solid var(--line); border-radius:6px; }
.article-sections ol { margin:0; padding-left:20px; }
.article-sections li { font-size:14px; margin:5px 0; }
.article-shell .table-scroll { max-width:100%; overflow-x:auto; margin:24px 0; border:1px solid var(--line); border-radius:6px; }
.article-shell .table-scroll table { min-width:660px; width:100%; margin:0; border-collapse:collapse; }
.article-shell .table-scroll caption { padding:12px; margin:0; line-height:1.6; }
.article-shell .table-scroll th,.article-shell .table-scroll td { padding:12px; line-height:1.65; }
.article-shell .source-list { padding-left:26px; overflow-wrap:anywhere; }
.article-shell .source-list li { font-size:13px; margin:0 0 18px; }
.article-shell .source-list small { display:block; color:var(--muted); line-height:1.65; margin-top:5px; }
.source-list :target { background:#e9eee3; outline:2px solid var(--mg1); outline-offset:4px; }
.source-ref { font-size:12px; white-space:nowrap; }
.article-footer,.site-footer { display:flex; flex-wrap:wrap; gap:18px; padding:24px 0 40px; font-size:14px; }
@media(max-width:760px) {
  .article-shell { padding-top:30px; }
  .article-grid { display:flex; flex-direction:column; gap:28px; }
  .article-grid article { width:100%; }
  .article-aside { position:static; }
  .article-grid p,.article-grid li { font-size:15px; }
  .article-grid h2 { font-size:25px; }
  .article-shell .source-list li { font-size:13px; }
}

/* These historical pages predate the powertrain article layout. */
.article-shell .source-note { max-width:920px; border-left:3px solid var(--mg1); padding:14px 20px; background:#e9eee3; font-size:14px; line-height:1.7; }
.article-shell .related-topic { margin:22px 0 30px; line-height:1.7; }