@import url('./styleguide-theme.css?v=guide-20261011');
.page-blog-server .site-header{font-size:16px}
.page-blog-server .server-blog-heading{max-width:1240px;margin:24px auto 30px}
.server-blog-eyebrow{font-size:13px;letter-spacing:.04em;color:var(--muted)}
.server-blog-heading h1{font-size:clamp(26px,4vw,42px);line-height:1.5;margin:8px 0;font-family:var(--font-heading)}
.server-blog-heading>p{max-width:720px;line-height:1.9}
.server-blog-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.server-blog-categories a{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border:1px solid var(--secondary-hover);border-radius:999px;background:var(--secondary-light);font-size:13px;color:var(--muted);box-sizing:border-box}
.server-blog-categories a[aria-current=page]{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}
.server-blog-categories a:hover{background:var(--primary-light-hover);color:var(--primary-dark)}
.page-blog-server .blog-archive-card h3{font-size:19px;line-height:1.7}
.page-blog-server .blog-archive-body{padding:20px;gap:10px}
.page-blog-server .blog-archive-thumb img,.page-blog-server .blog-post-hero img{height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--secondary-light-active)}
.page-blog-server .blog-archive-excerpt{line-height:1.9}
.page-blog-server .blog-post-header h1{font-size:clamp(25px,3vw,38px);line-height:1.6}
.page-blog-server .blog-prose{line-height:2;overflow-wrap:anywhere}
.server-blog-sidebar{padding:24px;border:1px solid var(--secondary-hover);border-radius:18px;background:var(--secondary-light-active);position:sticky;top:110px}
.server-blog-sidebar h2{font-size:18px;margin:0 0 18px}
.server-blog-sidebar a{display:block;padding:12px 0;border-bottom:1px solid var(--secondary-hover);color:var(--muted);overflow-wrap:anywhere}
.server-blog-sidebar a:hover{color:var(--primary)}
.server-blog-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:34px 0 0}
.server-blog-pagination a{padding:10px 18px;border-radius:10px;background:var(--primary);color:var(--on-primary)}
.server-blog-pagination a:hover{background:var(--primary-hover)}
.server-blog-empty{padding:24px;grid-column:1/-1}
.page-blog-server .blog-primary-media video,.page-blog-server .blog-primary-media audio{width:100%;margin:20px 0;border-radius:16px}.page-blog-server .blog-selected-navigation{display:flex;gap:16px;margin:36px 0}.page-blog-server .blog-selected-navigation a{flex:1;padding:18px;background:#ffead3;border-radius:12px;color:#9e3b3b}.page-blog-server .blog-selected-navigation small{display:block;margin-bottom:8px;color:#8a7370}.page-blog-server .blog-selected-related{margin:36px 0}.page-blog-server .blog-selected-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-blog-server .blog-selected-related a{padding:16px;border:1px solid #eac7b7;border-radius:12px}.page-blog-server .blog-prose table{width:100%;border-collapse:collapse;margin:20px 0;display:block;overflow-x:auto}.page-blog-server .blog-prose td,.page-blog-server .blog-prose th{border:1px solid #eac7b7;padding:12px}.page-blog-server .blog-prose pre{background:#fff1e4;direction:ltr;padding:20px;border-radius:12px;white-space:pre-wrap}.page-blog-server .blog-prose details{background:#fff1e4;padding:18px;border-radius:12px;margin:12px 0}.page-blog-server .blog-prose summary{cursor:pointer;font-weight:700}.page-blog-server .blog-prose video,.page-blog-server .blog-prose img{max-width:100%}.page-blog-server .blog-featured-badge{color:#9e3b3b;font-weight:700;font-size:12px;display:block;margin-bottom:10px}
@media(max-width:700px){.page-blog-server .blog-archive-grid{grid-template-columns:1fr}.page-blog-server .blog-archive{padding-inline:18px}.page-blog-server .blog-post{padding-inline:18px}.page-blog-server .blog-post-layout{grid-template-columns:1fr}.server-blog-sidebar{position:static}.page-blog-server .blog-archive-body{padding:18px}}
@media(max-width:640px){.page-blog-server .blog-post-hero:has(source[media]) img{aspect-ratio:9/16}.page-blog-server .blog-selected-related>div{grid-template-columns:1fr}.page-blog-server .blog-selected-navigation{flex-direction:column}}
@media(min-width:701px) and (max-width:1024px){.page-blog-server .blog-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-blog-server .blog-post-layout{grid-template-columns:minmax(0,1fr) 220px}}
.page-blog-server .blog-archive-card{background:var(--secondary-light-active);border-color:var(--secondary-hover)}
.page-blog-server .blog-archive-tag{background:var(--primary);color:var(--on-primary)}
.page-blog-server .blog-prose{color:var(--text)}
.page-blog-server .blog-prose p{color:var(--muted)}
.page-blog-server .blog-prose :is(h2,h3,h4){color:var(--ink)}
.page-blog-server .blog-post-header .blog-breadcrumb,
.page-blog-server .blog-post-header .blog-breadcrumb a,
.page-blog-server .blog-post-header .blog-archive-byline,
.page-blog-server .blog-post-header .blog-archive-byline time{color:var(--muted)}
.page-blog-server .blog-archive-tag{border:1px solid var(--secondary-hover);background:var(--secondary);color:var(--ink)!important;border-radius:999px;padding:6px 12px;font-size:12px;text-transform:none;letter-spacing:0}
.page-blog-server .blog-archive-tag:hover{background:var(--secondary-hover);border-color:var(--secondary-dark)}
.page-blog-server .server-blog-sidebar h2{color:var(--ink)}