.peak-blog{max-width:1120px;margin-inline:auto}
.peak-blog>header{max-width:760px;margin-bottom:24px}
.peak-blog>header h1{font-size:clamp(32px,6vw,64px);line-height:1.08;overflow-wrap:anywhere}
.peak-blog>header p,.peak-blog-card small{color:var(--muted)}
.peak-blog-search{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:18px 0}
.peak-blog-search label{display:grid;gap:6px;flex:1 1 220px}
.peak-blog-search :is(input,button){padding:10px;border:1px solid #443644;border-radius:8px;background:#19151d;color:inherit}
.peak-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-block:20px}
.peak-blog-card{border:1px solid #3a303d;border-radius:14px;background:#17151d;overflow:hidden}
.peak-blog-card div{padding:16px}
.peak-blog-card img,.peak-blog-cover{display:block;width:100%;max-height:400px;object-fit:cover}
.peak-blog-card img{aspect-ratio:16/9}
.peak-blog-card h2{font-size:1.2rem;overflow-wrap:anywhere}
.peak-blog-featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;margin:22px 0}
.peak-blog-featured>div:not(.journal-mark){padding:clamp(16px,4vw,34px);align-content:center}
.peak-blog-featured img{height:100%;min-height:210px;aspect-ratio:auto}
.peak-blog-featured h2{font-size:clamp(23px,4vw,38px);line-height:1.15}
.peak-blog-featured small{display:block;margin-top:10px}
.journal-mark{display:grid;place-content:center;min-height:210px;background:#242033;color:#f5cad8;font-size:clamp(26px,5vw,54px);font-weight:780;line-height:.92;letter-spacing:-.045em}
.peak-blog-empty{padding:24px;border:1px solid #3a303d;border-radius:14px;background:#17151d}
@media(max-width:700px){.peak-blog-featured{grid-template-columns:minmax(0,1fr)}.peak-blog-featured img{max-height:260px}}
.peak-blog-article{max-width:800px;font-size:1.02rem;line-height:1.75;overflow-wrap:anywhere;margin-block:20px}
.peak-blog-article :is(h2,h3){scroll-margin-top:80px;line-height:1.25}
.peak-blog-article img{max-width:100%;height:auto;border-radius:12px}
.peak-blog-article :is(pre,blockquote,.peak-blog-toc){padding:14px;border:1px solid #3a303d;border-radius:10px;background:#17151d;overflow:auto}
.peak-blog-article a{text-decoration:underline;text-underline-offset:3px}
.blog-table{overflow:auto}
.blog-table table{border-collapse:collapse;width:100%}
.blog-table :is(td,th){padding:8px;border:1px solid #3a303d;text-align:start}
#blog-preview,#seo-output{padding:12px}