.column-card h3 a { color: inherit; text-decoration: none; }
.column-card h3 a:hover { color: var(--color-accent-strong); }
.column-article__header { padding: 10rem 0 4rem; background: var(--color-background); }
.column-article__header h1 { max-width: 58rem; margin: 1rem 0; color: var(--color-primary); font-family: var(--font-serif); font-size: clamp(2rem, 5vw, 4rem); line-height: 1.35; }
.column-article__header time { color: var(--color-muted); font-size: .85rem; }
.gymgrit-column-hero-image { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; margin: 2.5rem 0 -8rem; overflow: hidden; background-color: var(--color-surface); background-position: center; background-repeat: no-repeat; background-size: cover; }
.column-article__body { max-width: 52rem; padding-top: 10rem; padding-bottom: 6rem; }
.column-article__summary { margin-bottom: 2rem; padding: clamp(1.5rem, 4vw, 2.5rem); border-left: 4px solid var(--color-accent-strong); background: var(--color-background); }
.column-article__summary h2, .column-article__toc h2 { margin: .55rem 0 1rem; color: var(--color-primary); font-size: clamp(1.35rem, 2.5vw, 1.8rem); }
.column-article__summary p:last-child { margin-bottom: 0; line-height: 1.9; }
.column-article__toc { margin: 0 0 3.5rem; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--color-border); }
.column-article__toc ol { display: grid; gap: .75rem; margin: 0; padding-left: 1.4rem; }
.column-article__toc a { color: var(--color-primary); text-decoration-color: var(--color-border); text-underline-offset: .25em; }
.column-article__toc a:hover { color: var(--color-accent-strong); }
.column-article__content h2 { scroll-margin-top: 7rem; margin: 3.5rem 0 1.25rem; padding-top: 1rem; border-top: 1px solid var(--color-border); color: var(--color-primary); font-size: clamp(1.55rem, 3vw, 2.25rem); }
.column-article__body h3 { margin: 2rem 0 1rem; color: var(--color-primary); font-size: clamp(1.15rem, 2vw, 1.45rem); }
.column-article__body p, .column-article__body li { font-size: 1rem; line-height: 2; }
.column-article__body ul { padding-left: 1.4rem; }
.column-article__lead { color: var(--color-primary); font-family: var(--font-serif); font-size: clamp(1.15rem, 2.5vw, 1.45rem) !important; }
@media (max-width: 43.99rem) { .column-article__header { padding: 7rem 0 3rem; } .gymgrit-column-hero-image { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; margin-top: 1.75rem; margin-bottom: -5rem; } .column-article__body { padding-top: 7rem; padding-bottom: 4rem; } }