.guide-collection{--guide-paper: hsl(var(--background));--guide-ink: hsl(var(--foreground));--guide-line: hsl(var(--border));--guide-muted: hsl(var(--muted-foreground));--guide-body: hsl(var(--foreground));--guide-surface: hsl(var(--card));background:var(--guide-paper);color:var(--guide-body);padding-top:calc(4rem + env(safe-area-inset-top,0px))}.guide-collection :is(h1,h2,h3,p){text-wrap:pretty}.guide-collection :is(a,button,input,select,summary):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.guide-collection-nav{max-width:1152px;margin:auto;min-height:64px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--guide-muted);font-size:13px}.guide-home-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:hsl(var(--primary))}.guide-collection-nav>div{display:flex;gap:24px;align-items:center}.guide-collection-nav>div a{display:inline-flex;align-items:center;gap:6px}.guide-collection-nav a:hover{color:hsl(var(--primary))}.guide-kicker{display:block;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.1em;color:hsl(var(--primary))}.guide-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;max-width:1152px;margin:auto;padding:28px 24px 48px}.guide-hero h1{font-size:clamp(30px,3.5vw,46px);font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:16px 0;color:var(--guide-ink)}.guide-hero-inner>p{font-size:16px;line-height:1.8;color:var(--guide-muted);margin:18px 0 24px}.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.guide-actions a{gap:10px}.guide-hero-photo{min-width:0}.guide-hero-image{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius) + 4px);border:1px solid var(--guide-line)}.guide-hero-photo figcaption{color:var(--guide-muted);font-size:11px;line-height:1.7;margin-top:10px}.guide-hero-photo figcaption a{text-decoration:underline;text-underline-offset:3px}.guide-start{display:inline-flex;align-items:center;gap:8px;color:hsl(var(--primary));font-size:12px;margin-top:22px}.guide-reading-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;max-width:1152px;margin:auto;padding:36px 24px 64px;border-top:1px solid var(--guide-line)}.guide-contents{position:sticky;top:96px;align-self:start;font-size:13px}.guide-contents ol{margin-top:16px}.guide-contents li a{display:flex;align-items:baseline;gap:10px;padding:10px;margin-left:-10px;border-radius:8px;color:var(--guide-muted);line-height:1.6}.guide-contents li a:hover{color:hsl(var(--primary));background:hsl(var(--primary) / .06)}.guide-contents li span{color:hsl(var(--primary));font-size:11px}.guide-contents>p{color:var(--guide-muted);font-size:11px;margin-top:20px}.guide-article{min-width:0}.guide-section{scroll-margin-top:96px;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--guide-line)}.guide-section-title{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}.guide-section-title>span{flex-shrink:0;font-size:12px;font-weight:600;color:hsl(var(--primary))}.guide-section h2,.guide-sources h2{font-size:clamp(23px,2.4vw,30px);font-weight:600;line-height:1.35;letter-spacing:-.02em}.guide-article p{font-size:14px;line-height:1.85;color:var(--guide-muted);margin:14px 0}.guide-article p.guide-intro{font-size:16px;line-height:1.8;margin-bottom:22px}.guide-article h3{font-size:16px;font-family:var(--club-body-font, Inter, sans-serif);font-weight:600;line-height:1.5;color:var(--guide-ink);margin:24px 0 8px}.guide-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:hsl(var(--primary));text-decoration:underline;text-underline-offset:4px;margin:6px 18px 6px 0;line-height:1.65}.guide-link:hover{text-decoration-thickness:2px}.guide-article p a:not(.guide-link){color:hsl(var(--primary));text-decoration:underline;text-underline-offset:3px}.guide-example{padding:22px 24px;border:1px solid hsl(var(--primary) / .2);background:hsl(var(--primary) / .04);border-radius:var(--radius);margin:24px 0}.guide-example>span:first-child{font-size:10px;font-weight:600;color:hsl(var(--primary));letter-spacing:.08em}.guide-example h3{margin-top:10px}.guide-example p:last-child{margin-bottom:0}.guide-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.guide-steps{list-style:none;counter-reset:guide-step;margin:24px 0}.guide-steps>li{counter-increment:guide-step;position:relative;padding:16px 0 16px 36px;border-top:1px solid var(--guide-line)}.guide-steps>li:before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:20px;font-size:11px;font-weight:600;color:hsl(var(--primary))}.guide-steps strong{font-size:14px;color:var(--guide-ink)}.guide-steps p{margin:6px 0 0}.guide-tool{margin:24px 0;padding:24px;border:1px solid var(--guide-line);border-radius:var(--radius);background:var(--guide-surface);color:hsl(var(--card-foreground));box-shadow:0 1px 2px hsl(var(--foreground) / .04)}.guide-tool>h3{margin-top:0;font-size:20px}.guide-tool>p{font-size:13px}.guide-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.guide-tabs button{padding:10px 14px;border:1px solid var(--guide-line);border-radius:8px;background:var(--guide-paper);color:var(--guide-muted);font-size:12px;font-weight:500;transition:background-color .15s,color .15s}.guide-tabs button:hover{background:hsl(var(--muted));color:var(--guide-ink)}.guide-tabs button[aria-pressed=true]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.guide-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-fields label,.guide-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;color:var(--guide-ink)}.guide-fields input,.guide-fields select,.guide-field select{min-height:42px;width:100%;padding:8px 11px;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 4px);background:var(--guide-paper);color:var(--guide-ink);font-size:14px}.guide-output{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:22px;margin-top:22px;border-top:1px solid var(--guide-line)}.guide-output strong{font-size:30px;font-weight:600;line-height:1.25;color:var(--guide-ink)}.guide-output strong.guide-output-status{font-size:24px}.guide-output small{display:block;font-size:11px;color:var(--guide-muted);margin-top:8px}.guide-tool .guide-tool-note{font-size:12px;margin-bottom:0}.guide-tool input[type=range]{accent-color:hsl(var(--primary));width:100%;margin:16px 0}.guide-tool button.guide-copy{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:10px 16px;border-radius:calc(var(--radius) - 4px);background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:12px;font-weight:500}.guide-checklist{border:0;padding:0;margin:24px 0}.guide-checklist legend{font-weight:600;font-size:14px;margin-bottom:12px}.guide-checklist label{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--guide-line);font-size:14px;line-height:1.65;cursor:pointer;position:relative}.guide-checklist input{position:absolute;width:20px;height:20px;opacity:0}.guide-check-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border:1px solid hsl(var(--input));border-radius:4px;background:var(--guide-paper)}.guide-check-mark svg{opacity:0}.guide-checklist input:checked+.guide-check-mark{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.guide-checklist input:checked+.guide-check-mark svg{opacity:1}.guide-checklist input:focus-visible+.guide-check-mark{outline:2px solid hsl(var(--ring));outline-offset:3px}.guide-checklist input:checked~span:last-child{color:var(--guide-muted);text-decoration:line-through}.guide-article details{border-top:1px solid var(--guide-line);padding:16px 0}.guide-article summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.6}.guide-article details p{margin-bottom:0}.guide-sources{scroll-margin-top:96px}.guide-sources h2{font-size:24px;margin-top:12px}.guide-sources>p{font-size:13px}.guide-sources ul{margin-top:24px}.guide-sources li{border-top:1px solid var(--guide-line);padding:13px 0}.guide-sources a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:hsl(var(--primary));text-decoration:underline;text-underline-offset:4px}.guide-sources li p{font-size:12px;margin:6px 0 0}.guide-next{padding:48px max(24px,calc((100% - 1104px)/2));background:hsl(var(--muted) / .3);border-top:1px solid var(--guide-line);display:grid;grid-template-columns:220px 1fr;gap:48px}.guide-next h2{font-size:26px;font-weight:600;line-height:1.3;margin:12px 0 20px}.guide-next-links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.guide-next-links>a{display:grid;grid-template-columns:1fr auto;align-content:center;gap:8px 16px;padding:18px 0;border-bottom:1px solid var(--guide-line)}.guide-next-links>a:hover{color:hsl(var(--primary))}.guide-next-links span{grid-column:1/-1;color:var(--guide-muted);font-size:11px}.guide-next-links strong{font-size:14px;font-weight:500;line-height:1.6}.guide-next-primary strong{color:hsl(var(--primary));font-weight:600}.guide-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--guide-line);border-radius:var(--radius)}.guide-table{width:100%;min-width:440px;border-collapse:collapse;font-size:13px;line-height:1.7}.guide-table :is(th,td){text-align:left;padding:13px;border-bottom:1px solid var(--guide-line);vertical-align:top}.guide-table th{font-weight:600;color:var(--guide-ink)}.guide-table td{color:var(--guide-muted)}.guide-table thead{background:hsl(var(--muted) / .5)}.guide-schedule{display:flex;flex-wrap:wrap;gap:0;margin:22px 0}.guide-schedule>div{flex:1 1 130px;border-top:2px solid hsl(var(--primary));padding:14px 14px 12px 0}.guide-schedule small{color:var(--guide-muted);font-size:10px}.guide-schedule strong{display:block;font-size:14px;margin-top:6px}.guide-schedule p{font-size:12px;margin:6px 0}.guide-dot-row{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.guide-dot-row span{width:16px;height:16px;border-radius:50%;background:hsl(var(--muted));border:1px solid var(--guide-line)}.guide-dot-row span[data-filled=true]{background:hsl(var(--primary));border-color:hsl(var(--primary))}.guide-flyer{background:hsl(var(--muted) / .5);border:1px solid var(--guide-line);border-radius:8px;padding:24px;margin:18px 0}.guide-flyer>strong{display:block;font-size:24px;font-weight:600;line-height:1.3;margin-top:8px}.guide-flyer dl{display:grid;grid-template-columns:80px 1fr;gap:10px;margin-top:16px;font-size:13px;line-height:1.7}.guide-flyer dt{color:var(--guide-muted)}.guide-flyer dd{color:var(--guide-ink)}.guide-hub{max-width:1152px;margin:auto;padding:28px 24px 64px}.guide-hub-intro{max-width:720px;margin-bottom:32px}.guide-hub h1{font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:12px 0 18px}.guide-hub p{color:var(--guide-muted);font-size:16px;line-height:1.8}.guide-hub-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:28px}.guide-hub-list a{display:block;border-top:1px solid var(--guide-line);padding:24px 0}.guide-hub-list h2{font-size:22px;font-weight:600;line-height:1.4;margin:9px 0}.guide-hub-list p{font-size:14px}.guide-hub-list a:hover h2{color:hsl(var(--primary))}.guide-hub .guide-example p{font-size:14px;margin:12px 0 18px}.guide-existing>div>main:first-of-type{padding-top:28px}.guide-existing .paper-theme-hero{padding-top:32px}.guide-existing>div>main{padding-bottom:48px}.guide-existing main:has(>.guide-hero){max-width:none;padding-inline:0;padding-top:0}.guide-existing main:has(>.guide-hero)>:not(.guide-hero){max-width:1104px;width:calc(100% - 48px);margin-inline:auto}.guide-existing .guide-legacy-intro{padding:28px;border:1px solid var(--guide-line);border-radius:var(--radius);background:hsl(var(--muted) / .2)}.guide-inline-reading{padding:24px;margin:24px 0;border:1px solid hsl(var(--primary) / .2);border-radius:var(--radius);background:hsl(var(--primary) / .04)}.guide-inline-reading h2{font-size:22px;font-weight:600;line-height:1.4;margin-bottom:10px}@media(max-width:900px){.guide-hero{gap:28px}.guide-reading-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.guide-next{grid-template-columns:180px 1fr;gap:32px}}@media(max-width:760px){.guide-hero{grid-template-columns:1fr;padding:24px 20px 32px}.guide-hero-image{max-height:260px;aspect-ratio:16/9}.guide-hero h1{font-size:32px}.guide-reading-layout{display:block;padding:28px 20px 48px}.guide-contents{position:static;margin-bottom:32px}.guide-contents ol{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.guide-contents li a{font-size:12px}.guide-next{display:block;padding:32px 20px}.guide-next-heading{margin-bottom:20px}}@media(max-width:640px){.guide-collection-nav{padding-inline:20px;gap:12px}.guide-collection-nav>div{gap:0}.guide-collection-nav>div a:not(:last-child){display:none}.guide-two-col{grid-template-columns:1fr;gap:0}.guide-tool,.guide-example{padding:20px}.guide-next-links,.guide-hub-list{grid-template-columns:1fr}.guide-hub{padding:20px 20px 48px}.guide-hub-list h2{font-size:21px}.guide-section{padding-bottom:32px;margin-bottom:32px}.guide-section-title{gap:10px}.guide-section h2{font-size:24px}.guide-flyer{padding:18px}}@media(prefers-reduced-motion:reduce){.guide-collection *,.guide-collection *:before,.guide-collection *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.guide-collection{padding:0;background:#fff;color:#000;--guide-ink: black;--guide-muted: #333;--guide-line: #ccc;--guide-paper: white;--guide-surface: white}.guide-collection-nav,.guide-contents,.guide-actions,.guide-start,.guide-next,.guide-hero-photo{display:none}.guide-hero,.guide-reading-layout{display:block;padding:0;border:0}.guide-hero h1{font-size:28px}.guide-tool,.guide-example{-moz-column-break-inside:avoid;break-inside:avoid}.guide-collection h1,.guide-collection h2,.guide-collection h3{color:#000}}
