/* Quiet Instrument Panel: the guide should read like a concise driver briefing, with Chicago context and no marketing softness. */
.guide-page { background:var(--paper); color:var(--ink); }.guide-page .site-header { position:relative; background:var(--ink); }.guide-page .site-header nav { color:rgba(255,255,255,.68); }.guide-main { background:linear-gradient(180deg,var(--ink) 0 465px,var(--paper) 465px); }.guide-hero { width:min(920px,100%); margin:auto; padding:112px clamp(20px,5vw,52px) 102px; color:#fff; }.guide-hero h1 { max-width:860px; margin:21px 0 0; font-family:"Space Grotesk",sans-serif; font-size:clamp(52px,7vw,88px); font-weight:600; letter-spacing:-.075em; line-height:.93; }.guide-hero h1 em { color:var(--lime); font-style:normal; }.guide-hero p:not(.signal-label) { max-width:645px; margin:23px 0 0; color:#cbd5e2; font-size:18px; line-height:1.65; }.guide-article { display:grid; width:min(1120px,100%); margin:0 auto; grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr); gap:76px; padding:0 clamp(20px,5vw,52px) 110px; }.guide-aside { align-self:start; position:sticky; top:22px; border-top:2px solid #718527; padding-top:15px; color:#57677a; font-size:12px; line-height:1.6; }.guide-aside strong { display:block; margin-bottom:7px; color:#203146; font-family:"Space Grotesk",sans-serif; font-size:16px; letter-spacing:-.04em; }.guide-content { margin-top:-26px; border:1px solid #cbd0c9; background:#fffefa; padding:clamp(25px,5vw,64px); box-shadow:13px 13px 0 #d7ddd4; }.guide-content h2 { margin:51px 0 13px; color:#152840; font-family:"Space Grotesk",sans-serif; font-size:clamp(29px,3.4vw,44px); letter-spacing:-.06em; line-height:1; }.guide-content h2:first-child { margin-top:0; }.guide-content h3 { margin:26px 0 7px; color:#203146; font-family:"Space Grotesk",sans-serif; font-size:23px; letter-spacing:-.05em; }.guide-content p,.guide-content li { color:#4e5f72; font-size:16px; line-height:1.72; }.guide-content ul { display:grid; gap:10px; margin:17px 0; padding-left:20px; }.guide-content li::marker { color:#718527; }.guide-callout { margin:32px 0; border-left:3px solid var(--lime); background:#152840; padding:19px 21px; color:#e9f0f4; }.guide-callout small { color:var(--lime); font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.guide-callout p { margin:6px 0 0; color:#e1e9ed; font-size:14px; line-height:1.55; }.guide-faq { margin-top:34px; border-top:1px solid #c8cec5; }.guide-faq details { border-bottom:1px solid #c8cec5; padding:17px 0; }.guide-faq summary { color:#203146; font-family:"Space Grotesk",sans-serif; font-weight:600; cursor:pointer; }.guide-faq p { margin:10px 0 0; font-size:14px; }.guide-cta { margin-top:45px; padding:25px; background:#edf1eb; }.guide-cta h2 { margin:0; }.guide-cta p { margin:10px 0 17px; font-size:14px; }.guide-cta .primary-action { display:inline-flex; }.privacy-content { max-width:760px; margin:-28px auto 0; border:1px solid #cbd0c9; background:#fffefa; padding:clamp(25px,5vw,64px); box-shadow:13px 13px 0 #d7ddd4; }.privacy-content h2 { margin:42px 0 12px; font-family:"Space Grotesk",sans-serif; font-size:31px; letter-spacing:-.055em; }.privacy-content p,.privacy-content li { color:#4e5f72; line-height:1.7; }.privacy-content ul { display:grid; gap:8px; padding-left:20px; }.privacy-content li::marker { color:#718527; }
@media (max-width:760px) { .guide-main { background:linear-gradient(180deg,var(--ink) 0 410px,var(--paper) 410px); }.guide-hero { padding-top:72px; padding-bottom:70px; }.guide-article { grid-template-columns:1fr; gap:0; padding-bottom:70px; }.guide-aside { position:static; margin:0 0 29px; }.guide-content { margin-top:0; box-shadow:8px 8px 0 #d7ddd4; }.privacy-content { margin:0 20px 70px; box-shadow:8px 8px 0 #d7ddd4; }.guide-page footer { margin-top:0; } }