/* Generated by npm run design:build. Edit seo/design-system/styles, not this bundle. */
/* Shared home-card design, extended for related-reading overflow and sparse rows. */
.article-reading {padding-bottom:0}
.article-continuation {padding-top:var(--space-4)}
.article-continuation > .nf-art {grid-column:2}
.related-reading {max-width:var(--width-wide);min-width:0}
.rr-module {padding:var(--space-6) 0 var(--space-20);border-top:1px solid var(--line2)}
.rr-row {padding-bottom:var(--space-36);margin-bottom:var(--space-6);border-bottom:1px solid var(--line)}
.rr-row:last-child {margin-bottom:0;border-bottom:0;padding-bottom:var(--space-4)}
.rr-row__heading {display:flex;align-items:start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-18)}
.rr-row__heading h2 {font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.02em;margin:0}
.rr-controls {display:flex;gap:var(--space-2);flex:none}
.rr-controls[hidden] {display:none}
.rr-controls button {width:44px;height:44px;border:1px solid var(--line2);border-radius:var(--radius-btn);background:var(--card);color:var(--green-d);font-size:21px;cursor:pointer}
.rr-controls button:disabled {opacity:.35;cursor:default}
.rr-track {--rr-width:calc((100% - 36px)/3);display:grid;grid-auto-flow:column;grid-auto-columns:var(--rr-width);gap:var(--space-18);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--sage) transparent;list-style:none;padding:var(--space-1) 3px 14px;margin:0 -3px;scroll-padding-inline:3px}
.rr-track > li {min-width:0;margin:0;display:flex;scroll-snap-align:start}
.rr-card {width:100%;min-width:0}
.rr-card img {aspect-ratio:var(--thumbnail-ratio);object-fit:contain}
/* Reviewed native-wide artwork: remove the empty title area, keep full artwork height. */
.rr-card--wide-art img {object-fit:cover;object-position:right center}
.nf .rr-card__link {display:flex;flex-direction:column;flex:1;min-width:0;color:var(--ink);text-decoration:none}
.nf .rr-card__link:hover {text-decoration:none}
.rr-card .home-topic-card__copy {padding:var(--space-18);gap:var(--space-3)}
.rr-card h3 {font-weight:700;font-size:21px;line-height:1.23;letter-spacing:-.015em;margin:0;color:var(--ink);overflow-wrap:anywhere}
.rr-reason {font-size:13px;line-height:1.4;color:var(--green-d);display:block}
.rr-meta {display:flex;justify-content:space-between;gap:var(--space-20);font-size:13px;color:var(--soft);margin-top:auto;padding-top:var(--space-2)}
.rr-meta .reading-time {margin:0;font-size:inherit}
.rr-card--text .home-topic-card__copy {min-height:230px}
.rr-card--text h3 {font-size:24px;line-height:1.24}
.rr-row--single .rr-track {display:block;overflow:visible;padding-bottom:var(--space-1)}
.rr-row--single .rr-track > li {max-width:780px}
.rr-card--single > .rr-card__link {display:grid;grid-template-columns:220px minmax(0,1fr);align-items:stretch}
.rr-card--single img {height:100%;width:100%;border-bottom:0;border-right:1px solid var(--line);min-height:148px}
.rr-card--single.rr-card--wide-art img {height:auto;min-height:0;align-self:center}
.rr-card--single .home-topic-card__copy {min-height:0;padding:22px var(--space-5)}
.rr-card--single.rr-card--text {max-width:700px}
.rr-card--single.rr-card--text > .rr-card__link {display:flex}
.rr-card--single.rr-card--text .home-topic-card__copy {min-height:0}
.rr-context {border-top:1px solid var(--line);font-size:14px;line-height:1.5;padding:var(--space-3) var(--space-18)}
.rr-context summary {color:var(--green-d);font-weight:600;cursor:pointer;min-height:24px}
.rr-context ul {padding:0;list-style:none;margin:var(--space-4) 0 var(--space-1)}
.rr-context li + li {border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.rr-context p {margin:0 0 10px}
.rr-context .rr-context__when {font-weight:600}
.rr-context a {text-decoration:underline;text-underline-offset:3px}
.rr-card:has(details[open]):hover {transform:none}
@media(max-width:1100px){.article-continuation {padding-top:var(--space-4)}}
@media(max-width:900px){.rr-track {--rr-width:calc((100% - 18px)/2)}.related-reading {padding-inline:var(--space-28)}}
@media(max-width:600px){
  .related-reading {padding-inline:var(--space-20)}
  .rr-track {--rr-width:85%;gap:14px}
  .rr-row__heading {gap:var(--space-3)}
  .rr-row__heading h2 {font-size:24px}
  .rr-controls {display:none}
  .rr-row {padding-bottom:var(--space-5);margin-bottom:var(--space-5)}
  .rr-card h3 {font-size:20px}
  .rr-card--text h3 {font-size:23px}
  .rr-row--single .rr-track > li {width:100%}
  .rr-card--single:not(.rr-card--text) > .rr-card__link {grid-template-columns:96px minmax(0,1fr);padding:var(--space-4);gap:var(--space-3) 14px;align-items:center}
  .rr-card--single:not(.rr-card--text) img {height:auto;min-height:0;border:0;border-radius:var(--radius-sm);aspect-ratio:var(--thumbnail-ratio)}
  .rr-card--single:not(.rr-card--text) .home-topic-card__copy {display:contents}
  .rr-card--single:not(.rr-card--text) h3,.rr-card--single:not(.rr-card--text) .rr-meta {grid-column:1/-1}
  .rr-context summary {min-height:44px;display:list-item;align-content:center}
}
@media(prefers-reduced-motion:reduce){.rr-card {transition:none}.rr-card:hover {transform:none}.rr-track {scroll-behavior:auto}}