.guides-page{background:var(--bg)}.guides-shell{width:min(1120px,100% - 48px);margin:0 auto}.guides-hero{border-bottom:1px solid var(--border);padding:126px 0 76px}.guides-breadcrumb{color:var(--text-dim);gap:6px;margin-bottom:42px;font-size:13px;display:flex}.guides-breadcrumb a{color:var(--text-dim)}.guides-breadcrumb a:hover{color:var(--accent)}.guides-eyebrow{color:var(--accent);font:700 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.guides-hero h1{max-width:880px;font:600 clamp(46px, 7vw, 78px)/1.02 var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:18px 0 22px}.guides-intro{max-width:760px;color:var(--text-secondary);font-size:18px;line-height:1.75}.start-paths{padding:72px 0 84px}.start-paths h2,.library-heading h2{font:600 clamp(32px, 4vw, 48px)/1.1 var(--font-display);letter-spacing:-.025em;margin:0}.start-path-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;display:grid}.start-path{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;grid-template-columns:auto 1fr;gap:22px;min-height:250px;padding:34px;display:grid}.start-path-primary{border-color:var(--accent-border);background:linear-gradient(145deg, var(--accent-dim), var(--bg-surface) 58%)}.path-number{color:var(--accent);font:600 12px var(--font-mono)}.start-path h3{color:var(--text);font:600 27px/1.2 var(--font-display);margin:0 0 14px}.start-path p{color:var(--text-secondary);margin:0 0 28px;line-height:1.7}.start-path a,.guide-card-link{min-height:44px;color:var(--accent);align-items:center;font-weight:700;display:inline-flex}.start-path a:hover,.guide-card-link:hover{color:var(--accent-hover)}.guide-library{border-top:1px solid var(--border);background:var(--bg-deep);padding:92px 0 120px}.library-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:32px;padding-bottom:40px;display:flex}.library-heading h2{margin:13px 0}.library-heading p:last-child{max-width:680px;color:var(--text-secondary);line-height:1.7}.library-heading>span,.guide-group>header>span{color:var(--text-dim);font:500 12px var(--font-mono);white-space:nowrap}.guide-groups{gap:72px;padding-top:58px;display:grid}.guide-group>header{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:flex}.guide-group>header h3{font:600 26px/1.2 var(--font-display);margin:0 0 8px}.guide-group>header p{max-width:660px;color:var(--text-secondary);line-height:1.65}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;flex-direction:column;min-height:270px;padding:28px;transition:border-color .18s,transform .18s;display:flex;position:relative}.guide-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.guide-card-meta{color:var(--text-dim);font:500 11px var(--font-mono);justify-content:space-between;gap:16px;display:flex}.guide-card-meta span{color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.guide-card h4{font:600 24px/1.25 var(--font-display);margin:28px 0 12px}.guide-card h4 a{color:var(--text)}.guide-card h4 a:after{content:"";position:absolute;inset:0}.guide-card>p:not(.guide-card-meta){color:var(--text-secondary);line-height:1.65}.guide-card-link{z-index:1;align-self:flex-start;margin-top:auto;position:relative}@media (prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}@media (width<=760px){.guides-shell{width:min(100% - 32px,1120px)}.guides-hero{padding:106px 0 58px}.guides-breadcrumb{margin-bottom:30px}.guides-hero h1{font-size:clamp(40px,13vw,58px)}.guides-intro{font-size:16px}.start-paths{padding:56px 0 68px}.start-path-grid,.guide-card-grid{grid-template-columns:1fr}.start-path{min-height:0;padding:28px 24px}.guide-library{padding:68px 0 88px}.library-heading,.guide-group>header{flex-direction:column;align-items:start}.guide-groups{gap:56px;padding-top:44px}.guide-card{min-height:0}.guide-card-meta{flex-direction:column;align-items:flex-start;gap:6px}.guide-card-link{margin-top:24px}}.cluster-back{margin-top:32px}.cluster-back a{font-weight:600;text-decoration:none}