.guide-system{--guide-color-background: rgb(var(--color-background));--guide-color-text: rgb(var(--color-foreground));--guide-color-text-muted: rgba(var(--color-foreground), .72);--guide-color-text-subtle: rgba(var(--color-foreground), .62);--guide-color-text-faint: rgba(var(--color-foreground), .52);--guide-color-border: rgba(var(--color-foreground), .14);--guide-color-border-hover: rgba(var(--color-foreground), .22);--guide-color-border-strong: rgba(var(--color-foreground), .28);--guide-color-border-subtle: rgba(var(--color-foreground), .1);--guide-color-surface-muted: rgba(var(--color-foreground), .025);--guide-color-surface-soft: rgba(var(--color-foreground), .04);--guide-color-surface-medium: rgba(var(--color-foreground), .055);--guide-color-surface-strong: rgba(var(--color-foreground), .08);--guide-color-surface-overlay: rgba(var(--color-background), .92);--guide-color-info-background: #dde9e4;--guide-color-info-border: #d5ddd9;--guide-color-info-accent: #2f5d50;--guide-color-info-text: #4b5450;--guide-color-warning-background: #fff2e5;--guide-color-warning-border: rgba(166, 75, 0, .35);--guide-color-warning-accent: #a64b00;--guide-color-warning-text: #4b5450;--guide-radius-panel: 2rem;--guide-radius-card: 1.8rem;--guide-radius-card-mobile: 1.6rem;--guide-radius-image: 2.2rem;--guide-radius-image-mobile: 1.6rem;--guide-radius-thumbnail: .8rem;--guide-radius-button: var(--buttons-radius, 0);--guide-radius-pill: 999px;--guide-spacing-3xs: .4rem;--guide-spacing-2xs: .6rem;--guide-spacing-xs: .8rem;--guide-spacing-sm: 1rem;--guide-spacing-md: 1.2rem;--guide-spacing-lg: 1.6rem;--guide-spacing-xl: 2rem;--guide-spacing-2xl: 2.4rem;--guide-spacing-3xl: 3rem;--guide-spacing-4xl: 4rem;--guide-spacing-5xl: 5rem;--guide-spacing-context-gap: 1.2rem;--guide-spacing-inline: var(--guide-spacing-sm);--guide-spacing-card: var(--guide-spacing-xl);--guide-spacing-panel: 2.6rem;--guide-spacing-section: var(--guide-spacing-4xl);--guide-spacing-section-mobile: 2.6rem;--guide-spacing-block: var(--guide-spacing-2xl);--guide-spacing-page-top: var(--guide-spacing-3xl);--guide-spacing-page-bottom: var(--guide-spacing-5xl);--guide-font-eyebrow: 1.15rem;--guide-font-meta: 1.2rem;--guide-font-mini: 1.05rem;--guide-font-body-small: 1.35rem;--guide-font-body: 1.45rem;--guide-font-body-mobile: 1.4rem;--guide-font-body-large: 1.8rem;--guide-font-body-large-mobile: 1.6rem;--guide-font-card-title: 2rem;--guide-font-card-title-compact: 1.8rem;--guide-font-card-title-mobile: 1.65rem;--guide-font-faq-question: 1.75rem;--guide-font-faq-question-mobile: 1.6rem;--guide-line-tight: 1.18;--guide-line-heading: 1.2;--guide-line-body: 1.55;--guide-line-body-large: 1.6;--guide-line-relaxed: 1.65;--guide-letter-heading: -.01em;--guide-letter-eyebrow: .08em;--guide-letter-label: .06em;--guide-shadow-soft: 0 .6rem 1.6rem rgba(var(--color-foreground), .08);--guide-shadow-thumbnail: 0 .5rem 1.4rem rgba(var(--color-foreground), .08);--guide-shadow-card-hover: 0 1.2rem 2.4rem rgba(var(--color-foreground), .06);--guide-shadow-card-featured-hover: 0 1.6rem 3.2rem rgba(var(--color-foreground), .08);--guide-shadow-faq-open: 0 .8rem 1.8rem rgba(var(--color-foreground), .05);--guide-shadow-info-inset: inset 0 .35rem 0 var(--guide-color-info-accent);--guide-shadow-warning-inset: inset 0 .4rem 0 var(--guide-color-warning-accent);--guide-transition-duration-fast: .14s;--guide-transition-duration: .18s;--guide-transition-duration-slow: .24s;--guide-transition-easing: ease;--guide-transition-fast: var(--guide-transition-duration-fast) var(--guide-transition-easing);--guide-transition: var(--guide-transition-duration) var(--guide-transition-easing);--guide-transition-slow: var(--guide-transition-duration-slow) var(--guide-transition-easing);--guide-hover-lift: translateY(-2px);--guide-hover-lift-featured: translateY(-3px);--guide-focus-width: .2rem;--guide-focus-offset: .3rem;--guide-focus-color: currentColor;--guide-width-page: 148rem;--guide-width-page-tablet: 136rem;--guide-width-content: 128rem;--guide-width-content-tablet: 118rem;--guide-width-reading: 90rem;--guide-width-intro: 72rem;--guide-z-content: 1;--guide-z-media-badge: 2;--guide-z-card-top: 4;--guide-z-card-badge: 5}.guide-system{color:var(--guide-color-text)}.guide-system *,.guide-system *:before,.guide-system *:after{box-sizing:border-box}.guide-system a{text-underline-offset:.2rem}.guide-system a:focus-visible,.guide-system button:focus-visible,.guide-system summary:focus-visible,.guide-system [role=link]:focus-visible{outline:var(--guide-focus-width) solid var(--guide-focus-color);outline-offset:var(--guide-focus-offset)}.guide-system h1,.guide-system h2,.guide-system h3,.guide-system h4,.guide-system h5,.guide-system h6{color:var(--guide-color-text)}.guide-system p,.guide-system li{color:inherit}.guide-system .guide-panel{height:100%;margin:0;padding:var(--guide-spacing-panel);border:1px solid var(--guide-color-border);border-radius:var(--guide-radius-panel);background:var(--guide-color-background)}.guide-system .guide-panel>*:first-child,.guide-system .guide-panel .rte>*:first-child{margin-top:0}.guide-system .guide-panel>*:last-child,.guide-system .guide-panel .rte>*:last-child{margin-bottom:0}.guide-system .guide-panel--muted{border-color:var(--guide-color-border);background:var(--guide-color-surface-muted)}.guide-system .guide-panel--info,.guide-system .guide-panel--coming-soon,.guide-system .guide-prep-grid .guide-panel--prep{border-color:var(--guide-color-info-border);background:var(--guide-color-info-background);box-shadow:var(--guide-shadow-info-inset)}.guide-system .guide-panel--info .rte,.guide-system .guide-panel--coming-soon .rte,.guide-system .guide-prep-grid .guide-panel--prep .rte{color:var(--guide-color-info-text)}.guide-system .guide-prep-grid .guide-panel--warning{border-color:var(--guide-color-warning-border);background:var(--guide-color-warning-background);box-shadow:var(--guide-shadow-warning-inset)}.guide-system .guide-prep-grid .guide-panel--warning .rte{color:var(--guide-color-warning-text)}.guide-system .guide-pill{display:inline-flex;align-items:center;padding:var(--guide-spacing-2xs) var(--guide-spacing-sm);border-radius:var(--guide-radius-pill);background:var(--guide-color-surface-medium);color:var(--guide-color-text-muted);font-size:var(--guide-font-meta);line-height:var(--guide-line-heading)}.guide-system .guide-section-header{max-width:var(--guide-width-intro);margin-bottom:var(--guide-spacing-lg)}.guide-system .guide-section-header h2{margin:0 0 var(--guide-spacing-xs)}.guide-system .guide-section-header p{margin:0;color:var(--guide-color-text-muted)}.guide-system .guide-interactive-card{transition:transform var(--guide-transition),border-color var(--guide-transition),box-shadow var(--guide-transition)}.guide-system .guide-interactive-card:hover{transform:var(--guide-hover-lift);border-color:var(--guide-color-border-hover);box-shadow:var(--guide-shadow-card-hover)}.guide-system .guide-cta-row{display:flex;flex-wrap:wrap;width:100%;gap:var(--guide-spacing-sm)}.guide-system .guide-cta-row .button{min-width:0;white-space:normal}@media screen and (max-width:989px){.guide-system .guide-mobile-slider{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(82%,82%);grid-template-columns:none!important;gap:var(--guide-spacing-lg);overflow-x:auto;overflow-y:hidden;padding-bottom:var(--guide-spacing-sm);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.guide-system .guide-mobile-slider::-webkit-scrollbar{display:none}.guide-system .guide-mobile-slider>*{width:auto!important;max-width:none!important;scroll-snap-align:start}}@media screen and (max-width:989px){.guide-system{--guide-spacing-panel: 2rem;--guide-spacing-card: 1.8rem;--guide-spacing-section: var(--guide-spacing-section-mobile);--guide-font-body-large: var(--guide-font-body-large-mobile)}.guide-system .guide-panel{border-radius:var(--guide-radius-card-mobile)}}@media(prefers-reduced-motion:reduce){.guide-system *,.guide-system *:before,.guide-system *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-guide-system.css.map */