@layer pages{.guides-track{padding:var(--space-20) 0}.guides-track-raised{background:var(--surface-1);position:relative;z-index:2;box-shadow:0 -4px 24px #0000000f,0 4px 24px #0000000f,0 0 0 1px #35aabf12}.guides-track-inner{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-8);display:flex;flex-direction:column;gap:var(--space-12)}.guides-category{display:flex;flex-direction:column;gap:var(--space-6)}.guides-category-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:var(--ls-heading);color:var(--text-primary);margin:0}.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.guides-empty{border:1px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;font-family:var(--font-body);color:var(--text-muted);background:var(--surface-1)}.guide-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-1);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.guide-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-card-tag{align-self:flex-start}.guide-card-title{font-family:var(--font-heading);font-size:var(--text-card-heading-size);font-weight:700;line-height:var(--text-h3-lh);letter-spacing:var(--ls-heading);color:var(--text-primary);margin:0}.guide-card-teaser{font-family:var(--font-body);font-size:.9375rem;line-height:var(--text-body-lh);color:var(--text-secondary);margin:0}.guide-card-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-teal-alt)}.guide-card-link svg{width:16px;height:16px;flex-shrink:0;transition:transform .2s}.guide-card:hover .guide-card-link svg{transform:translate(3px)}.guide-detail{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-24) var(--space-8) var(--space-24)}.guide-progress-bar{position:fixed;top:74px;left:0;width:0%;height:3px;background:var(--color-teal);z-index:101}.guide-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-8)}.guide-breadcrumb a{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-teal-alt);text-decoration:none}.guide-breadcrumb a:hover{color:var(--color-teal-alt-dark)}.guide-breadcrumb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.guide-breadcrumb-sep{color:var(--grey-400)}.guide-detail-head{margin-bottom:var(--space-10)}.guide-detail-eyebrow{font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-teal-alt)}.guide-detail-title{font-family:var(--font-heading);font-size:var(--text-hero-compact-size);font-weight:700;letter-spacing:var(--ls-heading);line-height:var(--text-h1-lh);color:var(--text-primary);margin:var(--space-3) 0 0}.guide-detail-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:var(--space-12);align-items:start}.guide-nav{position:sticky;top:100px;display:flex;flex-direction:column;gap:var(--space-6)}.guide-nav-group{display:flex;flex-direction:column;gap:var(--space-2)}.guide-nav-title{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-1)}.guide-nav-link{font-family:var(--font-body);font-size:.875rem;line-height:1.4;color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color .2s,background .2s}.guide-nav-link:hover{color:var(--color-teal-alt);background:var(--surface-2)}.guide-nav-link.is-active{color:var(--color-teal-alt);font-weight:600;background:var(--color-teal-tint)}.guide-toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:var(--space-3)}.guide-toc-title{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.guide-toc-list{display:flex;flex-direction:column;gap:var(--space-2)}.guide-toc-link{font-family:var(--font-body);font-size:.875rem;line-height:1.4;color:var(--text-secondary);text-decoration:none;padding-left:var(--space-3);border-left:2px solid var(--border-default);transition:color .2s,border-color .2s}.guide-toc-link:hover{color:var(--color-teal-alt);border-color:var(--color-teal)}.guide-prose{font-family:var(--font-body);font-size:1.0625rem;line-height:var(--text-body-lh);color:var(--text-secondary);counter-reset:step;min-width:0;overflow-wrap:break-word;hyphens:auto}.guide-prose>p{margin-bottom:var(--space-6)}.guide-prose a{color:var(--color-teal-alt);text-decoration:underline;text-underline-offset:2px}.guide-prose a:hover{color:var(--color-teal-alt-dark)}.guide-prose strong{font-weight:600;color:var(--text-primary)}.guide-prose em{font-style:italic}.guide-prose h1{counter-reset:step;font-family:var(--font-heading);font-size:1.375rem;font-weight:700;letter-spacing:var(--ls-heading);color:var(--text-primary);margin:var(--space-12) 0 var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default)}.guide-prose h2{counter-increment:step;position:relative;padding-left:calc(32px + var(--space-3));min-height:32px;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:var(--ls-heading);line-height:var(--text-h3-lh);color:var(--text-primary);margin:var(--space-10) 0 var(--space-4);scroll-margin-top:100px}.guide-prose h2:before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-teal);color:var(--color-white);font-size:.9375rem;font-weight:700}.guide-prose h3{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:var(--space-8) 0 var(--space-3)}.guide-prose ul,.guide-prose ol{padding-left:var(--space-6);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.guide-prose hr{border:0;height:1px;background:var(--border-default);margin:var(--space-12) 0}.guide-prose .docs-step{display:grid;grid-template-columns:minmax(0,240px) 1fr;gap:var(--space-8);align-items:start;margin:var(--space-4) 0 var(--space-8);padding-left:calc(32px + var(--space-3))}.guide-prose .docs-step__media{margin:0}.guide-prose .docs-step__media figure{margin:0}.guide-prose .docs-step__media img{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);display:block}.guide-prose .docs-step__text{min-width:0}.guide-prose .docs-step__text>:first-child{margin-top:0}.guide-prose .docs-step__text>:last-child{margin-bottom:0}.guide-prose .docs-step__text p{margin-bottom:var(--space-4)}.guide-footer{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:var(--space-8)}.guide-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guide-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.guide-feedback-q{font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--text-primary)}.guide-feedback-btns{display:flex;gap:var(--space-2)}.guide-feedback-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-1);font-family:var(--font-body);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.guide-feedback-btn:hover{border-color:var(--color-teal);color:var(--color-teal-alt)}.guide-feedback-btn.is-active{background:var(--color-teal-tint);border-color:var(--color-teal);color:var(--color-teal-alt)}.guides-cta{padding:var(--space-20) 0;background:var(--surface-2)}.guides-cta-inner{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.guides-cta-title{font-family:var(--font-heading);font-size:var(--text-cta-size);font-weight:700;letter-spacing:var(--ls-heading);line-height:var(--text-h2-lh);color:var(--text-primary);margin:0}.guides-cta-body{font-family:var(--font-body);font-size:1rem;line-height:var(--text-body-lh);color:var(--text-secondary);max-width:480px;margin:0}@media(max-width:1100px){.guide-detail-grid{grid-template-columns:200px minmax(0,1fr)}.guide-toc{display:none}}@media(max-width:1024px){.guides-grid{grid-template-columns:repeat(2,1fr)}.guide-detail-grid{grid-template-columns:1fr}.guide-nav{display:none}}@media(max-width:767px){.guides-grid{grid-template-columns:1fr}.guide-prose .docs-step{grid-template-columns:1fr;gap:var(--space-4);padding-left:0}.guide-prose .docs-step__media{max-width:300px}}@media(max-width:479px){.guide-progress-bar{top:56px}}}