.reading-content .source-panel ul,
.category-overview ul,
.category-overview ol { padding-left: 1.25rem; }
.reading-content .source-panel li,
.category-overview li { margin: .65rem 0; line-height: 1.65; }
.reading-content .source-panel a { text-decoration: underline; text-underline-offset: .16em; }
.reading-content table { width: 100%; border-collapse: collapse; margin: 1.25rem 0 1.75rem; font-size: .94rem; }
.reading-content th,
.reading-content td { padding: .8rem; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.reading-content th { background: #eef0e7; }
.category-overview { max-width: 1100px; margin: 0 auto; padding: 34px 7% 16px; }
.category-overview > p { max-width: 760px; margin: 0 auto 26px; font-size: 1.03rem; line-height: 1.8; color: #4c5750; }
.category-overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; border-top: 1px solid var(--line); padding-top: 24px; }
.category-overview h2,
.category-list-heading h2 { margin: 0; font: 500 1.2rem var(--serif); }
.category-overview ol,
.category-overview ul { margin: .8rem 0 0; }
.category-overview ol { list-style: none; padding: 0; }
.category-overview ol li { display: grid; grid-template-columns: 2rem 1fr auto; gap: .55rem; align-items: baseline; border-bottom: 1px solid var(--line); padding: .65rem 0; }
.category-overview ol li > span,
.category-overview ol small,
.category-list-heading > span { font: .67rem var(--mono); color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.category-overview ol a { text-decoration: underline; text-underline-offset: .15em; }
.category-overview ul { color: #4c5750; }
.category-list-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 2.5rem 0 1.25rem; }
.category-context { max-width: 940px; margin: 0 auto; padding: 18px 7% 26px; }
.category-context-item { padding: 22px 0 18px; border-top: 1px solid var(--line); }
.category-context-item .section-kicker { margin: 0 0 .7rem; }
.category-context-item h2, .category-source-desk h2 { margin: 0 0 .65rem; font: 500 1.45rem var(--serif); }
.category-context-item > p:last-child, .category-source-desk > p { max-width: 780px; color: #4c5750; line-height: 1.78; }
.category-glossary { margin: 1rem 0; padding: 24px; border: 1px solid var(--line); }
.category-glossary h2 { margin: 0 0 1rem; font: 500 1.45rem var(--serif); }
.category-glossary h3 { margin: 1.5rem 0 .5rem; font: 500 1.2rem var(--serif); }
.category-glossary dl { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; margin: 0; }
.category-glossary dl > div { border-top: 1px solid var(--line); padding-top: .6rem; }
.category-glossary dt { font: .72rem var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.category-glossary dd, .category-glossary > p { margin: .45rem 0 0; color: #4c5750; line-height: 1.65; }
.category-glossary > p { max-width: 780px; }
.category-source-desk { margin-top: 15px; padding: 22px; background: #eef0e7; }
.category-source-desk ul { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem 2rem; padding-left: 1.2rem; }
.category-source-desk li { padding-left: .2rem; line-height: 1.5; }
.category-source-desk li a { display: block; text-decoration: underline; text-underline-offset: .15em; }
.category-source-desk li span { display: block; margin-top: .3rem; color: #5f6a62; font-size: .9rem; }
.reader-method { display: grid; grid-template-columns: .55fr 1.45fr; gap: 2rem; padding-top: 20px; padding-bottom: 55px; }
.reader-method-main h2 { margin: 0 0 1rem; font: 500 clamp(2rem, 4vw, 3.3rem)/1.05 var(--serif); }
.reader-method-main h2 span { color: var(--muted); }
.reader-method-main > p { max-width: 760px; color: #4c5750; line-height: 1.75; }
.reader-method-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin: 1.5rem 0; }
.reader-method-steps > div { border-top: 1px solid var(--line); padding-top: .8rem; }
.reader-method-steps b { font: .68rem var(--mono); letter-spacing: .04em; }
.reader-method-steps p { color: #59645c; line-height: 1.65; }
.reader-method-note a { text-decoration: underline; text-underline-offset: .15em; }
@media (max-width: 700px) {
  .category-overview-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .category-overview ol li { grid-template-columns: 1.8rem 1fr; }
  .category-overview ol small { grid-column: 2; }
  .reading-content table { font-size: .82rem; }
  .reading-content th, .reading-content td { padding: .55rem; }
  .category-list-heading { align-items: flex-start; flex-direction: column; }
  .category-source-desk ul { grid-template-columns: 1fr; }
  .category-glossary dl { grid-template-columns: 1fr; }
  .reader-method { grid-template-columns: 1fr; gap: .5rem; }
  .reader-method-steps { grid-template-columns: 1fr; gap: .4rem; }
}

/* Comfortable reading and clear orientation on interior pages */
.reading-hero{padding-top:58px;padding-bottom:38px}
.reading-hero .breadcrumb{display:block;margin:0 0 35px}
.reading-hero .breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.reading-kicker{margin-top:0;font-size:10px}
.reading-hero h1{font-size:clamp(42px,6.5vw,72px);letter-spacing:-2.8px;line-height:1.08}
.reading-deck{font-size:18px;line-height:1.65;color:#4c5750}
.reading-byline{font-size:10px;line-height:1.6;gap:12px 18px;flex-wrap:wrap}
.reading-content{max-width:760px;margin-left:auto;margin-right:auto}
.reading-content.standalone{font-size:17px;line-height:1.8;color:#303d36}
.reading-content.standalone h2{font-size:27px;line-height:1.25;margin-top:2.2em}
.reading-content.standalone h3{font-size:21px;line-height:1.35}
.reading-content.standalone p,.reading-content.standalone li{line-height:1.8}
.reading-content.standalone a:not(.button){text-decoration:underline;text-decoration-color:#9ba99b;text-underline-offset:3px}
.reading-content.standalone a:not(.button):hover{color:#8a3f2a;text-decoration-color:currentColor}
.answer-box{border-left:4px solid #234f42;background:#edf0e7;padding:20px 23px;border-radius:0 5px 5px 0}
.source-panel{border:1px solid #d2d8cd;background:#f0f1ea;padding:22px;border-radius:5px}
.category-overview>p{font-size:17px;line-height:1.75}
.category-overview h2,.category-list-heading h2{font-size:23px}
.category-overview ol li,.category-overview ul{font-size:15px;line-height:1.65}
.category-context-item>p:last-child,.category-source-desk>p{font-size:15px;line-height:1.8}
.category-context-item h2,.category-source-desk h2,.category-glossary h2{font-size:24px}
.category-glossary dd,.category-glossary>p,.category-source-desk li{font-size:15px;line-height:1.7}
.category-list-heading>span{font-size:10px}
@media(max-width:700px){.reading-hero{padding:44px 6% 30px}.reading-hero .breadcrumb{margin-bottom:26px}.reading-hero h1{font-size:clamp(38px,11vw,54px);letter-spacing:-1.8px}.reading-deck{font-size:16px}.reading-content.standalone{font-size:16px;line-height:1.75}.reading-content.standalone h2{font-size:24px}.category-overview>p{font-size:16px}.category-overview h2,.category-list-heading h2{font-size:21px}}

/* Article layout: chapter navigation, reading column, and related guides */
.article-reading-grid{display:grid;grid-template-columns:minmax(145px,185px) minmax(0,760px) minmax(170px,215px);gap:clamp(16px,2vw,28px);align-items:start;justify-content:center;max-width:1540px;margin:0 auto;padding:34px 30px 80px}
.article-side{position:sticky;top:96px;min-width:0;max-height:calc(100vh - 116px);overflow:hidden}
.article-toc{border:1px solid #d5dbd0;border-radius:5px;background:#f0f1ea}
.article-toc summary{position:relative;cursor:pointer;list-style:none;padding:14px 15px;font:600 .7rem var(--mono);line-height:1.45;letter-spacing:.05em;color:#34483d}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary:after{content:'⌄';float:right;margin-left:8px;font:1rem Arial,sans-serif}
.article-toc[open] summary:after{content:'⌃'}
.chapter-links{max-height:min(62vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:0 9px 10px}
.chapter-links a{display:block;padding:8px 7px;border-top:1px solid #dfe3da;font-size:.76rem;line-height:1.45;color:#435148;text-decoration:none!important}
.chapter-links a:hover{background:#e4e9df;color:#203c30}
.chapter-links a.chapter-sub{padding-left:17px;font-size:.71rem;color:#66736a}
.article-main-content{width:100%;max-width:760px;margin:0;font-size:17px;line-height:1.8}
.article-side-related{padding:5px 0 0 16px;border-left:1px solid #d5dbd0}
.article-side-related h2{margin:0;font:500 1.35rem/1.25 var(--serif);color:#273b30}
.related-intro{margin:8px 0 15px;font-size:.78rem;line-height:1.5;color:#637067}
.related-list{display:grid;gap:0}
.related-guide{display:block;padding:13px 0;border-top:1px solid #d8ddd4;text-decoration:none!important}
.related-guide span,.related-guide small{display:block;font: .62rem var(--mono);letter-spacing:.04em;color:#69776c}
.related-guide strong{display:block;margin:6px 0;font-size:.87rem;line-height:1.4;font-weight:600;color:#293c31}
.related-guide small{text-transform:uppercase}
.related-guide:hover strong,.related-all:hover{color:#87452f}
.related-all{display:inline-block;margin-top:14px;padding-bottom:4px;border-bottom:1px solid #aab5a8;font-size:.76rem;font-weight:600;text-decoration:none!important}
.related-all span{margin-left:5px;color:#9b5036}
@media(max-width:1050px){.article-reading-grid{grid-template-columns:minmax(0,1fr);max-width:820px;padding:24px 6% 60px}.article-side{position:static;max-height:none}.article-side-toc{order:0}.article-main-content{order:1;max-width:none}.article-side-related{order:2;border-left:0;border-top:1px solid #d5dbd0;padding:24px 0 0}.article-toc{background:#f0f1ea}.chapter-links{max-height:240px}.article-side-related h2{font-size:1.5rem}.related-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.related-all{margin-top:10px}}
@media(max-width:600px){.article-reading-grid{padding-top:17px}.chapter-links a{font-size:.84rem;padding:10px 8px}.chapter-links a.chapter-sub{font-size:.8rem}.article-main-content{font-size:16px}.related-list{grid-template-columns:1fr}.related-guide{padding:12px 0}}