.ri-wrap { width:min(1200px,calc(100% - 64px)); }
.ri-hero { background:#f8f7f2; padding:64px 0; }
.ri-hero h1 { color:#172541; font-size:clamp(40px,5.2vw,70px); line-height:1.08; letter-spacing:-.045em; }
.ri-hero h1 span { color:#0c29ab; }
.ri-hero p { color:#526078; }
.ri-hero-card { background:#0c29ab; color:#fff; border:0; box-shadow:none; transform:rotate(2deg); }
.ri-hero-card p,.ri-hero-card > span { color:#fff; }
.ri-hero-card i { background:#ffffff20; color:#fff; }
.ri-selector-section,.ri-resources { background:#f8f7f2; }
.ri-published-guides { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ri-published-guides a { display:flex; align-items:flex-start; flex-direction:column; gap:14px; padding:24px; min-height:250px; border:1px solid #d9dddf; background:white; border-radius:16px; text-decoration:none; }
.ri-published-guides a:first-child { border:2px solid #0c29ab; }
.ri-published-guides a strong { font:750 22px/1.3 Manrope,sans-serif; color:#172541; }
.ri-published-guides a span { font-size:13px; line-height:1.6; color:#526078; }
.ri-published-guides .ri-state-code { font:750 12px/1 Inter,sans-serif; color:#0c29ab; letter-spacing:.1em; }
.ri-published-guides a b { margin-top:auto; color:#0c29ab; font-size:14px; }
.ri-published-guides a:hover { background:#edf1ff; border-color:#0c29ab; }
.ri-published-guides a:focus-visible { outline:3px solid #0c29ab; outline-offset:3px; }
.ri-guide { background:#eef1eb; }
.ri-guide-head h2,.ri-section-copy h2 { color:#172541; font-size:clamp(30px,3.4vw,44px); line-height:1.17; }
.ri-guide-head p,.ri-section-copy p { color:#526078; line-height:1.75; }
.ri-guide-head aside { min-width:210px; }
.ri-guide-head > div > p:not(.ri-eyebrow) { color:#526078; font-size:16px; }
.ri-guide-head aside span { color:#526078; font-size:12px; line-height:1.6; }
.ri-guide-layout { grid-template-columns:230px minmax(0,1fr); gap:32px; }
.ri-stage-nav { align-self:start; }
.ri-stage-nav a { display:flex; align-items:center; gap:12px; min-height:48px; padding:12px 10px; color:#35435b; text-decoration:none; font:650 14px/1.5 Inter,sans-serif; border-radius:8px; }
.ri-stage-nav a span { color:#0c29ab; font-size:12px; }
.ri-stage-nav a:hover,.ri-stage-nav a[aria-current] { background:#fff; color:#0c29ab; }
.ri-stage-nav a:focus-visible { outline:3px solid #0c29ab; }
.ri-stage { padding:0; background:#fff; scroll-margin-top:110px; border-radius:18px; border:1px solid #d9dddf; box-shadow:none; }
.ri-hero-grid > div > p:not(.ri-eyebrow) { font-size:18px; line-height:1.75; margin:24px 0; }
.ri-section-copy p,.ri-guide-head p { font-size:16px; }
.ri-stage-head p,.ri-resource-card p { font-size:14px; }
.ri-resource-card span { font-size:12px; color:#526078; }
.ri-final h2 span { color:#c9d8ff; }
.ri-stage-nav { top:96px; }
.ri-stage-head { padding:28px; }
.ri-stage-head h3 { font-size:26px; color:#172541; }
.ri-stage-body { padding:0 28px 28px; display:block; }
.ri-two-sides { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.ri-two-sides h4 { font:750 15px/1.5 Inter,sans-serif; color:#0c29ab; margin:0 0 10px; }
.ri-two-sides p,.ri-product-detail p { color:#42516a; font-size:15px; line-height:1.8; margin:0; }
.ri-product-detail { margin-top:24px; padding:16px 20px; border-radius:12px; background:#f0f4ff; }
.ri-product-detail summary { color:#172541; font:700 14px/1.5 Inter,sans-serif; cursor:pointer; padding:4px 0; }
.ri-product-detail summary:focus-visible { outline:3px solid #0c29ab; outline-offset:4px; }
.ri-product-detail p { margin:12px 0; }
.ri-product-detail a { font-size:14px; }
.ri-resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ri-resource-card { box-shadow:none; }
.ri-resource-card h3 { font-size:20px; }
.ri-final .ri-wrap>div { flex-wrap:wrap; }
@media(max-width:1000px) { .ri-published-guides { grid-template-columns:repeat(2,minmax(0,1fr)); } .ri-guide-layout { grid-template-columns:1fr; } .ri-stage-nav { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .ri-wrap { width:calc(100% - 32px); } .ri-hero { padding:40px 0; } .ri-hero-grid { grid-template-columns:1fr; } .ri-hero-card { transform:none; } .ri-published-guides,.ri-two-sides,.ri-resource-grid,.ri-stage-nav { grid-template-columns:1fr; } .ri-published-guides a { min-height:190px; } .ri-stage-head { padding:22px; } .ri-stage-body { padding:0 22px 22px; } .ri-guide-head { display:block; } .ri-guide-head aside { margin-top:24px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
