.guide-archive-hero{position:relative;isolation:isolate;overflow:hidden;padding:18px 0 32px;background:linear-gradient(120deg,#f2f9ff,#eaf5ff)}
.guide-archive-hero-inner{position:relative;z-index:1;display:flex;min-height:270px;align-items:center}
.guide-archive-hero-copy{min-width:0;width:52%;max-width:610px}
.guide-archive-hero-visual{position:absolute;inset:0 -40px 0 auto;display:block;width:min(1240px,80vw);height:100%;object-fit:contain;object-position:right center;transform:scale(1.65);transform-origin:right center;pointer-events:none}
.guide-archive-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f2f9ff 0%,rgba(242,249,255,.98) 35%,rgba(242,249,255,.78) 49%,rgba(242,249,255,0) 65%)}
.guide-archive-hero .builder-breadcrumbs{position:relative;z-index:1;padding-bottom:22px}
.guide-archive-hero .eyebrow{margin:0 0 8px}
.guide-archive-hero h1{margin:0 0 12px;font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.04em}
.guide-archive-hero .lead{margin:0}
.guide-archive-content{padding-top:32px;padding-bottom:32px}
.guide-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.guide-card{min-width:0;border:1px solid #dfeaf5;border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.guide-card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#f2f7fb}
.guide-card-placeholder{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#f3f9ff,#e5f1fc);color:#63758a;font-size:.85rem;letter-spacing:.03em}
.guide-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:20px;min-width:0;overflow-wrap:anywhere}
.guide-card .eyebrow{margin:0 0 7px;font-size:.7rem;letter-spacing:.07em}
.guide-card h2{margin:0 0 10px;font-size:1.22rem;line-height:1.3;letter-spacing:-.02em}
.guide-card h2 a{color:#0d2b55;text-decoration:none;transition:color .15s ease}
.guide-card h2 a:hover{color:#0d72cf}
.guide-card-excerpt{margin:0 0 16px;color:#536d89;font-size:.94rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.guide-card time{margin-top:auto;color:#63758a;font-size:.78rem}
.guide-card-link{display:inline-flex;gap:8px;align-items:center;min-height:44px;margin-top:6px;color:#0d72cf;font-size:.9rem;font-weight:750;text-decoration:none}
.guide-card-link:hover{text-decoration:underline;text-underline-offset:3px}
.guide-archive a:focus-visible{outline:2px solid #0d72cf;outline-offset:3px}
.guide-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:32px;font-size:.9rem;color:#63758a}
.guide-pagination a{display:inline-flex;align-items:center;min-height:44px;color:#0d72cf;text-underline-offset:3px}
.guide-archive-empty{max-width:680px;padding:30px 0 46px}
.guide-archive-empty h2{margin:0 0 12px;font-size:1.4rem;line-height:1.3}
.guide-archive-empty p{margin:0 0 12px;color:#536d89}
@media(max-width:1000px){.guide-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-archive-grid{grid-template-columns:minmax(0,1fr);gap:18px}.guide-archive-hero{padding-top:12px;padding-bottom:26px}.guide-archive-hero .builder-breadcrumbs{padding-bottom:18px}.guide-archive-hero .lead{font-size:1.03rem}.guide-card-copy{padding:18px}.guide-archive-content{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.guide-card h2 a{transition:none}}
@media(min-width:701px) and (max-width:1000px){.guide-archive-hero-visual{transform:scale(1.3)}}
@media(max-width:700px){.guide-archive-hero-inner{min-height:0;padding-bottom:240px}.guide-archive-hero-copy{width:100%;max-width:none}.guide-archive-hero-visual{inset:auto -16px 0 auto;transform:none;width:100%;height:250px;object-position:right bottom}.guide-archive-hero::after{background:linear-gradient(180deg,#f2f9ff 0%,rgba(242,249,255,.98) 42%,rgba(242,249,255,0) 65%)}}