.reader-mast { position: relative; isolation: isolate; color: #fff; background: #171d26; overflow: hidden; }
.reader-mast.illustrated::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#141922 20%,#141922eb 45%,#14192230 90%); z-index: -1; }
.mast-art { position: absolute; width: 62%; height: 100%; right: 0; top: 0; object-fit: cover; object-position: 65% 52%; z-index: -2; }
.reader-heading { padding-block: 25px 35px; }
.reader-crumb { display: flex; align-items: center; gap: 8px; color: #d3d8df; font-size: 13px; }
.reader-crumb a { display: inline-flex; align-items: center; min-height: 32px; }
.reader h1 { margin: 7px 0 0; max-width: 21ch; font: 800 clamp(37px,4.4vw,65px)/1.04 Manrope,Arial,sans-serif; letter-spacing: -.048em; overflow-wrap: anywhere; }
.article-topic { margin: 10px 0 3px; color: #ffaf88; font-size: 14px; font-weight: 750; }
.article-info { display: flex; flex-wrap: wrap; gap: 3px 15px; margin: 13px 0 0; color: #e0e3e8; font-size: 13px; }
.reader-body { max-width: 980px; padding-block: 27px 60px; }
.reader-post .reader-body { max-width: 815px; }
.reader .prose > p:first-child { max-width: 66ch; margin-top: 0; font-size: clamp(17px,1.6vw,21px); color: #343d49; line-height: 1.55; }
.reader .prose > h2, .reader .prose section > h2, .related-guides h2 { font-size: clamp(23px,2.5vw,34px); line-height: 1.18; margin-block: 30px 12px; letter-spacing: -.04em; }
.reader-post .prose > p { max-width: 70ch; }
.reader .prose li { margin-block: 5px; }
.reader .prose h2[id], .reader .prose section[id], .reader .prose h3[id] { scroll-margin-top: 20px; }
.article-index,.bill-example { border-block: 1px solid var(--line); margin-block: 20px; }
.article-index summary, .bill-example summary { min-height: 48px; padding: 12px 2px; font-weight: 750; cursor: pointer; }
.article-index .wp-block-rank-math-toc-block { margin: 0 0 12px; padding: 0; border: 0; background: transparent; }
.article-index .wp-block-rank-math-toc-block h2 { display: none; }
.article-index ul { padding-inline-start: 23px; }
.article-index a { display: inline-block; padding-block: 4px; }
.guide-comparison { border: 1px solid #ccd1d8; background: white; border-radius: 9px; overflow: hidden; margin-block: 22px; }
.guide-comparison table { width: 100%; border-collapse: collapse; text-align: left; table-layout: fixed; }
.guide-comparison caption { text-align: left; font-weight: 800; background: #202936; color: white; padding: 12px 14px; }
.guide-comparison th,.guide-comparison td { padding: 10px 13px; font-size: 15px; vertical-align: top; overflow-wrap: anywhere; }
.guide-comparison thead th { background: #f2f3f4; }
.guide-comparison th:first-child { width: 36%; }
.guide-comparison tbody tr + tr { border-top: 1px solid var(--line); }
.reader-post .wp-block-image { background: #f2f2ed; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; }
.reader-post .wp-block-image img { margin: auto; }
.reader-post .wp-block-image figcaption { display: block; padding: 8px 12px; margin: 0; font-size: 14px; color: #353c46; }
.reader .jump-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 17px 0 12px; }
.jump-links a { display: inline-flex; min-height: 44px; align-items: center; padding: 8px 13px; font-size: 14px; font-weight: 700; background: #fff; border: 1px solid #9fa8b3; text-decoration: none; border-radius: 6px; }
.jump-links a:hover,.reader-row:hover { background: #fff3ea; border-color: #e58d62; }
.reader-list { display: grid; gap: 9px; }
.reader-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 15px 18px; color: var(--ink); text-decoration: none; border: 1px solid var(--line); border-radius: 9px; background: white; }
.row-copy { display: grid; gap: 4px; }
.row-copy small { color: #8c3b15; font-size: 13px; font-weight: 700; }
.row-copy strong { font-size: clamp(17px,1.6vw,22px); line-height: 1.3; }
.row-copy > span { max-width: 73ch; color: #4c5664; font-size: 14px; }
.row-arrow { font-size: 22px; }
.related-guides { border-top: 1px solid var(--line); margin-top: 32px; }
.bill-example dl,.fact-list { margin-block: 12px; }
.bill-example dl > div,.fact-list > div { border-bottom: 1px solid var(--line); padding: 11px 0; display: grid; grid-template-columns: minmax(120px,.4fr) 1fr; gap: 16px; }
.bill-example dt,.fact-list dt { font-weight: 750; }
.bill-example dd,.fact-list dd { margin: 0; max-width: 70ch; }
.group-filter { max-width: 300px; }
.pack-hint { font-size: 14px; border-left: 3px solid #db7040; padding: 5px 12px; margin: 9px 0 15px; background: #fff5ee; }
.contact-paths { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.contact-paths section { border: 1px solid var(--line); border-radius: 9px; padding: 18px; background: #fff; }
.contact-paths section h2 { margin-top: 0!important; font-size: 22px!important; }
.reader .contact-paths a { min-height: 44px; display: inline-flex; align-items: center; font-weight: 750; }
@media(max-width:700px) {
    .reader-heading { padding-block: 12px 22px; }
    .reader .illustrated .reader-heading { padding-block: 15px 24px; }
    .reader h1 { font-size: clamp(30px,7.6vw,43px); max-width: 21ch; }
    .reader-heading .reader-crumb a { min-height: 32px; }
    .reader-mast.illustrated::after { background: linear-gradient(90deg,#131821fb 6%,#131821ee 43%,#13182180 80%,#1318215c); }
    .reader-body { padding-block: 19px 40px; }
    .article-topic { margin-top: 4px; }
    .article-info { margin-top: 9px; font-size: 12px; }
    .reader .prose > p:first-child { font-size: 17px; }
    .guide-comparison th,.guide-comparison td { padding: 9px; font-size: 14px; }
    .reader-row { padding: 12px 13px; }
    .contact-paths { grid-template-columns: 1fr; }
    .fact-list > div,.bill-example dl > div { grid-template-columns: 1fr; gap: 2px; }
}