.blog-page-panel{padding:clamp(1rem,3vw,2.25rem);background:radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--soft-blush) 72%,#0000),#0000 30%),var(--surface)}.blog-index-head{max-width:690px;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.blog-index-eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.65rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.blog-index-head h1{font-size:clamp(1.8rem,4vw,2.75rem);margin-bottom:.65rem}.blog-index-head p{color:var(--muted);font-size:clamp(1rem,1.7vw,1.1rem);line-height:1.65}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:clamp(1rem,2vw,1.4rem)}.blog-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border,var(--line));border-radius:calc(var(--radius) + 2px);background:var(--color-surface,var(--surface));box-shadow:0 12px 32px color-mix(in srgb,var(--text) 7%,#0000);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.blog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 18px 38px color-mix(in srgb,var(--text) 11%,#0000)}.blog-card-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}.blog-card-media:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(0deg,#0000001f,#0000);pointer-events:none}.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.blog-card:hover .blog-card-media img{transform:scale(1.025)}.blog-card-media-fallback{display:grid;place-items:center;color:var(--accent);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 20%,#0000),#0000 35%),linear-gradient(135deg,var(--surface-2),var(--soft-blush))}.blog-card-media-fallback span{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-card-body{display:flex;flex:1 1;flex-direction:column;gap:.7rem;padding:1.05rem 1.1rem 1.15rem}.blog-card-byline{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.72rem;line-height:1.25}.blog-card-byline>span:last-child{display:grid;gap:.08rem}.blog-card-byline strong{color:var(--text);font-size:.78rem}.blog-card h2{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.35}.blog-card h2 a{color:var(--text)}.blog-card h2 a:hover{color:var(--accent)}.blog-card-body>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card-action{margin-top:auto;padding-top:.25rem}.blog-card-action a{display:inline-flex;align-items:center;gap:.3rem;color:var(--accent);font-size:.88rem;font-weight:800}.blog-card-action svg{transition:transform .16s ease}.blog-card-action a:hover svg{transform:translate(2px,-2px)}.blog-author-avatar{width:2rem;height:2rem;flex:0 0 2rem;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--surface) 86%,#0000);border-radius:50%;color:#fff;background:radial-gradient(circle at 70% 25%,#ffffff59 0 12%,#0000 13%),linear-gradient(145deg,var(--accent),var(--accent-dark));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,#0000);font-size:.82rem;font-weight:800}.blog-article{width:min(100%,830px);margin-inline:auto}.blog-article-back{margin-bottom:.9rem}.blog-article-back a{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .78rem;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,#0000);font-size:.82rem;font-weight:700;transition:color .15s ease,border-color .15s ease,background .15s ease}.blog-article-back a:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--soft-blush)}.blog-article-header{padding:clamp(1rem,2.5vw,1.65rem) 0 clamp(1.1rem,2.8vw,1.8rem)}.blog-article-kicker{display:inline-flex;align-items:center;gap:.42rem;margin-bottom:.7rem;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.blog-article h1{max-width:760px;margin:0 0 1.05rem;color:var(--text);font-size:clamp(1.75rem,4.4vw,2.8rem);font-weight:800;line-height:1.13;letter-spacing:-.035em}.blog-author-row{display:flex;align-items:center;gap:.65rem;min-width:0}.blog-author-copy{display:grid;gap:.05rem;line-height:1.25}.blog-author-copy strong{font-size:.86rem}.blog-article-meta,.blog-author-copy span{color:var(--muted);font-size:.74rem}.blog-meta-divider{width:1px;height:1.7rem;margin-inline:.2rem;background:var(--line)}.blog-article-meta{display:flex;align-items:center;gap:.75rem;line-height:1.3}.blog-article-meta span{display:inline-flex;align-items:center;gap:.28rem}.blog-article-cover{width:100%;aspect-ratio:16/8.5;display:block;margin-bottom:clamp(1.6rem,4vw,2.6rem);border:1px solid var(--line);border-radius:clamp(1rem,2.5vw,1.5rem);object-fit:cover;box-shadow:0 18px 44px color-mix(in srgb,var(--text) 11%,#0000)}.blog-article-content{width:min(100%,710px);margin-inline:auto;color:color-mix(in srgb,var(--text) 88%,var(--muted));font-size:clamp(1rem,1.45vw,1.06rem);line-height:1.78}.blog-article-content>p:first-child{color:var(--text);font-size:clamp(1.08rem,1.8vw,1.18rem);line-height:1.7}.blog-article-content h2{margin:2.15em 0 .7em;color:var(--text);font-size:clamp(1.35rem,2.8vw,1.7rem);line-height:1.25}.blog-article-content h3{margin:1.6em 0 .55em;color:var(--text);font-size:clamp(1.08rem,2vw,1.24rem);line-height:1.3}.blog-article-content ol,.blog-article-content p,.blog-article-content ul{margin:0 0 1.15em}.blog-article-content ol,.blog-article-content ul{padding-inline-start:1.45em}.blog-article-content li{margin-bottom:.45em;padding-inline-start:.15em}.blog-article-content li::marker{color:var(--accent);font-weight:800}.blog-article-content table{width:100%;display:block;overflow-x:auto;margin:.4rem 0 1.55rem;border:1px solid var(--line);border-radius:var(--radius);border-collapse:initial;border-spacing:0;background:var(--surface);font-size:.88rem}.blog-article-content td,.blog-article-content th{padding:.72rem .85rem;border:0;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;min-width:7rem}.blog-article-content th{color:var(--text);background:var(--surface-2);font-size:.76rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.blog-article-content tbody tr:last-child td{border-bottom:0}.blog-article-content blockquote{position:relative;margin:1.5rem 0;padding:1rem 1.1rem 1rem 1.25rem;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-inline-start:4px solid var(--accent);border-radius:var(--radius);color:var(--text);background:linear-gradient(135deg,var(--soft-blush),var(--surface))}.blog-article-content code{padding:1px 5px;border-radius:6px;background:var(--surface-2);font-size:.92em}.blog-article-content img{max-width:100%;margin:.5rem 0 1.35rem;border:1px solid var(--line);border-radius:var(--radius)}.blog-article-content a{color:var(--accent-dark);font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,#0000);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .14s ease,text-decoration-color .14s ease}.blog-article-content a:hover{color:var(--accent);text-decoration-color:initial}.blog-author-card{width:min(100%,710px);display:flex;align-items:center;gap:.8rem;margin:2.5rem auto 0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.blog-author-avatar-large{width:2.75rem;height:2.75rem;flex-basis:2.75rem;font-size:1rem}.blog-author-card strong{display:block;color:var(--text);font-size:.92rem}.blog-author-card p{color:var(--muted);font-size:.78rem}.catalog-seo-copy a,.payment-landing-copy a,.text-link{color:var(--text);font-weight:600;text-decoration:none;transition:color .14s ease}.catalog-seo-copy a:hover,.payment-landing-copy a:hover,.text-link:hover{color:var(--accent)}@media (max-width:620px){.blog-page-panel{margin-inline:-2vw;border-radius:var(--radius)}.blog-article-meta{display:grid;gap:.2rem}.blog-meta-divider{margin-inline:0}.blog-article-back a{max-width:100%}.blog-article-back span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-action svg,.blog-card-media img{transition:none}}