/* Home + section card treatments (Nov 7 page sameness): neighbouring cards never share a treatment */
.story[class*=" c-"]{--acc:#2F3E35}
.c-dark{background:var(--acc);color:#fff;padding:0 0 20px}
.c-dark .ph img{aspect-ratio:4/3;margin-bottom:16px}
.c-dark>a.kicker,.c-dark>.spons,.c-dark>h3,.c-dark>p{margin-left:18px;margin-right:18px}
.c-dark .kicker{color:#fff;opacity:.85}.c-dark .spons{color:#fff;border-color:rgba(255,255,255,.5)}
.c-dark h3 a{color:#fff!important}.story.c-dark p{color:rgba(255,255,255,.82)}
.c-tint{background:color-mix(in srgb,var(--acc) 11%,#fff);padding:14px 14px 18px}
.c-tint .ph img{aspect-ratio:16/9}.c-tint .kicker{color:var(--acc)}
.c-side{display:grid;grid-template-columns:42% minmax(0,1fr);column-gap:16px;align-content:start;border-top:3px solid var(--acc);padding-top:14px}
.c-side .ph{grid-row:1/6}.c-side .ph img{aspect-ratio:1/1;margin:0}
.c-side>a.kicker,.c-side>.spons,.c-side>h3,.c-side>p{grid-column:2}.c-side>.spons{justify-self:start;margin:6px 0 0}
.story.c-side h3{font-size:20px;line-height:1.2}.story.c-side p{font-size:14px}
.c-frame{text-align:center}.c-frame .ph{padding:10px;background:#fff;border:1px solid var(--rule);box-shadow:0 10px 24px -18px rgba(0,0,0,.5)}
.c-frame .ph img{margin:0;aspect-ratio:5/4}.c-frame .kicker{display:inline-block;margin-top:14px}
.story.c-frame h3{font-style:italic}
.c-rule{border-top:5px solid var(--acc);padding-top:12px}.c-rule .ph img{aspect-ratio:4/5}
.c-sq .ph img{aspect-ratio:1/1;border-radius:50% 50% 0 0 / 22% 22% 0 0}
.c-std .ph img{aspect-ratio:3/2}
@media(max-width:620px){.c-side{grid-template-columns:38% minmax(0,1fr)}.c-rule .ph img{aspect-ratio:4/3}.c-sq .ph img{aspect-ratio:4/3}}