.blog-hero{background:var(--hero);border-bottom:1px solid var(--line);padding-block:64px 56px}.blog-hero h1{overflow-wrap:break-word;max-width:18ch;font-size:clamp(34px,4.4vw,56px)}.blog-intro{max-width:56ch;margin-top:20px;font-size:20px}.blog-list-section{padding-block:56px 80px}.blog-empty{text-align:center;background:var(--soft);border:1px dashed var(--line);border-radius:10px;max-width:640px;margin:0 auto;padding:56px 28px}.blog-empty-mark{background:var(--tint);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:18px;font-size:28px;display:inline-grid}.blog-empty h2{font-size:30px}.blog-empty p{max-width:46ch;margin:14px auto 0}.blog-empty-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;display:flex}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;transition:border-color .18s,transform .18s;overflow:hidden}.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}.post-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.post-card-media{aspect-ratio:16/9;background:var(--soft);overflow:hidden}.post-card-media img{object-fit:cover;width:100%;height:100%}.post-card-placeholder{width:100%;height:100%;color:var(--accent);background:var(--tint);place-items:center;font-size:56px;font-weight:750;display:grid}.post-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.post-card-body h2{overflow-wrap:break-word;font-size:23px;line-height:1.15}.post-excerpt{font-size:16px}.post-card-body .text-link{margin-top:auto;padding-top:6px}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;display:flex}.post-category{background:var(--warm-soft);color:var(--warm);border:1px solid var(--warm-line);border-radius:999px;padding:2px 10px;font-weight:650}.draft-badge{background:var(--ink);color:var(--bg);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.article-header{width:min(68ch,42rem);max-width:calc(100% - 64px);padding-block:44px 28px}.article-header h1{overflow-wrap:break-word;margin-top:14px;font-size:clamp(32px,4.6vw,52px)}.article-lead{margin-top:18px;font-size:21px}.article-byline{flex-wrap:wrap;gap:6px 10px;margin-top:20px;font-size:15px;display:flex}.article-byline strong{color:var(--ink)}.article-cover{max-width:1100px;margin-bottom:36px}.article-cover img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto}.prose{width:min(68ch,42rem);max-width:100%;color:var(--ink);overflow-wrap:break-word;margin-inline:auto;font-size:19px;line-height:1.7}.article-header{margin-inline:auto}.prose p{color:var(--ink);margin:0 0 1.2em}.prose h2{margin:2em 0 .6em;font-size:30px}.prose h3{margin:1.6em 0 .5em;font-size:23px}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}.prose li{margin-bottom:.45em}.prose a{color:var(--accent);font-weight:600}.prose img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;margin:1.6em 0}.prose blockquote{border-left:3px solid var(--warm-line);color:var(--muted);margin:1.6em 0;padding:4px 0 4px 20px}.prose blockquote p{color:var(--muted)}.prose hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}.prose table{border-collapse:collapse;max-width:100%;margin:1.6em 0;font-size:16px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 12px}.prose th{background:var(--soft)}.prose code{background:var(--soft);border-radius:4px;padding:2px 6px;font-size:.9em}.prose pre{background:var(--soft);border-radius:8px;padding:16px;overflow-x:auto}.prose .video{aspect-ratio:16/9;background:var(--soft);border-radius:8px;margin:1.6em 0;position:relative;overflow:hidden}.prose .video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.prose h3+p{color:var(--muted)}.article-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;width:min(68ch,42rem);max-width:100%;margin:36px auto 0;padding-top:24px;display:flex}.article-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.article-tags ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.article-tags li{background:var(--tint);color:var(--accent);border-radius:999px;padding:3px 12px;font-size:14px;font-weight:600}.article-cta{background:var(--accent);border-radius:10px;justify-content:space-between;align-items:center;gap:24px;max-width:860px;margin:48px auto 80px;padding:32px 36px;display:flex}.article-cta h2{color:#fff;font-size:28px}.article-cta p{color:#e5eefb;margin-top:8px}[data-theme=dark] .article-cta{background:#1f4a80}.article-cta-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=1040px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.article-header{max-width:calc(100% - 36px)}.blog-hero{padding-block:40px 36px}.blog-intro{font-size:18px}.blog-list-section{padding-block:36px 56px}.post-grid{grid-template-columns:minmax(0,1fr);gap:22px}.blog-empty{padding:40px 20px}.article-header{padding-block:28px 20px}.article-lead{font-size:19px}.prose{font-size:18px}.prose h2{font-size:26px}.article-cta{flex-direction:column;align-items:flex-start;margin-bottom:56px;padding:26px 22px}.article-cta-actions{width:100%}.article-cta-actions .button{flex:100%}}