.listing-layout{--container:calc(var(--container-width) + var(--gutter)*2);display:grid;grid-template-areas:". breadcrumb ." "intro intro intro" "featured featured featured" "topics topics topics" ". spotlight ." ". feed .";grid-template-columns:var(--gutter) 1fr var(--gutter);margin:0 auto;max-width:var(--vertical-line-max-width);@media (min-width:960px){--min-height:96px;border-left-color:var(--border-color);border-left-style:solid;border-left-width:1px;border-right-color:var(--border-color);border-right-style:solid;border-right-width:1px;grid-template-areas:". breadcrumb breadcrumb ." "intro intro intro intro" "featured featured featured featured" "feed feed topics topics" "feed feed spotlight spotlight";grid-template-columns:var(--gutter) minmax(min-content,660px) 1fr var(--gutter);grid-template-rows:auto auto auto var(--min-height) auto;.left-spacing-at-large{padding-left:var(--gutter)}.right-spacing-at-large{padding-right:var(--gutter)}.border-top-at-large{border-top:1px solid var(--border-color)}.border-bottom-at-large{border-bottom:1px solid var(--border-color)}}}.listing-intro{grid-area:intro;& .intro-header{padding:0 var(--gutter);h1{margin:0 0 var(--content-gap)}& p{margin:0 auto;max-width:var(--content-max-width-large)}}}.feed{grid-area:feed;@media (min-width:960px){border-right-color:var(--border-color);border-right-style:solid;border-right-width:1px}}.spotlight{grid-area:spotlight}.featured-story{background:var(--link-background);grid-area:featured;padding:var(--spacing-compact) var(--gutter);& .section-header{padding:0 0 var(--content-gap);text-align:center;@media (min-width:760px){padding:0 0 0 var(--content-gap);text-align:left}}& article{display:grid;gap:var(--gutter);& h2{--min:18px;--fluid:2.4vw;--max:24px;--height:6px;--font-size:clamp(var(--min),var(--fluid),var(--max));--line-height:clamp(calc(var(--min) + var(--height)),calc(var(--fluid) + var(--height)),calc(var(--max) + var(--height)));font-size:var(--font-size);line-height:var(--line-height)}& p{color:var(--color-light)}@media (min-width:760px){align-items:start;gap:var(--content-gap);grid-template-columns:fit-content(var(--content-max-width-small)) 54%;justify-content:space-between;& .text{order:-1;padding:32px 0 var(--spacing-compact) var(--content-gap)}& .featured-image{height:384px}}}}.topics{--background:var(--background-color);align-items:center;background:var(--background);display:flex;gap:8px;grid-area:topics;padding:var(--gutter);position:sticky;top:var(--header-spacing);@media (min-width:960px){align-self:start;display:grid;gap:12px}& ul{-webkit-mask-image:linear-gradient(90deg,var(--background) 20%,var(--background) 80%,transparent);mask-image:linear-gradient(90deg,var(--background) 20%,var(--background) 80%,transparent);overflow-x:auto;scrollbar-width:none;width:100%;&::-webkit-scrollbar{display:none}}& a{border-radius:4px;color:inherit;display:inline-block;padding:6px}}.feed-articles{margin:0 auto;max-width:var(--content-max-width-large);&.is-columns{row-gap:calc(var(--content-gap)*2)}& .is-table{--visual-size:clamp(80px,1.6vw,160px);display:grid;gap:var(--content-gap);& header{display:grid;grid-template-columns:1fr var(--visual-size);& h2{order:-1}& .feature-image{height:var(--visual-size);width:var(--visual-size)}}}}.feed-cta{--background:var(--color-golden-yellow);--color:var(--color-obsidian-black);background:var(--background);border-radius:4px;color:var(--color);padding:var(--content-gap) 24px;& a{margin:24px 0 0}}@media (min-width:960px){.topics{height:var(--min-height)}.feed{&>header{display:grid;height:var(--min-height);margin:0 0 var(--content-gap);& h2{align-self:center}}}}