.guides-page { --ink:#1c2b33; --muted:#5c6b72; --red:#9a2e24; color:var(--ink); background:#f4f3ef; overflow:hidden; }.guides-container { width:min(100% - clamp(2rem,6vw,6rem), 1060px); margin-inline:auto; }.guides-eyebrow { margin:0 0 1rem; color:var(--red); font-size:.76rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.guides-page h1,.guides-page h2 { letter-spacing:-.055em; font-weight:500; line-height:1; }.guides-hero { padding:clamp(5.5rem,10vw,9rem) 0 4.5rem; background:radial-gradient(circle at 85% 22%,rgba(154,46,36,.1),transparent 22rem),#f4f3ef; }.guides-hero h1,.guide-header h1 { max-width:16ch; margin:0 0 1.4rem; font-size:clamp(2.8rem,3.2rem + 2.8vw,5.5rem); }.guides-hero p { max-width:47rem; margin:0; color:var(--muted); font-size:1.12rem; line-height:1.7; }.guides-list { padding:5rem 0; border-top:1px solid rgba(28,43,51,.12); }.guides-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.guides-grid article,.guides-related-grid a { display:flex; min-height:300px; flex-direction:column; padding:1.5rem; border:1px solid rgba(28,43,51,.12); border-radius:1.1rem; background:#fff; }.guides-grid span,.guides-related-grid span { color:var(--red); font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.guides-grid h2 { margin:1rem 0; font-size:1.65rem; }.guides-grid h2 a { color:var(--ink); text-decoration:none; }.guides-grid p { flex:1; color:var(--muted); line-height:1.6; }.guides-text-link { color:var(--red); font-weight:800; }.guides-cta { padding:4.5rem 0; color:#fff; background:var(--ink); }.guides-cta h2 { margin:0 0 1.5rem; font-size:clamp(2rem,1.5rem + 2vw,3.4rem); }.guides-button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:.85rem 1.2rem; border:1px solid #fff; border-radius:999px; color:var(--ink); background:#fff; font-weight:800; text-decoration:none; }.guide-header { padding:clamp(5rem,9vw,8rem) 0 3.5rem; }.guide-answer { max-width:50rem; padding:1.4rem; border-left:4px solid var(--red); background:#f7ede9; }.guide-answer strong { color:var(--red); text-transform:uppercase; font-size:.75rem; letter-spacing:.1em; }.guide-answer p { margin:.6rem 0 0; font-size:1.1rem; line-height:1.65; }.guide-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:clamp(2rem,8vw,7rem); padding:3rem 0 5rem; border-top:1px solid rgba(28,43,51,.12); }.guide-body section { margin-bottom:3rem; }.guide-body h2 { margin:0 0 1.2rem; font-size:clamp(1.75rem,1.4rem + 1vw,2.45rem); }.guide-body p { color:var(--muted); line-height:1.75; }.guide-aside { align-self:start; position:sticky; top:100px; padding:1.35rem; border:1px solid rgba(28,43,51,.12); border-radius:1rem; background:#eae2d3; }.guide-aside span { display:block; margin-bottom:1.5rem; color:var(--red); font-size:.72rem; font-weight:800; letter-spacing:.1em; }.guide-aside strong { display:block; font-size:1.3rem; }.guide-aside p { color:var(--muted); line-height:1.55; }.guide-aside .guides-button { width:100%; color:#fff; background:var(--ink); border-color:var(--ink); }.guide-faq details { padding:1rem 0; border-bottom:1px solid rgba(28,43,51,.16); }.guide-faq summary { cursor:pointer; font-weight:800; }.guides-related { padding:4.5rem 0; background:#f7ede9; }.guides-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.guides-related-grid a { min-height:190px; justify-content:space-between; color:var(--ink); text-decoration:none; }.guides-related-grid strong { font-size:1.1rem; letter-spacing:-.03em; }.guides-related-grid b { color:var(--red); }
@media (max-width:980px) { .guides-grid,.guides-related-grid { grid-template-columns:1fr 1fr; }.guide-layout { grid-template-columns:1fr; }.guide-aside { position:static; max-width:520px; } }
@media (max-width:640px) { .guides-hero { padding-top:4.5rem; }.guides-hero h1,.guide-header h1 { font-size:clamp(2.65rem,11vw,3.8rem); }.guides-grid,.guides-related-grid { grid-template-columns:1fr; }.guide-layout { padding-top:2.5rem; } }