.guide-page-shell{gap:1rem;display:grid}.guide-page-hero{background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand-100) 34%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 96%, white 4%), color-mix(in srgb, var(--surface-2) 86%, var(--surface) 14%));box-shadow:var(--surface-shadow-strong);position:relative;overflow:hidden}.guide-page-hero:before{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff2e,#0000 42%),radial-gradient(circle at 0 100%,#67bcc414,#0000 34%);position:absolute;inset:0}.guide-page-hero>*{z-index:1;position:relative}.guide-page-panel{border-color:color-mix(in srgb, var(--border) 92%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 95%, white 5%), color-mix(in srgb, var(--surface-2) 84%, var(--surface) 16%)), linear-gradient(135deg, #67bcc40a, #67bcc400);box-shadow:var(--surface-shadow-soft)}.guide-page-grid{align-items:stretch}.guide-page-card{border-color:color-mix(in srgb, var(--border) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, white 6%), color-mix(in srgb, var(--surface-2) 88%, var(--surface) 12%));transition:transform var(--motion-fast) var(--ease-emphasized), border-color var(--motion-fast) var(--ease-emphasized), box-shadow var(--motion-fast) var(--ease-emphasized);box-shadow:inset 0 1px #ffffffbd,0 10px 22px #113c4314}.guide-page-card:hover{border-color:color-mix(in srgb, var(--brand-300) 56%, transparent);box-shadow:var(--surface-shadow-strong);transform:translateY(-2px)}.guide-page-card h2{color:color-mix(in srgb, var(--foreground) 92%, var(--brand-600) 8%)}.guide-page-card p{color:color-mix(in srgb, var(--muted) 88%, var(--foreground) 12%)}html[data-theme=dark] .guide-page-hero{box-shadow:var(--surface-shadow-soft);background:radial-gradient(circle at 100% 0,#5eb8c52e,#0000 40%),linear-gradient(150deg,#1b272dfa,#11191ef5)}html[data-theme=dark] .guide-page-panel,html[data-theme=dark] .guide-page-card{box-shadow:var(--surface-shadow-soft)}.guide-page-card:hover{transform:none;box-shadow:0 14px 28px #113c4317}html[data-theme=dark] .guide-page-card:hover{box-shadow:0 18px 34px #0003}