.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.editorial-hero { display:grid; grid-template-columns:1.3fr .7fr; align-items:center; gap:75px; padding:75px 0 62px; }
.editorial-hero h1 { font-size:clamp(50px,5.6vw,80px); line-height:1.05; letter-spacing:-4.5px; margin:22px 0 25px; }
.editorial-hero p:not(.eyebrow) { color:var(--muted); font-size:16px; max-width:535px; }
.ink-mark { position:relative; isolation:isolate; white-space:nowrap; }
.ink-mark::before { content:''; position:absolute; z-index:-1; inset:8% -7% -10%; background:url('/assets/paint-swipe.svg') center/100% 100% no-repeat; transform:rotate(-2deg); }
.hero-editorial-art { transform:rotate(3deg); }
.hero-editorial-art img { width:100%; border-radius:50%; mix-blend-mode:multiply; }
.journal-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:15px; border-block:1px solid var(--line); }
.category-filters { display:flex; gap:18px; flex-wrap:wrap; }
.category-filters button { background:none; border:0; padding:10px 0; font-size:11px; color:#6c7361; border-bottom:2px solid transparent; }
.category-filters button[aria-pressed=true] { border-bottom-color:#b49839; color:var(--ink); }
.category-filters button:hover { color:var(--ink); }
.journal-search { flex:none; width:225px; }
.journal-search input { width:100%; border:1px solid #cbd1be; background:transparent; border-radius:30px; padding:12px 16px; color:var(--ink); font-size:12px; }
.journal-search input::placeholder { color:#707962; }
.filter-status { font-size:11px; color:#747c68; margin-top:17px; }
.blog-feature { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:64px; padding-block:32px 62px; border-bottom:1px solid var(--line); }
.feature-art { border-radius:12px; overflow:hidden; background:#e9eddf; }
.feature-art img { width:100%; transition:transform .35s; }
.blog-feature:hover .feature-art img { transform:scale(1.025) rotate(-1deg); }
.blog-feature h2 { font-size:clamp(32px,3vw,46px); line-height:1.13; letter-spacing:-1.9px; margin:21px 0; }
.blog-feature p:not(.eyebrow) { font-size:14px; color:#66705b; }
.feature-read { display:flex; align-items:center; gap:20px; font-size:13px; margin-top:28px; }
.feature-read span { font-size:23px; }
.story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.journal-list>.story-grid { padding-top:44px; }
.story-card { display:flex; flex-direction:column; min-width:0; }
.story-art { border-radius:9px; overflow:hidden; margin-bottom:25px; background:#e9eddf; }
.story-art img { width:100%; transition:transform .3s; }
.story-card:hover img { transform:scale(1.035); }
.story-card .eyebrow { font-size:9px; letter-spacing:1px; color:#6a745c; line-height:1.6; }
.story-card h3 { display:flex; justify-content:space-between; gap:15px; font-size:25px; line-height:1.2; letter-spacing:-1px; margin:13px 0; }
.story-card h3 span { flex:none; font-size:24px; color:#6e795e; }
.story-card>p:not(.eyebrow) { font-size:13px; color:var(--muted); }
.story-date { display:block; margin-top:auto; padding-top:22px; font-size:10px; color:#778169; }
.resource-banner { margin:92px 0 20px; padding:40px 0; border-block:1px solid var(--line); display:grid; grid-template-columns:1.1fr 1fr auto; gap:50px; align-items:center; }
.resource-banner h2 { font-size:36px; letter-spacing:-1.6px; margin-top:16px; }
.resource-banner>p { font-size:14px; color:var(--muted); }
.resource-banner .button { white-space:nowrap; }
.feed-note { font-size:12px; color:#6e775f; margin:22px 0 65px; }
.feed-note a { text-decoration:underline; text-underline-offset:4px; }
#blog-empty { padding:55px 0; text-align:center; color:var(--muted); }
.comparison-intro { max-width:820px; font-size:13px; color:var(--muted); margin-bottom:45px; }
.comparison-row { display:grid; grid-template-columns:55px 230px 1fr 40px; gap:38px; align-items:center; padding-block:35px; border-top:1px solid var(--line); }
.comparison-row h2 { font-size:35px; letter-spacing:-1.3px; margin:13px 0; }
.comparison-row p:not(.eyebrow) { font-size:14px; color:var(--muted); max-width:640px; }
.comparison-art { border-radius:9px; overflow:hidden; }
.comparison-art img { transition:transform .3s; }
.comparison-row:hover img { transform:scale(1.04); }
.row-number { font-size:12px; color:#858c79; align-self:start; padding-top:5px; }
.row-arrow { font-size:35px; color:#71805f; }
.editorial-principles { display:grid; grid-template-columns:1fr 1fr; gap:90px; border-top:1px solid var(--line); padding-block:75px; }
.editorial-principles h2 { font-size:36px; letter-spacing:-1.5px; }
.editorial-principles p { font-size:14px; color:var(--muted); margin-bottom:17px; }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:11px; color:#737c65; padding-top:35px; line-height:1.7; }
.breadcrumbs a:hover { text-decoration:underline; }
.article-header { display:grid; grid-template-columns:1.4fr .7fr; gap:75px; align-items:center; padding:45px 0 55px; }
.article-header h1 { font-size:clamp(39px,4.5vw,64px); line-height:1.08; letter-spacing:-2.9px; margin:20px 0 25px; text-wrap:balance; }
.article-intro { color:#68715c; font-size:17px; line-height:1.8; }
.byline { display:flex; gap:9px; flex-wrap:wrap; align-items:center; font-size:11px; color:#788169; margin-top:24px; }
.article-illustration img { border-radius:13px; width:100%; transform:rotate(3deg); }
.editorial-note { font-size:12px; color:#6d775e; border-top:1px solid var(--line); padding:18px 0; max-width:900px; }
.article-layout { display:grid; grid-template-columns:240px minmax(0,760px); gap:75px; border-top:1px solid var(--line); padding-top:50px; align-items:start; }
.toc { position:sticky; top:35px; padding-right:20px; }
.toc nav { display:flex; flex-direction:column; gap:17px; margin-top:23px; }
.toc nav a { font-size:12px; line-height:1.65; color:#6c765f; }
.toc nav a:hover { color:#252e1c; text-decoration:underline; text-underline-offset:4px; }
.toc-back { display:inline-block; margin-top:32px; font-size:12px; padding-top:20px; border-top:1px solid var(--line); }
.prose { font-size:16px; color:#434c37; overflow-wrap:anywhere; }
.prose section { margin-bottom:45px; }
.prose h2 { font-size:31px; line-height:1.2; letter-spacing:-1.1px; margin-bottom:22px; color:var(--ink); }
.prose h3 { font-size:21px; margin:25px 0 15px; }
.prose p { line-height:1.85; margin-bottom:20px; }
.prose ul,.prose ol { padding-left:24px; margin:18px 0 25px; }
.prose li { line-height:1.8; margin-bottom:12px; padding-left:5px; }
.prose a { text-decoration:underline; text-underline-offset:4px; text-decoration-color:#a7af91; }
.prose a:hover { text-decoration-color:var(--ink); }
.prose blockquote { margin:25px 0; padding:24px 28px; border-left:3px solid #c2a13b; background:#eeefdf; }
.prose blockquote p:last-child { margin-bottom:0; }
.prose pre { font-size:13px; background:#e9eddf; border-radius:8px; padding:24px; overflow:auto; line-height:1.85; }
.prose code { font-size:.9em; background:#e9eddf; border-radius:3px; padding:2px 5px; }
.table-scroll { max-width:100%; overflow-x:auto; margin:25px 0; border:1px solid #d1d7c3; border-radius:8px; }
.prose table { width:100%; border-collapse:collapse; font-size:13px; line-height:1.7; min-width:520px; text-align:left; }
.prose th,.prose td { padding:17px; border-bottom:1px solid #d6dccb; vertical-align:top; }
.prose th { background:#e5ebd9; color:#3d482e; font-weight:600; }
.prose tr:last-child td,.prose tr:last-child th { border-bottom:0; }
.prose table caption { text-align:left; padding:15px 17px; color:#647052; font-size:12px; }
.article-end { display:flex; align-items:center; gap:20px; padding:32px 0; margin:55px 0 20px; border-block:1px solid var(--line); }
.article-end img { flex:none; }
.article-end h2 { font-size:26px; margin-bottom:8px; }
.article-end p { font-size:13px; margin:0; }
.prose .trademark-note { color:#7a836c; font-size:11px; line-height:1.7; }
.related { margin:85px 0; padding-top:55px; border-top:1px solid var(--line); }
.related h2 { font-size:37px; letter-spacing:-1.5px; }
.related .story-grid { align-items:stretch; }
.sitemap-groups { display:grid; grid-template-columns:.8fr 1.1fr 1.1fr; gap:55px; padding:45px 0; border-block:1px solid var(--line); }
.sitemap-groups h2 { font-size:27px; letter-spacing:-1px; margin-bottom:25px; }
.sitemap-groups ul { list-style:none; padding:0; margin:0; }
.sitemap-groups li { margin-bottom:20px; }
.sitemap-groups a { display:flex; gap:20px; justify-content:space-between; font-size:14px; line-height:1.5; }
.sitemap-groups a:hover { text-decoration:underline; text-underline-offset:5px; }
.sitemap-groups a span { color:#7d876c; }
.home-resources { border-top:1px solid var(--line); background:#f0f1e7; }
@media(max-width:1100px) {
  .editorial-hero,.article-header { gap:35px; }
  .journal-tools { flex-wrap:wrap; }
  .journal-search { width:100%; }
  .blog-feature { gap:35px; }
  .resource-banner { grid-template-columns:1fr 1fr; gap:25px; }
  .resource-banner .button { justify-self:start; }
  .comparison-row { grid-template-columns:30px 170px 1fr 25px; gap:23px; }
  .comparison-row h2 { font-size:29px; }
  .article-layout { grid-template-columns:180px minmax(0,1fr); gap:35px; }
}
@media(max-width:760px) {
  .editorial-hero { padding:48px 0 35px; gap:20px; grid-template-columns:1fr; }
  .editorial-hero h1 { font-size:51px; letter-spacing:-2.9px; margin:18px 0 24px; }
  .editorial-hero p:not(.eyebrow) { font-size:14px; }
  .hero-editorial-art { display:none; }
  .category-filters { gap:6px 17px; }
  .category-filters button { font-size:11px; }
  .journal-search input { font-size:16px; }
  .blog-feature { grid-template-columns:1fr; gap:25px; padding-block:28px 35px; }
  .blog-feature h2 { font-size:33px; margin:14px 0; }
  .feature-read { margin-top:18px; }
  .story-grid { grid-template-columns:1fr; gap:40px; }
  .story-card h3 { font-size:27px; }
  .story-art { margin-bottom:20px; }
  .story-date { padding-top:15px; }
  .resource-banner { grid-template-columns:1fr; gap:22px; margin-top:60px; }
  .resource-banner h2 { font-size:33px; }
  .comparison-intro { font-size:12px; margin:8px 0 30px; }
  .comparison-row { grid-template-columns:1fr 25px; gap:20px 10px; }
  .comparison-art { grid-row:1; grid-column:1/-1; width:100%; }
  .comparison-art img { width:100%; }
  .row-number { display:none; }
  .comparison-row>div:not(.comparison-art) { grid-column:1; grid-row:2; }
  .comparison-row h2 { font-size:29px; }
  .row-arrow { grid-row:2; font-size:29px; }
  .editorial-principles { grid-template-columns:1fr; gap:25px; padding-block:45px; }
  .editorial-principles h2 { font-size:31px; }
  .breadcrumbs { padding-top:24px; font-size:10px; }
  .article-header { grid-template-columns:1fr; gap:30px; padding:30px 0; }
  .article-header h1 { font-size:41px; letter-spacing:-1.9px; text-wrap:initial; }
  .article-intro { font-size:15px; }
  .article-illustration img { transform:none; }
  .article-layout { display:block; padding-top:25px; }
  .toc { position:static; padding:0 0 25px; margin-bottom:35px; border-bottom:1px solid var(--line); }
  .toc nav { gap:12px; }
  .toc-back { display:none; }
  .prose { font-size:15px; }
  .prose h2 { font-size:28px; }
  .prose th,.prose td { padding:13px; }
  .prose blockquote { padding:20px; }
  .article-end { align-items:start; gap:10px; }
  .article-end img { width:48px; }
  .article-end h2 { font-size:24px; }
  .related { margin-block:55px; padding-top:35px; }
  .related .section-heading,.home-resources .section-heading { display:block; margin-bottom:25px; }
  .related h2 { font-size:33px; }
  .sitemap-groups { grid-template-columns:1fr; gap:25px; padding:30px 0; }
  .feed-note { margin-bottom:45px; }
  .footer>div { gap:14px 23px; }
}
@media(max-width:370px) {
  .editorial-hero h1 { font-size:43px; letter-spacing:-2.5px; }
  .article-header h1 { font-size:35px; }
}
@media(prefers-reduced-motion:reduce) {
  .feature-art img,.story-art img,.comparison-art img { transition:none; }
}

.prose .source-note { font-size:12px; color:#626e54; line-height:1.8; }
.story-date,.row-number,.byline,.breadcrumbs,.prose .trademark-note { color:#647055; }