/* Generated by scripts/build-v2-css.mjs from html-prototype/v2/css. Scoped to .v2. */
/* Guides index: layout tweaks only. Shared parts come from core.css and components.css. */
.v2 .guides-hero { padding-top: 56px; }
.v2 .guides-hero .crumbs { margin-bottom: 30px; }
.v2 .guides-hero h1 { font-size: clamp(40px, 5.2vw, 72px); }

.v2 #featured { padding-top: 24px; }
.v2 .feature .bcard__tag { margin: 0 0 18px; font-size: 15px; }
.v2 .feature h2 { margin: 0; }
.v2 .feature h2 a { color: inherit; text-decoration: none; }
.v2 .feature h2 a:hover { color: var(--violet); }
.v2 .feature__lead { margin: 20px 0 22px; color: var(--slate); }
.v2 .byline { display: flex; flex-wrap: wrap; gap: 6px 10px; font-size: 15px; color: var(--slate); margin: 0 0 28px; }
.v2 .byline a { color: var(--violet); text-decoration: none; }
.v2 .feature .btn { margin-top: 0; }

.v2 #topics .sec__head { margin-bottom: 40px; }
.v2 #topics .label { margin-bottom: 12px; }
.v2 #topics .sec__head .lead { max-width: 640px; margin-left: auto; margin-right: auto; }
.v2 .filters { justify-content: center; margin-bottom: 44px; }
.v2 .bgrid { row-gap: 44px; }
.v2 .bcard__by { display: block; font-size: 14px; color: var(--iron); margin-top: 10px; }
.v2 .bcard__by .draft { font-size: inherit; }

.v2 .news { margin: 0; position: relative; }
.v2 .news .eyebrow { margin-bottom: 12px; }
.v2 .news h2 { font-size: clamp(30px, 3.4vw, 44px); line-height: 1.15; margin-bottom: 14px; }
.v2 .news__form { display: grid; gap: 14px; align-content: center; }
.v2 .news__form .field { gap: 8px; }
.v2 .news__form .btn { justify-self: start; }
.v2 .news__note { font-size: 14px; color: var(--slate); margin: 0; }
.v2 .news .band__char { top: -46px; }

/* Guides index: live-only rules (topic blurbs, tag pills on the featured guide). Shared parts come from pages/blog.css, core.css and components.css. */
.v2 .gx-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.v2 .gx-tags .bcard__tag { margin: 0; }
.v2 .gx-blurbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0 0 44px; }
.v2 .gx-blurbs h3 { font-size: 17px; font-weight: 600; margin: 0 0 8px; }
.v2 .gx-blurbs p { font-size: 15.5px; line-height: 1.55; color: var(--slate); margin: 0; }
.v2 .gx-empty { font-size: 18px; color: var(--slate); text-align: center; }
@media (max-width: 960px) { .v2 .gx-blurbs { grid-template-columns: minmax(0, 1fr); gap: 20px; } }