/* Existing association brand; Literal's readable hierarchy, Kinfolk's open image/text rows. */
.media-page{padding-top:36px;padding-bottom:88px}.media-intro{max-width:780px;padding:32px 0 38px}.media-intro h1,.media-feature h1,.media-profile h1{font-family:var(--serif);font-size:clamp(30px,4vw,48px);line-height:1.45;margin:12px 0 20px;text-wrap:balance}.media-intro>p:not(.eyebrow){font-size:20px;line-height:1.9}.reviewer-byline{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:26px 0 8px;font-size:16px}.reviewer-byline>span{font-size:14px;color:#555}.reviewer-byline a,.media-supervisor>a{text-underline-offset:5px}.reviewer-byline rt,.media-supervisor rt{font-size:11px}.media-nav{display:flex;flex-wrap:wrap;gap:0;border-block:1px solid #d9dedb;margin-bottom:44px}.media-nav a{padding:17px 22px;min-height:52px;font-size:16px;text-decoration:none}.media-nav a[aria-current]{background:#24594b;color:#fff}.media-nav a:hover{background:#edf2ef;color:#183c32}.media-shelf{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid #d9dedb}.media-image{display:block;overflow:hidden}.media-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.media-shelf h2{font-family:var(--serif);font-size:32px;margin:10px 0 18px}.media-shelf h2 a{text-decoration:none;color:inherit}.media-number{font-size:14px;letter-spacing:.08em;color:#565d58;margin:0}.media-tagline{font-size:20px;font-weight:600;line-height:1.8}.media-shelf-body>p:not(.media-number){max-width:34em}.media-more{display:inline-flex;gap:30px;align-items:center;padding:12px 0;min-height:48px;text-underline-offset:6px;font-weight:600}.media-more:hover{color:#153c30}.media-caption{font-size:14px;color:#565d58}.media-editorial{border-top:1px solid #d9dedb;margin-top:42px;padding-top:28px;max-width:800px}.media-editorial h2{font-family:var(--serif);font-size:25px;margin:28px 0 15px}.media-editorial p,.media-topics p{line-height:1.95}.media-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:12px 0 64px}.media-feature-title{font-family:var(--serif);font-size:24px;line-height:1.8}.media-feature figure{margin:0}.media-feature figure>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.media-feature figcaption{font-size:13px;color:#565d58;margin-top:8px}.media-reading{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:64px}.media-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:2px solid #294238;padding-bottom:18px}.media-section-title h2{font-family:var(--serif);font-size:27px;margin:0}.media-section-title span{font-size:14px;white-space:nowrap}.media-story{padding:28px 0;border-bottom:1px solid #d9dedb}.media-story h3{font-family:var(--serif);font-size:27px;line-height:1.7;margin:8px 0 12px}.media-story h3 a{color:inherit;text-decoration:none}.media-story h3 a:hover{text-decoration:underline;text-underline-offset:6px}.media-story-reviewer{font-size:14px;color:#565d58}.media-topics{padding:24px;background:#f7f8f7;align-self:start}.media-topics h2{font-size:19px;margin:0 0 18px}.media-topics ul{padding-left:1.2em;line-height:2}.media-topics li+li{margin-top:12px}.media-topics p{font-size:14px;color:#565d58;margin-bottom:0}.media-next{display:flex;align-items:center;justify-content:space-between;gap:32px;border-block:1px solid #d9dedb;padding:35px 0;margin:64px 0 32px}.media-next h2{font-family:var(--serif);font-size:24px;line-height:1.65;margin:0}.media-next p{margin:10px 0 0}.media-next .btn{flex-shrink:0}.media-supervisor{padding:12px 0}.media-supervisor p{font-size:14px;color:#565d58}.media-supervisor>a{font-size:20px}.media-profile{padding:30px 0}.media-profile h1 span{display:block;font-family:var(--sans, sans-serif);font-size:17px;font-weight:400;margin-top:10px}.media-profile>p{font-size:18px;line-height:1.9}.article-media-link{font-size:15px;margin-bottom:20px}.article-review-date{font-size:14px;color:#565d58}.media-page a:focus-visible{outline:3px solid #24594b;outline-offset:4px}
@media(max-width:800px){.media-shelf,.media-feature,.media-reading{grid-template-columns:1fr;gap:24px}.media-shelf{padding-bottom:32px;margin-bottom:32px}.media-nav{margin-bottom:28px}.media-nav a{padding:14px 16px;flex:1 1 45%;text-align:center}.media-feature{margin-bottom:40px}.media-next{display:block;margin-top:40px}.media-next .btn{margin-top:24px}.media-shelf h2{font-size:28px}.media-page{padding-top:20px}.media-topics{padding:22px}.media-story h3{font-size:24px}.media-feature-title{font-size:22px}}

nav.breadcrumbs{display:block}nav.breadcrumbs>a{display:inline}.media-nav>a{display:block}@media(max-width:650px){nav.media-nav>a:not(.btn){display:block}nav.breadcrumbs>a:not(.btn){display:inline}.media-page{padding-top:20px;padding-bottom:64px}}

/* Media headings are content, never sticky navigation. */
body:has(.media-page)>header{position:static}
.media-page header{position:static;top:auto;z-index:auto;border:0}
.media-page{padding-top:16px}
.media-page>.breadcrumbs{margin:14px 0 20px}
.media-intro{padding:8px 0 22px}
.media-intro h1{font-size:clamp(28px,3.3vw,40px);margin:8px 0 12px}
.media-intro .eyebrow{margin-bottom:8px}
.media-intro>p:not(.eyebrow):not(.article-review-date){font-size:18px;line-height:1.75;margin:8px 0 14px}
.media-intro .reviewer-byline{margin:16px 0 0}
.media-intro .article-review-date{margin:8px 0 0;font-size:14px}
.media-nav{margin-bottom:28px}
.supervisor-identity{display:inline-flex;align-items:center;gap:12px;line-height:1.7}
.supervisor-avatar{display:block;width:56px;height:56px;flex:0 0 56px;object-fit:cover;border-radius:50%;border:1px solid #e1e7e2}
.reviewer-byline{align-items:center}
@media(max-width:650px){.media-page{padding-top:12px}.media-intro{padding:4px 0 18px}.media-page>.breadcrumbs{margin:10px 0 16px}.supervisor-avatar{width:48px;height:48px;flex-basis:48px}.supervisor-identity{gap:10px;font-size:15px}.reviewer-byline{gap:8px}.media-intro>p:not(.eyebrow):not(.article-review-date){font-size:17px}}

.article-illustration{margin:24px 0 32px}.article-illustration>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-illustration>figcaption{font-size:13px;color:#565d58;margin-top:8px}.article-preparation{border-block:1px solid #d9dedb;padding:8px 0 20px;margin-top:36px}.article-preparation li{margin:12px 0}

/* Article reading hierarchy: approved site typography, green headings, selective emphasis. */
.article-copy{color:#303831}.article-copy h2{color:#24594b;border-left:4px solid #82966b;padding-left:16px;margin-top:42px}.article-copy strong{font-weight:750;color:#173e31}.article-copy .article-underline{text-decoration-line:underline;text-decoration-color:#9d762c;text-decoration-thickness:3px;text-underline-offset:5px;font-weight:600}.article-copy p{margin:20px 0}.article-copy .article-diagram{margin:36px 0}.article-copy .article-diagram img{display:block;width:100%;height:auto}.article-copy figure figcaption{font-size:13px;color:#526259;margin-top:8px}.article-copy .article-illustration{margin:28px 0 36px}.article-copy .article-illustration>img{aspect-ratio:16/9;object-fit:cover}@media(max-width:650px){.article-copy h2{font-size:24px;line-height:1.65;padding-left:12px}.article-copy .article-underline{text-decoration-thickness:2px;text-underline-offset:4px}}

/* User reference: editorial order with lead, reviewer and jump-linked contents. */
.article-layout-sample{max-width:920px}.article-layout-sample .article-heading{position:static;border:0;background:transparent;margin-bottom:24px}.article-category-label{display:inline-block;color:#24594b;font-size:15px;font-weight:700;text-decoration:none;border-bottom:2px solid #82966b;padding-bottom:3px}.article-heading .page-title{font-size:clamp(28px,3vw,39px);line-height:1.65;margin:16px 0}.article-date{font-size:14px;color:#526259;margin:0}.article-layout-sample .article-illustration{margin:0 0 30px}.article-lead{font-size:19px;line-height:2;margin-bottom:28px}.article-reviewer-card{border-block:1px solid #d6dfd5;background:#f7f9f5;padding:18px 22px;margin:28px 0}.article-reviewer-card .reviewer-byline{margin:0 0 10px}.article-reviewer-card p,.article-reviewer-card>a{font-size:14px;margin:6px 0}.article-toc{border:1px solid #d6dfd5;padding:22px 26px;margin:32px 0 46px;background:#fff}.article-toc summary{color:#24594b;font-size:20px;font-weight:700}.article-toc ol{padding-left:25px;margin:20px 0 0}.article-toc li{padding:5px 0;font-size:16px;line-height:1.7}.article-toc a{text-decoration:none;border-bottom:1px solid #a8b7a7}.article-toc a:hover{color:#24594b;border-bottom-color:#24594b}.article-layout-sample .article-copy h2{background:#edf3ec;border:0;border-left:5px solid #24594b;padding:16px 20px;line-height:1.7;font-size:25px;scroll-margin-top:140px}.article-related{border-top:1px solid #d6dfd5;margin-top:40px;padding-top:22px}.article-related h2{font-size:21px;color:#24594b}.article-related>a{display:block;text-decoration:none;border:1px solid #d6dfd5;padding:20px 24px}.article-related>a:hover{background:#f5f8f3}.article-related span{display:block;font-size:14px;color:#526259}.article-related strong{display:block;font-size:20px;line-height:1.7;margin:8px 0}.article-source{margin:32px 0;color:#526259}.article-source h2{font-size:19px}.article-source p{font-size:14px;line-height:1.85}.article-return{font-size:16px;margin:24px 0}@media(max-width:650px){.article-lead{font-size:18px}.article-reviewer-card{padding:16px}.article-toc{padding:18px}.article-toc li{font-size:16px}.article-layout-sample .article-copy h2{padding:12px 14px;font-size:23px}.article-related>a{padding:16px}}
/* Long-form articles retain the approved article layout and portal palette. */
.longform-copy p{line-height:2.05;margin:1.3em 0;overflow-wrap:anywhere}
.longform-copy h2{scroll-margin-top:24px;margin-top:3em}
.longform-copy h3{font-size:1.25rem;line-height:1.65;margin:2em 0 .8em;color:#24594b}
.longform-copy strong,.longform-page .article-lead strong{font-weight:800;text-decoration:underline;text-decoration-color:#e8bf39;text-decoration-thickness:.17em;text-underline-offset:.17em}
.longform-table{overflow-x:auto;margin:1.8rem 0;border:1px solid #dedfd7;border-radius:6px}
.longform-table table{border-collapse:collapse;width:100%;min-width:500px;font-size:1rem;line-height:1.7}
.longform-table th,.longform-table td{padding:13px 15px;text-align:left;border-bottom:1px solid #dedfd7;vertical-align:top}
.longform-table thead th{background:#fff3bf;color:#263d36;font-weight:800}
.longform-table tbody th{background:#f7faf8;font-weight:700;width:24%}
.longform-page .article-source a{overflow-wrap:anywhere}
.longform-page .article-illustration img{width:100%;height:auto;max-height:440px;object-fit:contain;background:#fff9df}
.longform-page .article-toc{position:static}
@media(max-width:600px){.longform-copy h3{font-size:1.13rem}.longform-table table{min-width:460px}.longform-copy p{line-height:1.95}.longform-page .article-illustration img{max-height:300px}}
@media print{.longform-table{overflow:visible}.longform-table table{min-width:0}.longform-page .article-toc{display:none}}
body:has(.longform-page)>header{position:static}
.longform-page .article-copy h2{scroll-margin-top:24px}

/* Article lists: short, scannable preparation steps and check points. */
.longform-copy .article-points{padding:1.2em 1.4em 1.2em 2.5em;margin:1.5em 0;background:#fffbed;border-left:3px solid #dbbd54;line-height:1.9}
.longform-copy .article-points li{padding-left:.2em;margin:.65em 0}
.longform-copy .article-points li::marker{color:#286e60;font-weight:700}
.longform-copy .article-points strong{background:none;text-decoration:none}
@media(max-width:600px){.longform-copy .article-points{padding:1em 1em 1em 2em}}
