.guide{background:var(--surface-muted);min-height:100dvh;color:var(--ink-body);font-size:17px;line-height:1.6}.guide-bar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--app-bar-height);padding:0 var(--space-16);background:var(--surface-card);border-bottom:1px solid var(--border-subtle);display:flex;position:sticky;top:0}.guide-bar a{align-items:center;gap:var(--space-8);min-height:var(--touch-min);color:var(--accent-strong);font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.guide-bar a:hover{text-decoration:underline}.guide-main{max-width:760px;padding:var(--space-24) var(--space-16) var(--space-32);background:var(--surface-page);min-width:0;margin:0 auto}@media (min-width:800px){.guide-main{margin:var(--space-24) auto;padding:var(--space-32) 48px;border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}}.guide a{color:var(--accent-strong);text-underline-offset:3px;overflow-wrap:anywhere}.guide-body a,.guide-cover__intro a{text-decoration:underline}.guide-cover{align-items:center;gap:var(--space-12);text-align:center;padding-bottom:var(--space-24);border-bottom:1px solid var(--border-divider);flex-direction:column;display:flex}.guide-cover__logo{width:min(280px,80%);height:auto}.guide-cover h1{margin:var(--space-8) 0 0;color:var(--ink);letter-spacing:.01em;font-size:26px;font-weight:700;line-height:1.3}.guide-cover__subtitle{color:var(--ink-muted);margin:0;font-style:italic}.guide-cover__intro{text-align:left;width:100%}.guide-cover__intro>p{margin:var(--space-4) 0;text-align:center;color:var(--ink-muted);font-size:15px}.guide-links{justify-content:center;gap:var(--space-12);margin:var(--space-8) 0 0;flex-wrap:wrap;display:flex}.guide-links a{min-height:var(--touch-min);padding:0 var(--space-20);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-tint);align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.guide-toc{padding:var(--space-24) 0;border-bottom:1px solid var(--border-divider)}.guide-toc h2{margin:0 0 var(--space-12);color:var(--ink);font-size:20px}.guide-toc ol{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.guide-toc a{padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);font-weight:500;text-decoration:none;display:block}.guide-toc a:hover{background:var(--surface-tint)}.guide-body h2{margin:var(--space-32) 0 var(--space-12);padding-top:var(--space-24);border-top:1px solid var(--border-divider);color:var(--ink);scroll-margin-top:calc(var(--app-bar-height) + var(--space-8));font-size:22px;line-height:1.35}.guide-body .guide-section:first-child h2{margin-top:var(--space-16);border-top:0}.guide-body h3{margin:var(--space-24) 0 var(--space-8);color:var(--ink);scroll-margin-top:calc(var(--app-bar-height) + var(--space-8));font-size:18px;line-height:1.4}.guide-body p,.guide-body ul,.guide-body ol{margin:var(--space-12) 0}.guide-body ul,.guide-body ol{padding-left:1.4em}.guide-body ul{list-style:outside}.guide-body ol{list-style:decimal}.guide-body h2,.guide-body h3,.guide-toc h2{font-weight:700}.guide-body li+li{margin-top:var(--space-4)}.guide strong{color:var(--ink);font-weight:600}.guide blockquote{margin:var(--space-16) 0;padding:var(--space-12) var(--space-16);border-left:4px solid var(--action);border-radius:var(--radius-md);background:var(--surface-tint);color:var(--ink-callout)}.guide blockquote p{text-align:left;color:var(--ink-callout);margin:0;font-size:16px}.guide-shot{margin:var(--space-16) 0 var(--space-24);text-align:center}.guide-shot img{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:min(100%,360px);height:auto;box-shadow:var(--shadow-card);background:var(--surface-card);display:inline-block}.guide-qr{align-items:center;gap:var(--space-8);margin:var(--space-16) 0;flex-direction:column;display:flex}.guide-qr__code{width:150px;height:150px;fill:var(--ink)}.guide-qr__bg{fill:var(--surface-card)}.guide-qr figcaption{color:var(--ink-muted);overflow-wrap:anywhere;text-align:center;font-size:14px}.guide-top{margin:var(--space-32) 0 0;text-align:center;font-size:15px}@page{size:A4;margin:15mm 16mm 18mm;@bottom-center{content:counter(page) " / " counter(pages);font:9pt var(--font-sans);color:var(--ink-muted)}}@page:first{@bottom-center{content:none}}@media print{html,body,.guide-main{background:0 0}.guide{background:0 0;font-size:11pt;line-height:1.5}.guide-bar,.guide-links,.guide-top{display:none}.guide-main{max-width:none;box-shadow:none;border-radius:0;margin:0;padding:0}.guide a{text-decoration:none}.guide-body h2,.guide-body h3{break-after:avoid}.guide-body p:has(+.guide-shot){break-after:avoid}.guide-shot,.guide-qr,.guide blockquote,.guide-body li{break-inside:avoid}.guide-shot{margin:3mm 0 5mm}.guide-shot img{width:auto;max-width:62mm;max-height:104mm;box-shadow:none}.guide--full .guide-cover{break-after:page;border:0;justify-content:center;gap:6mm;min-height:255mm}.guide--full .guide-cover h1{font-size:24pt}.guide--full .guide-cover__subtitle{font-size:14pt}.guide--full .guide-cover__intro{max-width:140mm;margin-top:12mm}.guide--full .guide-toc{break-after:page;border:0}.guide--full .guide-toc a{border-bottom:1px dotted var(--border-divider);border-radius:0;padding:2mm 0;font-size:12pt}.guide--full .guide-section{break-before:page}.guide--full .guide-body h2{border-top:0;margin-top:0;padding-top:0;font-size:17pt}.guide--full .guide-body h3{font-size:13pt}.guide--quick{font-size:12.5pt}.guide--quick .guide-cover{text-align:left;flex-flow:wrap;justify-content:space-between;align-items:center;gap:2mm 8mm;padding-bottom:4mm}.guide--quick .guide-cover__logo{width:52mm}.guide--quick .guide-cover h1{margin:0;font-size:20pt}.guide--quick .guide-cover__subtitle{flex-basis:100%;font-size:12pt}.guide--quick .guide-section{border-bottom:1px solid var(--border-divider);break-inside:avoid;grid-template-columns:1fr auto;align-items:start;column-gap:8mm;padding:5mm 0;display:grid}.guide--quick .guide-body h2{border:0;grid-column:1/-1;margin:0 0 1mm;padding:0;font-size:15pt}.guide--quick .guide-section__text p,.guide--quick .guide-section__text ul{margin:2mm 0}.guide--quick .guide-section__media{align-items:flex-start;gap:4mm;display:flex}.guide--quick .guide-shot{margin:0}.guide--quick .guide-shot img{max-width:58mm;max-height:100mm}.guide--quick .guide-section__media:has(.guide-shot+.guide-shot) img{max-width:44mm}.guide--quick .guide-qr{margin:0}.guide--quick .guide-section__text .guide-qr{align-items:flex-start;margin:3mm 0 0}.guide--quick .guide-qr__code{width:34mm;height:34mm}.guide--quick .guide-qr figcaption{font-size:8.5pt}}
