html:has(body.articleDocument),body.articleDocument{height:auto;min-height:100%;overflow:auto;background:var(--av-bg,#091b22);color:var(--av-text,#f1f6f6);}
.articleDocument #infoDetail.articlePage{position:static;display:block;width:100%;max-width:900px;height:auto;min-height:100vh;margin:0 auto;padding:22px 22px 36px;overflow:visible;background:transparent;}
.articlePage h1{margin:18px 0 20px;font-family:Georgia,serif;font-size:clamp(30px,6vw,42px);line-height:1.18;font-weight:400;color:var(--av-text,#f1f6f6);overflow-wrap:break-word;}
.articlePage p,.articlePage li,.articlePage .detailBlock{font-size:18px;line-height:1.55;}
.articleNav{display:flex;justify-content:space-between;align-items:center;gap:18px;}
.articleNav>a{color:var(--av-text,#f1f6f6);font-size:34px;line-height:1;text-decoration:none;}
.articleNav .articleHome{font-family:inherit;font-size:18px;font-weight:400;padding:11px 18px;border:1px solid var(--av-border,#617b83);border-radius:16px;background:var(--av-card,#172e36);}
.articlePage .articleAction,.articlePage a{color:var(--av-text,#f1f6f6);}
.articlePage .articleAction{display:inline-block;margin:8px 0;font-style:italic;font-weight:400;}
.articlePage #detailBody a:not(.sourceLink){font-style:italic;font-weight:400;}
.articlePage a:focus-visible{outline:2px solid currentColor;outline-offset:4px;}
.articleDirectory{margin:0;padding-left:24px;}
.articleDirectory li{margin:12px 0;}
.articleFooter{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--av-border,#617b83);}
.articleDocument #externalExit{z-index:100;}
@media(max-width:390px){.articleDocument #infoDetail.articlePage{padding:18px 20px 30px;}.articlePage .detailBlock{padding:18px;}.articlePage h1{font-size:32px;}}


.articlePage #detailBody a,
.articlePage #detailBody a:visited,
.articlePage #detailBody a:hover,
.articlePage #detailBody a:active,
.articlePage .articleFooter a,
.articlePage .articleNav .articleHome{font-size:16px;font-weight:400;line-height:1.55;}
.articlePage .articleDirectory li{font-size:16px;line-height:1.55;}


.articleDocument .articlePage #detailBody a,
.articleDocument .articlePage #detailBody a:link,
.articleDocument .articlePage #detailBody a:visited,
.articleDocument .articlePage #detailBody a:hover,
.articleDocument .articlePage #detailBody a:active,
.articleDocument .articlePage #detailBody a:focus,
.articleDocument .articlePage .articleFooter a,
.articleDocument .articlePage .articleNav .articleHome{font-weight:400!important;}

/* N115: article reading size matches the learning directory's 16px topic text. */
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody,
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody .detailBlock,
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody p,
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody li {
  font-size:16px; line-height:1.55; font-weight:400;
}
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody .detailBlock {
  border-left:3px solid #4f9b68;
}
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody h2,
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody h3 {
  font-size:18px; line-height:1.35; font-weight:600;
  margin-top:22px; margin-bottom:14px;
}
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody .detailBlock > h3:first-child { margin-top:0; }
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody p { margin:12px 0; }
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody a:not(.sourceLink) {
  font-style:italic; font-weight:500!important;
  color:#e5f0e9!important; background:#203b43;
  border-radius:4px; padding:1px 3px;
  text-decoration:none!important; box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody a.sourceLink {
  font-style:italic; font-weight:500!important;
}

.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody h2,
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody h3 { font-weight:650; }
.articleDocument .articlePage:not(:has(.articleDirectory)) #detailBody p { margin:14px 0; }

/* N117: a consistent visible cue for every article content link. */
body.articleDocument #infoDetail.articlePage:not(:has(.articleDirectory)) #detailBody a {
  font-style:italic; font-weight:500!important;
  color:#e5f0e9!important; background:#203b43;
  border-radius:4px; padding:2px 4px;
  text-decoration:none!important; box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
body.articleDocument #infoDetail.articlePage:not(:has(.articleDirectory)) #detailBody a:hover,
body.articleDocument #infoDetail.articlePage:not(:has(.articleDirectory)) #detailBody a:focus-visible {
  background:#294d4a; outline:2px solid #86ad95; outline-offset:3px;
}
body:not(.articleDocument) #infoDetail #detailBody a[href]:not(.sourceLink) {
  font-style:italic; color:#e5f0e9!important; background:#203b43;
  border-radius:4px; padding:1px 3px;
}

/* N121: fixed navigation roles and placement on every article page. */
.articleDocument .articleNav { display:flex; align-items:center; justify-content:space-between; }
.articleDocument .articleNav .articleHome { margin-left:auto; }
.articleDocument .articleNav .articleBack { flex:0 0 auto; }

/* N142: visible car cost comparison, shared by app and article pages. */
#infoDetail #detailBody .avmuriCostExample {
 border-left:4px solid #4f9b68; padding-left:14px; margin:18px 0;
}
#infoDetail #detailBody .avmuriCostExample ul {
 display:block; list-style:disc outside; padding-left:22px; margin:12px 0 0;
}
#infoDetail #detailBody .avmuriCostExample ul li {
 display:list-item; margin:0 0 14px; padding:0;
}
#infoDetail #detailBody .avmuriCostExample ul li::marker { content:normal; }

/* N390: repair source descriptions use normal weight; preserve bold agency labels. */
a.sourceLink.avmuriRepairSource {font-weight:400!important;font-style:normal!important;}
a.sourceLink.avmuriRepairSource span {font-weight:400!important;font-style:normal!important;text-shadow:none!important;}
a.sourceLink.avmuriRepairSource strong {font-weight:700!important;}

/* N391: match #infoDetail specificity; keep agency abbreviations bold. */
#infoDetail #detailBody a.sourceLink.avmuriRepairSource {font-weight:400!important;font-style:normal!important;}
#infoDetail #detailBody a.sourceLink.avmuriRepairSource span {font-weight:400!important;font-style:normal!important;text-shadow:none!important;}
#infoDetail #detailBody a.sourceLink.avmuriRepairSource strong {font-weight:750!important;}