.overview-heading{margin-bottom:1.75rem}
.overview-heading h2{font-size:clamp(1.5rem,2.5vw,2rem)}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.overview-card{min-width:0;padding:1.75rem;display:flex;flex-direction:column;gap:1rem}
.overview-card+.overview-card{border-left:1px solid var(--line)}
.overview-card h3{font-size:1.25rem;line-height:1.4;text-wrap:pretty;overflow-wrap:anywhere}
.overview-card>p{font-size:1rem;line-height:1.65;color:var(--muted)}
.overview-card ul{padding:0;margin:0 0 .5rem;list-style:none}
.overview-card li{position:relative;padding:.4rem 0 .4rem 1rem;font-size:1rem;line-height:1.5;color:#c5c9cf}
.overview-card li::before{content:"·";position:absolute;left:0;color:var(--accent)}
.overview-card>a{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1rem;line-height:1.5}
.overview-card>a span{color:var(--accent)}
.overview-card>a:hover{color:var(--accent)}
@supports(grid-template-rows:subgrid){.overview-card{display:grid;grid-row:span 4;grid-template-rows:subgrid}.overview-grid{row-gap:1rem}.overview-card>a{margin-top:0}}
@media(max-width:950px){.overview-card{padding:1.25rem}}
@media(max-width:850px){.overview-grid{grid-template-columns:1fr;row-gap:0}.overview-card{display:flex;padding:1.5rem;gap:.85rem}.overview-card+.overview-card{border-left:0;border-top:1px solid var(--line)}.overview-card>a{margin-top:.25rem}}