/* Blog layout; typography, colors and buttons use the shared theme. */
.blog-load-more{text-align:center;margin-top:40px}.blog-load-more [aria-disabled=true]{opacity:.6;cursor:wait}.blog-load-more [role=status]{min-height:21px}
.blog-page{padding-block:40px 72px}.blog-heading{max-width:920px;margin-bottom:36px}.blog-heading h1{margin-top:12px}.blog-heading h1::after{content:'';display:block;width:140px;height:12px;border-radius:var(--gymio-pill);background:var(--gymio-primary);margin-top:24px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.blog-card{min-width:0;display:flex;flex-direction:column;gap:20px}.blog-card>div{display:flex;flex-direction:column;align-items:flex-start;flex:1}.blog-card h2{font-size:25px;margin:10px 0 0}.blog-card p{margin-block:16px 24px}.blog-card .g-button{align-self:flex-start;margin-top:auto}.blog-cover{display:block;overflow:hidden;border-radius:var(--gymio-radius)}.blog-cover img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}.blog-card:is(:hover,:focus-within) .g-button{background:var(--gymio-primary)}.gymio-ui .blog-card:is(:hover,:focus-within) h2 a{color:var(--gymio-primary)!important}
.blog-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid var(--gymio-border)}.blog-featured h2{font-size:clamp(26px,3vw,36px)}.blog-featured .g-button{margin-top:0}
.blog-back{margin-bottom:28px}.blog-featured .blog-heading{margin-bottom:0;min-width:0}.blog-featured h1{font-size:clamp(28px,3vw,40px);overflow-wrap:anywhere}
.blog-reading:not(:has(aside)){display:block;max-width:780px;margin-inline:auto}
.blog-reading{display:grid;grid-template-columns:280px minmax(0,780px);gap:64px;justify-content:space-between}.blog-reading aside nav{position:sticky;top:110px;max-height:calc(100dvh - 140px);overflow:auto;padding:24px;background:var(--gymio-surface);border-radius:var(--gymio-radius)}.blog-reading aside h2{font-size:22px}.blog-reading ol{padding-left:20px}.blog-reading aside li{padding-block:6px;font-size:14px}.blog-body{min-width:0;line-height:1.8;overflow-wrap:anywhere}.blog-body> :first-child{margin-top:0}.blog-body h2{font-size:30px;line-height:1.3;margin:40px 0 18px}.blog-body h3{font-size:24px;line-height:1.4;margin-top:30px}.blog-body p,.blog-body ul,.blog-body ol{margin-block:20px}.blog-body li{margin-block:8px}.blog-body figure{margin:28px 0;max-width:100%;overflow:auto}.blog-body img{height:auto;border-radius:var(--gymio-radius)}.blog-body table{width:100%;border-collapse:collapse}.blog-body td,.blog-body th{padding:12px;border-bottom:1px solid var(--gymio-border);text-align:left}.blog-body blockquote{margin:24px 0;padding:16px 24px;border-left:5px solid var(--gymio-primary);background:var(--gymio-surface)}.blog-more{margin-top:64px;padding-top:40px;border-top:1px solid var(--gymio-border)}.blog-more>.g-heading{margin-bottom:28px}
.blog-skip{position:fixed;top:-100px;z-index:100;background:var(--gymio-background);padding:12px}.blog-skip:focus{top:0}
@media(hover:hover){.blog-card:hover .blog-cover img{transform:scale(1.025)}}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reading{grid-template-columns:220px minmax(0,1fr);gap:32px}.blog-featured{gap:24px}}
@media(max-width:700px){.blog-page{padding-block:28px 48px}.blog-featured,.blog-reading,.blog-grid{grid-template-columns:1fr}.blog-featured{gap:20px;margin-bottom:32px}.blog-reading aside nav{position:static;max-height:none}.blog-body h2{font-size:26px}.blog-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.blog-cover img{transition:none}.blog-card:hover .blog-cover img{transform:none}}