/* Shared extension of the existing KAA site design. */
.header nav a[aria-current="page"]{color:var(--brand-accent)}
.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:40px;padding-top:48px;padding-bottom:36px}.guide-hero h1{max-width:830px}.guide-hero .lead{max-width:720px;margin:0}.guide-hero img{width:100%;height:auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:14px;margin:24px 0 0}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.guide-content{max-width:880px;padding:32px;border:1px solid var(--border);border-radius:20px;background:var(--surface-dark)}.guide-content h2{font-size:clamp(24px,3vw,32px);margin:36px 0 20px}.guide-content h2:first-child{margin-top:0}.guide-content p,.guide-content li{color:var(--muted);line-height:1.75}.guide-content li{padding-left:8px;margin:16px 0}.guide-content li::marker{color:var(--brand-accent);font-weight:650}.guide-content a:not(.button){color:var(--text);text-decoration:underline;text-underline-offset:4px}.guide-content a:hover{color:var(--brand-glow)}.guide-content small{display:block;color:var(--muted);margin-top:28px;line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface-dark);min-height:132px}.guide-card:hover{border-color:var(--brand-accent)}.guide-card b{font-size:19px}.guide-card span{font-size:14px;color:var(--muted)}.guide-card em{color:var(--brand-accent);font-style:normal;margin-top:auto}.platforms a{padding:18px 24px;border:1px solid var(--border);border-radius:14px;background:var(--surface-dark)}
@media(max-width:700px){.header{flex-wrap:wrap;padding-top:16px;padding-bottom:12px}.header nav{display:flex;order:3;width:100%;margin:0;justify-content:space-between;gap:12px}.header nav a{font-size:13px;min-height:44px}.guide-hero{grid-template-columns:1fr;padding-top:32px;gap:0}.guide-hero img{display:none}.guide-hero h1{font-size:36px;overflow-wrap:anywhere}.guide-hero .lead{font-size:16px}.guide-content{padding:20px}.guide-content ol{padding-left:20px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:112px;padding:20px}.platforms a{padding:16px;text-align:center;font-size:14px}.guide-content .button{width:100%}.breadcrumbs{font-size:12px}}