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; }
/* N147: two home-comparison points with a slim green left rule. */
.articleDocument #infoDetail #detailBody .avmuriHomeComparePoints {
list-style:disc outside; border-left:3px solid #4f9b68;
margin:14px 0 16px; padding:4px 0 4px 30px;
}
.articleDocument #infoDetail #detailBody .avmuriHomeComparePoints li {
display:list-item; margin:0 0 12px; padding:0;
}
.articleDocument #infoDetail #detailBody .avmuriHomeComparePoints li:last-child {margin-bottom:0;}
/* N148: narrowly scoped educational inline-link visibility. */
body.articleDocument #infoDetail.articlePage #detailBody p a[href]:not(.articleAction):not(.sourceLink),
body.articleDocument #infoDetail.articlePage #detailBody li a[href]:not(.articleAction):not(.sourceLink) {
text-decoration-line: underline !important;
text-decoration-style: solid !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px;
text-decoration-color: #b9d7c4 !important;
font-style: italic;
}
/* N148: the question's green rule must be visible inside the existing detail block. */
body.articleDocument #infoDetail.articlePage #detailBody p.avmuriIncomeComparison {
border-left: 3px solid #73b18a !important;
padding: 9px 0 9px 13px !important;
margin: 17px 0 !important;
font-weight: 400 !important;
}
/* N148: keep existing article footer links plainly recognizable, including on phones. */
body.articleDocument #infoDetail.articlePage .articleFooter {
display: flex !important;
visibility: visible !important;
gap: 18px;
padding-bottom: 16px;
}
body.articleDocument #infoDetail.articlePage .articleFooter a[href] {
display: inline-block;
color: #e5f0e9 !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px;
font-size: 16px;
}
/* N149: heading emphasis and ordinary-weight question; retain green rule. */
body.articleDocument #infoDetail.articlePage #detailBody .avmuriIncomeComparison > .avmuriIncomeComparisonTitle {
display: block;
font-weight: 700;
margin-bottom: 5px;
}
body.articleDocument #infoDetail.articlePage #detailBody .avmuriIncomeComparison > .avmuriIncomeComparisonQuestion {
font-weight: 400;
}
/* N153: clear labels and regular-weight explanatory text in two article lists */
.avmuri-readable-labels > li { font-weight: 400; }
.avmuri-readable-labels > li > b { display: block; font-weight: 700; margin-bottom: 0.12em; }
.avmuri-readable-prompt { font-weight: 400; }
.avmuri-readable-prompt > b { display: block; font-weight: 700; margin-bottom: 0.12em; }
/* N164: remove link underlines only in the Topics article directory. */
body.articleDocument.topicsDirectoryPage #infoDetail #detailBody .articleDirectory a[href] { text-decoration: none !important; }
/* N407: keep calculator link on the same text line without extra vertical margins. */
.articlePage .budgetCalculatorSentence .articleAction{margin-top:0;margin-bottom:0;vertical-align:baseline;}