.blog-page{--blog-content:820px;--blog-measure:68ch;--blog-gap:28px;--blog-radius:14px;padding:32px 0 64px}.blog-masthead{max-width:var(--blog-content);margin:0 auto 40px;text-align:center}.blog-eyebrow{margin:0 0 8px;font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--secondary)}.blog-masthead-title{margin:0 0 14px;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;color:var(--dark)}.blog-masthead-lead{margin:0;font-size:1.05rem;line-height:1.7;color:var(--dark-light)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--blog-gap)}.blog-card{background:#fff;border:1px solid var(--gray-light);border-radius:var(--blog-radius);overflow:hidden;transition:transform var(--anim-speed) ease,box-shadow var(--anim-speed) ease}.blog-card:focus-within,.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-link:focus-visible{outline:0}.blog-card:focus-within{outline:3px solid var(--primary);outline-offset:2px}.blog-card-media{aspect-ratio:16/9;background:var(--light);overflow:hidden}.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--anim-speed) ease}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card-media-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--gray);font-size:2rem}.blog-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px;flex:1}.blog-card-title{margin:0;font-family:var(--font-heading);font-size:1.15rem;font-weight:700;line-height:1.35;color:var(--dark)}.blog-card-subtitle{margin:0;font-size:.94rem;line-height:1.6;color:var(--dark-light);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{margin:auto 0 0;padding-top:6px;font-size:.82rem;color:var(--gray);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.blog-card-dot{color:var(--gray-light)}.blog-feed-next{display:flex;justify-content:center;grid-column:1/-1;padding-top:12px}.blog-feed-status{min-height:1.5em;margin:24px 0 0;text-align:center;font-size:.9rem;color:var(--gray)}.blog-feed-status.is-error{color:var(--danger)}.blog-feed-status .blog-retry{margin-left:10px;background:0 0;border:1px solid currentColor;border-radius:6px;padding:4px 12px;font:inherit;color:inherit;cursor:pointer}.blog-feed-sentinel{height:1px}.blog-feed-controls{display:flex;justify-content:center;margin-top:8px}.blog-feed-pause{background:0 0;border:none;padding:6px 12px;font:inherit;font-size:.85rem;color:var(--gray);text-decoration:underline;cursor:pointer}.blog-feed-pause:focus-visible,.blog-feed-pause:hover{color:var(--primary)}.blog-empty{max-width:var(--blog-content);margin:0 auto;padding:56px 24px;text-align:center;color:var(--gray);background:#fff;border:1px dashed var(--gray-light);border-radius:var(--blog-radius)}.blog-empty i{font-size:2.2rem;margin-bottom:14px;display:block;color:var(--gray-light)}.blog-empty p{margin:0;font-size:1rem}.blog-breadcrumbs{max-width:var(--blog-content);margin:0 auto 28px;font-size:.85rem;color:var(--gray)}.blog-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-breadcrumbs li+li::before{content:"/";margin-right:8px;color:var(--gray-light)}.blog-breadcrumbs a{color:var(--secondary);text-decoration:none}.blog-breadcrumbs a:hover{text-decoration:underline}.blog-breadcrumbs li[aria-current]{max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-article{max-width:var(--blog-content);margin:0 auto}.blog-article-head{margin-bottom:32px}.blog-article-title{margin:0 0 16px;font-family:var(--font-heading);font-size:clamp(1.85rem,4.5vw,2.6rem);font-weight:800;line-height:1.2;color:var(--dark)}.blog-article-subtitle{margin:0 0 20px;font-size:1.15rem;line-height:1.6;color:var(--dark-light)}.blog-article-meta{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;color:var(--gray)}.blog-article-author{font-weight:600;color:var(--dark-light)}.blog-article-updated{margin:6px 0 0;font-size:.82rem;color:var(--gray);font-style:italic}.blog-article-cover{margin:0 0 36px}.blog-article-cover img{width:100%;display:block;border-radius:var(--blog-radius);aspect-ratio:16/9;object-fit:cover;max-height:min(62vh,420px)}.blog-article-body figcaption,.blog-article-cover figcaption{margin-top:10px;font-size:.85rem;line-height:1.5;color:var(--gray);text-align:center}.blog-article-body{font-size:1.06rem;line-height:1.78;color:var(--dark-light);max-width:var(--blog-measure);margin-inline:auto}.blog-article-body>*{margin:0 0 1.35em}.blog-article-body>:last-child{margin-bottom:0}.blog-article-body h2,.blog-article-body h3{font-family:var(--font-heading);color:var(--dark);line-height:1.3;margin-top:2em;margin-bottom:.7em}.blog-article-body h2{font-size:1.6rem;font-weight:700}.blog-article-body h3{font-size:1.28rem;font-weight:600}.blog-article-body a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.blog-article-body a:hover{color:var(--primary)}.blog-article-body ol,.blog-article-body ul{padding-left:1.4em}.blog-article-body li{margin-bottom:.5em}.blog-article-body blockquote{margin-left:0;margin-right:0;padding:4px 0 4px 22px;border-left:4px solid var(--accent);color:var(--dark);font-style:italic}.blog-article-body blockquote p:last-child{margin-bottom:0}.blog-article-body figure{margin-left:0;margin-right:0}.blog-article-body img{width:100%;height:auto;display:block;border-radius:10px}.blog-article-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--gray-light)}.blog-share{display:flex;align-items:center;gap:12px}.blog-share-feedback{font-size:.85rem;color:var(--success)}.blog-article-back{display:inline-flex;align-items:center;gap:8px;color:var(--secondary);text-decoration:none;font-weight:600}.blog-article-back:hover{text-decoration:underline}@media (max-width:600px){.blog-page{padding:20px 0 48px}.blog-masthead{margin-bottom:28px;text-align:left}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-article-body{font-size:1rem}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-media img{transition:none}.blog-card:focus-within,.blog-card:hover{transform:none}.blog-card:hover .blog-card-media img{transform:none}}