/* Conventional blog, topic archives and supporting website map. */
.standard-blog{width:min(1180px,calc(100% - 48px));margin-inline:auto;padding:40px 0 72px;color:var(--text-color)}
.standard-blog *,.site-directory *,.standard-related *{box-sizing:border-box}
.standard-blog a,.site-directory a,.standard-related a{color:var(--brand-ink);text-underline-offset:4px}
.standard-blog :focus-visible,.site-directory :focus-visible,.standard-related :focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}
.standard-blog ::selection,.site-directory ::selection,.standard-related ::selection{background:var(--brand-soft);color:var(--text-color)}
.blog-listing-header{padding-bottom:32px}
.standard-blog .blog-breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 20px;font-size:14px;color:var(--text-color-secondary)}
.standard-blog h1{margin:0;font-size:clamp(32px,3.4vw,44px);line-height:1.4;letter-spacing:-.02em}
.blog-listing-header>p{max-width:72ch;margin:16px 0 0;font-size:17px;line-height:1.8;color:var(--text-color-secondary)}
.blog-featured{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--border-color)}
.blog-featured h2{margin:2px 0 0;font-size:20px;line-height:1.6}
.blog-featured ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.blog-featured li{min-width:0}
.blog-featured a{display:block;font-size:16px;font-weight:600;line-height:1.65;text-decoration:none;color:var(--text-color)}
.blog-featured a:hover{color:var(--brand-ink);text-decoration:underline}
.blog-featured li>span{display:block;margin-top:8px;font-size:13px;color:var(--text-color-secondary)}
.blog-tools{margin-bottom:32px;padding:24px 0;border-block:1px solid var(--border-color)}
.standard-blog .blog-search{display:grid;grid-template-columns:auto minmax(240px,460px) minmax(0,1fr);gap:16px;align-items:center;padding:0;border:0;width:100%;margin:0}
.standard-blog .blog-search label{font-size:15px;font-weight:600;margin:0}
.standard-blog .blog-search input{width:100%;min-height:44px;border:1px solid var(--input-border,var(--border-color));border-radius:8px;padding:10px 14px;background:var(--input-bg,var(--card-bg));color:var(--text-color);font:inherit;caret-color:var(--brand-ink)}
.standard-blog .blog-search input::placeholder{color:var(--text-color-secondary)}
.standard-blog .blog-search [role=status]{margin:0;font-size:14px;line-height:1.7;text-align:right;color:var(--text-color-secondary)}
.blog-categories{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:20px}
.blog-categories a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:8px;background:transparent;text-decoration:none;font-size:14px;line-height:1.5;color:var(--text-color-secondary)}
.blog-categories a[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}
.blog-categories a:hover{background:var(--hover-bg);color:var(--brand-ink)}
.blog-results-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}
.blog-results h2{margin:0;font-size:26px;line-height:1.5}
.blog-results-heading>span{font-size:14px;color:var(--text-color-secondary)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.blog-card{min-width:0;margin:0;border-bottom:1px solid var(--border-color)}
.blog-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--text-color)}
.blog-card-image{margin:0;position:relative}
.blog-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:var(--card-bg)}
.blog-card-image figcaption,.blog-card-caption{display:block;font-size:12px;line-height:1.5;color:var(--text-color-secondary);margin:8px 0 0}
.blog-card-body{display:flex;flex-direction:column;flex:1;padding:16px 0 20px}
.blog-card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;font-size:13px;line-height:1.7;color:var(--text-color-secondary)}
.blog-card-meta time{font-variant-numeric:tabular-nums}
.blog-card h3{margin:0;font-size:21px;line-height:1.6;font-weight:600;overflow-wrap:anywhere;color:var(--text-color)}
.blog-card>a:hover h3{color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px}
.blog-card-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 18px;font-size:15px;line-height:1.8;color:var(--text-color-secondary)}
.blog-card-time,.blog-card-readtime{margin:auto 0 0;font-size:13px;line-height:1.7;color:var(--text-color-secondary)}
.blog-pagination{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px;margin-top:40px}
.blog-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);text-decoration:none;font-size:15px;font-variant-numeric:tabular-nums}
.blog-pagination a:hover{background:var(--hover-bg);color:var(--brand-ink)}
.blog-pagination a[aria-current=page]{background:var(--brand-soft);border-color:var(--brand-ink);color:var(--brand-ink);font-weight:600}
.blog-empty,.standard-blog .search-empty{padding:32px 0;font-size:16px;line-height:1.8;color:var(--text-color-secondary)}
.standard-blog .search-empty h3,.standard-blog .search-empty h2{margin:0 0 12px;color:var(--text-color);font-size:22px}
.standard-blog .search-empty button{min-height:44px;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);background:var(--card-bg);font:inherit;cursor:pointer}
.standard-blog .search-empty button:hover{background:var(--hover-bg)}
.standard-blog .search-empty nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.standard-related{width:min(1000px,calc(100% - 48px));margin:40px auto 0;padding:32px 0;border-top:1px solid var(--border-color)}
.standard-related h2{margin:0 0 20px;font-size:26px;line-height:1.5;color:var(--text-color)}
.standard-related ul,.standard-related ol{margin:0;padding:0;list-style:none}
.standard-related li{padding:16px 0;border-bottom:1px solid var(--border-color)}
.standard-related li>a{font-size:18px;font-weight:600;line-height:1.65}
.standard-related li>p{max-width:72ch;margin:8px 0 0;font-size:15px;line-height:1.8;color:var(--text-color-secondary)}
.standard-related>nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.related-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin-bottom:20px}
.related-heading h2{margin:0}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.related-grid>a{display:block;text-decoration:none;padding:16px 0;line-height:1.8}
.related-grid>a>span{font-size:13px;color:var(--text-color-secondary)}
.related-grid h3{font-size:18px;line-height:1.65;margin:8px 0;color:var(--text-color)}
.related-grid p{font-size:14px;line-height:1.8;margin:0;color:var(--text-color-secondary)}
.related-grid>a:hover h3{color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px}
.site-directory{width:min(1180px,calc(100% - 48px));margin-inline:auto;padding:40px 0 72px;color:var(--text-color)}
.site-directory h1{margin:0;font-size:40px;line-height:1.4}
.site-directory header>p{max-width:72ch;margin:16px 0 0;color:var(--text-color-secondary);font-size:16px;line-height:1.8}
.site-directory .breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:14px;color:var(--text-color-secondary)}
.site-directory section{padding:32px 0;border-bottom:1px solid var(--border-color);scroll-margin-top:100px}
.site-directory h2{font-size:24px;line-height:1.6;margin:0 0 16px}
.site-directory ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;padding:0;margin:0;list-style:none}
.site-directory li>a{font-size:15px;line-height:1.8}
.site-directory .directory-topics{display:flex;flex-wrap:wrap;gap:8px 24px;padding:24px 0;border-bottom:1px solid var(--border-color)}
@media(max-width:1000px){.blog-featured{grid-template-columns:1fr;gap:16px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.standard-blog .blog-search{grid-template-columns:auto minmax(200px,1fr)}.standard-blog .blog-search [role=status]{grid-column:2;text-align:left}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.blog-featured ul,.blog-grid,.site-directory ul,.related-grid{grid-template-columns:1fr}.standard-blog .blog-search{grid-template-columns:1fr;gap:8px}.standard-blog .blog-search [role=status]{grid-column:auto}.standard-blog,.site-directory{width:calc(100% - 48px)}.blog-featured ul{gap:20px}.blog-grid{gap:32px}.blog-pagination{justify-content:flex-start}}