:root{--guide-surface-shadow:0 36px 80px -60px color-mix(in srgb,#000 45%,transparent);--guide-pill-shadow:0 18px 32px -24px color-mix(in srgb,#000 25%,transparent);--guide-cta-shadow:0 20px 34px -24px color-mix(in srgb,#000 35%,transparent);--guide-header-gradient:linear-gradient(140deg,color-mix(in srgb,hsl(var(--electric-blue)) 32%,var(--panel)) 0%,color-mix(in srgb,hsl(var(--magenta)) 22%,var(--panel)) 55%,color-mix(in srgb,hsl(var(--violet)) 18%,var(--panel)) 100%)}.guide-hero{padding:clamp(32px,8vw,72px) 0 clamp(24px,6vw,48px);background:var(--bg)}.guide-hero-inner{width:min(92vw,1100px);margin:0 auto;display:flex;flex-direction:column;gap:clamp(12px,2vw,18px);padding:clamp(24px,4vw,40px);border-radius:36px;border:1px solid hsl(var(--border));background:var(--guide-header-gradient);box-shadow:var(--guide-surface-shadow)}.guide-hero-title{font-size:clamp(2rem,4vw,2.8rem);margin:0;line-height:1.15}.guide-hero-summary{margin:0;font-size:1.1rem;line-height:1.6;color:var(--muted);max-width:72ch}.guide-hero-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0;margin:clamp(12px,2vw,18px) 0 0;list-style:none}.guide-hero-link{display:flex;flex-direction:column;gap:6px;border-radius:18px;padding:14px 18px;text-decoration:none;border:1px solid color-mix(in srgb,hsl(var(--electric-blue)) 35%,hsl(var(--border)) 65%);background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:var(--guide-pill-shadow);color:var(--text);transition:transform .2s ease,filter .2s ease}.guide-hero-link span{font-weight:700;font-size:1.05rem}.guide-hero-link p{margin:0;color:var(--muted);line-height:1.5}.guide-hero-link:focus-visible,.guide-hero-link:hover{transform:translateY(-2px);filter:brightness(1.04);outline:none}.guide-grid{width:min(92vw,1100px);margin:clamp(32px,6vw,72px) auto clamp(32px,8vw,96px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(18px,3vw,32px)}.guide-card{border:1px solid hsl(var(--border));border-radius:26px;padding:clamp(22px,3vw,32px);background:color-mix(in srgb,var(--panel) 94%,transparent);display:flex;flex-direction:column;gap:12px;box-shadow:var(--guide-surface-shadow);min-height:280px}.guide-card h2{margin:0;font-size:1.35rem;line-height:1.3}.guide-card p{margin:0;line-height:1.55;color:var(--muted)}.guide-card-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:hsl(var(--electric-blue));font-weight:700}.guide-card-link{--guide-link-start:color-mix(in srgb,hsl(var(--electric-blue)) 72%,var(--bg));--guide-link-end:color-mix(in srgb,hsl(var(--magenta)) 65%,var(--bg));margin-top:auto;align-self:flex-start;text-decoration:none;font-weight:700;color:var(--text);background:linear-gradient(120deg,var(--guide-link-start),var(--guide-link-end));padding:.55em 1.35em;border-radius:999px;border:none;box-shadow:var(--guide-cta-shadow);transition:transform .2s ease,filter .2s ease}.guide-card-link:focus-visible,.guide-card-link:hover{transform:translateY(-2px);filter:brightness(1.04);outline:none}.guide-detail-hero{padding:clamp(32px,7vw,60px) 0 clamp(12px,5vw,32px);background:var(--bg)}.guide-detail-inner{width:min(92vw,900px);margin:0 auto;display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);padding:clamp(20px,3vw,32px);border-radius:30px;border:1px solid hsl(var(--border));background:var(--guide-header-gradient);box-shadow:var(--guide-surface-shadow)}.guide-detail-title{margin:0;font-size:clamp(2rem,4vw,2.6rem);line-height:1.2}.guide-detail-inner p{margin:0;color:var(--muted);line-height:1.6}.guide-detail-kicker{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--electric-blue));font-weight:600}.guide-placeholder{margin:8px 0 0;border:1px dashed color-mix(in srgb,hsl(var(--electric-blue)) 35%,hsl(var(--border)) 65%);border-radius:20px;padding:clamp(24px,4vw,36px);text-align:center;background:color-mix(in srgb,var(--panel) 92%,transparent)}.guide-placeholder div{font-size:1.1rem;font-weight:700;line-height:1.5}.guide-placeholder figcaption{margin-top:12px;font-size:.95rem;color:hsl(var(--electric-blue))}.guide-detail-sections{width:min(92vw,900px);margin:clamp(20px,4vw,32px) auto clamp(32px,6vw,72px);display:flex;flex-direction:column;gap:24px}.guide-detail-section{border:1px solid hsl(var(--border));border-radius:20px;padding:clamp(22px,3vw,30px);background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:var(--guide-surface-shadow)}.guide-detail-section h2{margin:0 0 12px}.guide-detail-section p{line-height:1.6;color:var(--text)}.guide-detail-section ul{margin:16px 0 0 18px;display:grid;gap:8px;color:var(--text)}.guide-callout{margin-top:16px;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,hsl(var(--warning)) 32%,transparent);border:1px solid hsl(var(--warning));font-weight:600;color:color-mix(in srgb,hsl(var(--warning)) 35%,var(--text))}.guide-detail-nav{width:min(92vw,900px);margin:0 auto clamp(48px,8vw,96px);border-top:1px solid hsl(var(--border));padding-top:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:12px}.guide-detail-nav h2{margin:0}.guide-detail-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}.guide-detail-nav a,.guide-detail-nav span{display:inline-flex;align-items:center;gap:6px;border:1px solid hsl(var(--border));border-radius:999px;padding:.35em .9em;text-decoration:none;font-weight:600;transition:transform .15s ease,color .15s ease}.guide-detail-nav a{color:hsl(var(--electric-blue));background:color-mix(in srgb,var(--panel) 90%,transparent)}.guide-detail-nav a:focus-visible,.guide-detail-nav a:hover{transform:translateY(-1px);outline:none;color:hsl(var(--magenta))}.guide-detail-nav span{background:color-mix(in srgb,var(--panel) 75%,transparent);color:var(--text)}@media (max-width:720px){.guide-card,.guide-detail-inner,.guide-detail-section,.guide-hero-inner{padding:20px}}