.blog-page{--night:#140f3a;--night-2:#2a1f6e;--sun:#ffd23f;--coral:#ff5a36;--coral-deep:#d63d1d;--coral-text:#c2381a;--cream:#fff7ea;--ink:#1d1838;--ink-soft:#57507a;background:var(--cream);color:var(--ink);font-family:var(--font-body), ui-rounded, system-ui, sans-serif;flex:1}.blog-page :focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 9px var(--sun);border-radius:12px}.blog-hero :focus-visible{outline-color:var(--sun);box-shadow:none}.blog-hero{background:radial-gradient(120% 90% at 50% 0%, var(--night-2) 0%, var(--night) 62%);color:#fff;text-align:center;padding:3.5rem 1rem 5.5rem}.blog-hero h1{max-width:48rem;font-family:var(--font-display), system-ui, sans-serif;text-wrap:balance;margin:0 auto;font-size:clamp(2.1rem,6vw,3.4rem);font-weight:700;line-height:1.08}.blog-hero p{color:#ffffffe0;max-width:38rem;margin:1rem auto 0;font-size:1.15rem;line-height:1.55}.blog-eyebrow{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sun);margin:0 auto .75rem;font-size:.85rem;font-weight:600}.blog-eyebrow a:hover{text-decoration:underline}.blog-meta{color:#fffc;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin-top:1.1rem;font-size:.98rem;display:flex}.blog-grid-wrap{max-width:72rem;margin:-3.5rem auto 4rem;padding:0 1rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1.5rem;display:grid}.blog-card{background:#fff;border-radius:24px;flex-direction:column;transition:transform .15s;display:flex;overflow:hidden;box-shadow:0 16px 40px #140f3a1a}.blog-card:hover{transform:translateY(-3px)}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;background:var(--sun);width:100%}.blog-card-cover-empty{background:radial-gradient(120% 120% at 20% 0%, var(--sun) 0%, var(--coral) 100%);color:var(--night);font-family:var(--font-display), system-ui, sans-serif;place-items:center;font-size:2.5rem;font-weight:700;display:grid}.blog-card-body{flex-direction:column;flex:1;gap:.6rem;padding:1.25rem 1.4rem 1.5rem;display:flex}.blog-card-date{color:var(--ink-soft);font-size:.9rem}.blog-card h2{font-family:var(--font-display), system-ui, sans-serif;color:var(--night);font-size:1.3rem;font-weight:600;line-height:1.25}.blog-card h2 a:after{content:"";position:absolute;inset:0}.blog-card{position:relative}.blog-card p{color:var(--ink-soft);font-size:1rem;line-height:1.55}.blog-empty{text-align:center;background:#fff;border-radius:24px;max-width:40rem;margin:0 auto;padding:2.5rem 1.5rem;font-size:1.1rem;box-shadow:0 16px 40px #140f3a1a}.blog-empty a{color:var(--coral-text);font-weight:700;text-decoration:underline}.blog-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2.5rem;font-weight:700;display:flex}.blog-pager a{color:var(--night);border:2px solid var(--night);background:#fff;border-radius:999px;padding:.55rem 1.2rem}.blog-pager a:hover{background:var(--sun)}.blog-pager span{color:var(--ink-soft)}.blog-article{background:#fff;border-radius:28px;max-width:46rem;margin:-3.5rem auto 4rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #140f3a1f}@media (max-width:48rem){.blog-article{margin-inline:1rem}}.blog-article-cover{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.blog-article-inner{padding:2rem 1.25rem 2.5rem}@media (min-width:40rem){.blog-article-inner{padding:2.75rem 3rem 3rem}}.blog-prose{color:var(--ink);overflow-wrap:break-word;font-size:1.1rem;line-height:1.75}.blog-prose>*+*{margin-top:1.1rem}.blog-prose h2{font-family:var(--font-display), system-ui, sans-serif;color:var(--night);margin-top:2.4rem;font-size:1.55rem;font-weight:600;line-height:1.25}.blog-prose h3,.blog-prose h4{font-family:var(--font-display), system-ui, sans-serif;color:var(--night);margin-top:1.8rem;font-size:1.2rem;font-weight:600}.blog-prose>:first-child{margin-top:0}.blog-prose a{color:var(--coral-text);text-underline-offset:3px;font-weight:700;text-decoration:underline}.blog-prose a:hover,.blog-prose strong,.blog-prose b{color:var(--night)}.blog-prose ul,.blog-prose ol{padding-left:1.4rem}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.4rem}.blog-prose li::marker{color:var(--coral)}.blog-prose blockquote{border-left:4px solid var(--sun);color:var(--ink-soft);padding:.25rem 0 .25rem 1.2rem;font-style:italic}.blog-prose img,.blog-prose iframe{border-radius:18px;max-width:100%;display:block}.blog-prose img{height:auto}.blog-prose iframe{aspect-ratio:16/9;border:0;width:100%;height:auto}.blog-prose figcaption{color:var(--ink-soft);text-align:center;margin-top:.5rem;font-size:.95rem}.blog-prose code{background:var(--cream);border-radius:6px;padding:.1rem .35rem;font-size:.95em}.blog-prose pre{background:var(--night);color:#fff;border-radius:14px;padding:1rem 1.2rem;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0}.blog-prose hr{border:0;border-top:2px dashed #140f3a26}.blog-prose table{border-collapse:collapse;font-size:1rem;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{text-align:left;border-bottom:1px solid #140f3a1f;padding:.5rem .75rem}.blog-tags{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.blog-tags li{background:var(--cream);color:var(--night);border-radius:999px;padding:.25rem .75rem;font-size:.9rem;font-weight:700}.blog-share{border-top:2px dashed #140f3a1f;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;padding-top:1.5rem;display:flex}.blog-share-label{color:var(--night);margin-right:.25rem;font-weight:700}.blog-share a,.blog-share button{color:var(--night);cursor:pointer;background:#fff;border:2px solid #140f3a26;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.95rem;font-weight:700;display:inline-flex}.blog-share a:hover,.blog-share button:hover{border-color:var(--night);background:var(--sun)}.blog-cta{background:radial-gradient(120% 120% at 50% 0%, var(--night-2) 0%, var(--night) 70%);color:#fff;text-align:center;border-radius:24px;margin-top:2.5rem;padding:2rem 1.5rem}.blog-cta h2{font-family:var(--font-display), system-ui, sans-serif;color:var(--sun);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.15}.blog-cta p{color:#ffffffe0;max-width:30rem;margin:.75rem auto 1.4rem;font-size:1.05rem;line-height:1.55}.blog-cta :focus-visible{outline-color:var(--sun);box-shadow:none}.blog-back{color:var(--coral-text);text-underline-offset:3px;margin-top:1.5rem;font-weight:700;text-decoration:underline;display:inline-block}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}
