.section.guide-overview{padding-bottom:clamp(2rem,4vw,3.5rem)}.container.guide-overview__grid{grid-template-columns:minmax(19rem,.86fr) minmax(0,1.14fr);align-items:stretch;gap:clamp(1.25rem,3vw,2.5rem);max-width:76rem;display:grid}.guide-quick{border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-surface);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.guide-quick:before{background:linear-gradient(90deg, var(--color-primary), var(--color-functional), var(--color-support));content:"";height:4px;position:absolute;inset:0 0 auto}.guide-eyebrow{margin:0 0 var(--space-2);color:var(--color-primary-hover);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.07em;line-height:var(--line-height-snug);text-transform:uppercase}.guide-quick h2,.guide-section h3{color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.guide-quick h2{margin:0 0 var(--space-5);font-size:clamp(1.35rem,2.3vw,1.75rem)}.guide-quick__list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.guide-quick__item:not(:last-child):after{top:2.25rem;bottom:calc(-1 * var(--space-4));background-color:var(--color-primary-border);content:"";width:2px;position:absolute;left:calc(1.125rem - 1px)}.guide-quick__item{gap:var(--space-4);grid-template-columns:2.25rem minmax(0,1fr);align-items:start;margin:0;display:grid;position:relative}.guide-quick__number{z-index:1;border-radius:var(--radius-full);background-color:var(--color-primary);width:2.25rem;height:2.25rem;color:var(--color-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);place-items:center;display:grid}.guide-photo{border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-surface);min-width:0;box-shadow:var(--shadow-md);grid-template-rows:minmax(0,1fr) auto;margin:0;display:grid;overflow:hidden}.guide-photo__image{object-fit:cover;object-position:center;width:100%;height:100%;min-height:27rem;display:block}.guide-photo__caption{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);align-self:end}.guide-photo__caption a{color:var(--color-primary-hover);font-weight:var(--font-weight-semibold)}.guide-quick__item strong{color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:2px;display:block}.guide-quick__item p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.guide-action-link:focus-visible,.guide-help-grid a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.section.guide-content{background-color:var(--color-background);padding-top:clamp(2.5rem,5vw,4rem)}.container.guide-content__inner{max-width:76rem}.guide-chapter+.guide-chapter{margin-top:clamp(2.75rem,6vw,4.5rem)}.guide-chapter__header{align-items:center;gap:var(--space-4);width:fit-content;max-width:100%;margin-bottom:var(--space-5);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:var(--radius-xl);background-color:var(--color-primary-surface);display:flex}.guide-chapter__header>div{flex:0 auto}.guide-chapter__header .guide-eyebrow{margin-bottom:var(--space-1)}.guide-chapter__header h2{color:var(--color-text-primary);letter-spacing:var(--tracking-tight);font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:var(--line-height-snug);margin:0}.guide-chapter__number{border-radius:var(--radius-full);background-color:var(--color-primary);width:2.75rem;height:2.75rem;color:var(--color-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:0;flex:none;place-items:center;display:grid}.guide-grid{gap:var(--space-5);align-items:stretch;display:grid}@media (width>=1024px){.guide-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-section{gap:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);min-width:0;height:100%;box-shadow:var(--shadow-md);grid-template-columns:3rem minmax(0,1fr);padding:clamp(1.25rem,2.5vw,1.75rem);scroll-margin-top:8rem;display:grid}.guide-section__icon{border:1px solid var(--color-functional-border);border-radius:var(--radius-lg);background-color:var(--color-functional-surface);width:3rem;height:3rem;color:var(--color-functional);place-items:center;font-size:1.1rem;display:grid}.guide-section h3{margin:0 0 var(--space-3);font-size:clamp(1.2rem,1.8vw,1.4rem);line-height:var(--line-height-snug)}.guide-section__body{flex-direction:column;min-width:0;display:flex}.guide-section__body>p:not(.guide-eyebrow){max-width:62ch;margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.guide-actions{gap:var(--space-2);padding-top:var(--space-4);flex-wrap:wrap;margin-top:auto;display:flex}.guide-action-link{min-height:var(--touch-target);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-control);border-radius:var(--radius-control);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast) var(--ease-out), border-color var(--transition-fast) var(--ease-out), color var(--transition-fast) var(--ease-out);text-decoration:none;display:inline-flex}.guide-action-link:hover{border-color:var(--color-primary-border);background-color:var(--color-primary-surface);color:var(--color-primary-hover);text-decoration:none}.guide-note{gap:var(--space-3);max-width:46rem;margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-support-border);border-radius:var(--radius-md);background-color:var(--color-support-surface);align-items:flex-start;display:flex}.guide-note>i{color:var(--color-support);flex:none;margin-top:.2em}.guide-note p{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.guide-fact-grid,.guide-help-grid{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface-secondary);grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.guide-fact-grid>div,.guide-help-grid a{column-gap:var(--space-3);row-gap:var(--space-1);min-width:0;padding:var(--space-3);background-color:var(--color-surface);border:0;border-radius:0;grid-template-rows:auto auto;grid-template-columns:2rem minmax(0,1fr);align-items:center;display:grid}.guide-fact-grid>div+div,.guide-help-grid a+a{border-top:1px solid var(--color-border)}.guide-fact-grid i,.guide-help-grid i{--fa-display:grid;--fa-width:2rem;border-radius:var(--radius-sm);background-color:var(--color-primary-surface);width:2rem;height:2rem;color:var(--color-primary-hover);grid-row:1/3;place-items:center;display:grid}.guide-fact-grid strong,.guide-help-grid strong{color:var(--color-text-primary);font-size:var(--font-size-sm);grid-column:2}.guide-fact-grid span,.guide-help-grid span{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);grid-column:2}.guide-help-grid a{color:inherit;transition:background-color var(--transition-fast) var(--ease-out);text-decoration:none}.guide-help-grid a:hover{background-color:var(--color-primary-surface);text-decoration:none}@media (width<=820px){.container.guide-overview__grid{grid-template-columns:1fr}.guide-photo{order:-1}.guide-photo__image{aspect-ratio:4/3;height:auto;min-height:0}}@media (width<=560px){.section.guide-content{padding-top:var(--space-6)}.guide-chapter+.guide-chapter{margin-top:var(--space-8)}.guide-chapter__header{gap:var(--space-3);margin-bottom:var(--space-4);padding-right:var(--space-3)}.guide-chapter__number{width:2.5rem;height:2.5rem}.guide-section{column-gap:var(--space-3);padding:var(--space-4);grid-template-columns:2.5rem minmax(0,1fr);row-gap:0;scroll-margin-top:6rem}.guide-section__icon{grid-row:1/3;width:2.5rem;height:2.5rem}.guide-section__body{display:contents}.guide-section__body>.guide-eyebrow,.guide-section__body>h3{grid-column:2}.guide-section__body>:not(.guide-eyebrow):not(h3){grid-column:1/-1}.guide-actions{flex-direction:column;align-items:stretch}.guide-action-link{justify-content:center;width:100%}}
