.vidik-guide{max-width:1200px;color:var(--v-ink);overflow-wrap:anywhere;margin-inline:auto}.vidik-guide .guide-intro{border:1px solid var(--v-border);border-radius:var(--v-radius-lg);background:var(--v-paper);grid-template-columns:minmax(0,1fr) minmax(230px,290px);align-items:center;gap:28px;padding:26px;display:grid}.vidik-guide .guide-kicker{color:var(--v-brand);align-items:center;gap:8px;margin:0 0 12px;font-size:.875rem;font-weight:700;display:flex}.vidik-guide .guide-kicker svg{flex-shrink:0}.vidik-guide .guide-intro h2{margin:0 0 12px;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.25}.vidik-guide .guide-intro p:not(.guide-kicker){max-width:70ch;margin:10px 0 0}.vidik-guide .guide-privacy{color:var(--v-muted);font-size:.875rem}.vidik-guide .guide-prompt-actions{gap:10px;display:grid}.vidik-guide .guide-prompt-actions .v-button{white-space:normal;width:100%;height:auto;min-height:44px}.vidik-guide .guide-prompt-actions .v-button-labels>span{justify-content:center}.vidik-guide .guide-copy-status{min-height:24px;color:var(--v-muted);margin:10px 0 16px;font-size:.875rem}.vidik-guide .guide-prompt-preview{border:1px solid var(--v-border);border-radius:var(--v-radius-md);background:var(--v-paper);margin-bottom:28px;padding:20px}.vidik-guide .guide-prompt-preview[hidden]{display:none}.vidik-guide .guide-prompt-preview label{font-weight:700}.vidik-guide .guide-prompt-preview p{color:var(--v-muted);font-size:.875rem}.vidik-guide .guide-prompt-preview textarea{resize:vertical;border:1px solid var(--v-border-strong);border-radius:var(--v-control-radius);width:100%;max-width:100%;min-height:240px;max-height:65vh;color:var(--v-ink);background:var(--v-background);font:.875rem / 1.6 var(--v-font-mono);white-space:pre-wrap;margin:12px 0;padding:14px;display:block}.vidik-guide .guide-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:36px;display:grid}.vidik-guide .guide-toc{max-height:calc(100dvh - 120px);padding:8px 12px 12px 0;position:sticky;top:96px;overflow-y:auto}.vidik-guide .guide-toc h2{margin:0 0 12px;font-size:1rem}.vidik-guide .guide-toc ol{margin:0;padding-left:22px}.vidik-guide .guide-toc li{color:var(--v-muted);padding-left:3px;font-size:.875rem}.vidik-guide .guide-toc a{min-height:40px;color:var(--v-ink);align-items:center;padding-block:6px;font-weight:500;line-height:1.4;text-decoration:none;display:flex}.vidik-guide .guide-toc a:hover{color:var(--v-brand);text-decoration:underline}.vidik-guide .guide-toc p{color:var(--v-muted);margin:20px 0 0;font-size:.8125rem}.vidik-guide .guide-article{min-width:0;max-width:78ch}.vidik-guide .guide-section{border-bottom:1px solid var(--v-border);margin-bottom:34px;padding-bottom:34px;scroll-margin-top:104px}.vidik-guide .guide-section:last-child{border-bottom:0;margin-bottom:0}.vidik-guide .guide-section>header{align-items:start;gap:14px;margin-bottom:22px;display:flex}.vidik-guide .guide-section-number{color:var(--v-brand);background:var(--v-brand-soft);text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;min-width:34px;padding:7px 5px;font-size:.875rem;font-weight:700}.vidik-guide .guide-section h2{margin:3px 0 8px;font-size:clamp(1.2rem,1.6vw,1.4rem);line-height:1.3}.vidik-guide .guide-section-summary{color:var(--v-muted);margin:0}.vidik-guide .guide-block{margin-top:26px}.vidik-guide .guide-block h3{letter-spacing:-.015em;margin:0 0 10px;font-size:1rem;line-height:1.4}.vidik-guide .guide-block p,.vidik-guide .guide-block li{font-size:.9375rem;line-height:1.75}.vidik-guide .guide-block p{margin:0 0 13px}.vidik-guide .guide-block ul,.vidik-guide .guide-block ol{margin:0;padding-left:23px}.vidik-guide .guide-block li{margin-bottom:12px;padding-left:4px}.vidik-guide .guide-block li::marker{color:var(--v-brand);font-weight:600}.vidik-guide .guide-code{white-space:pre-wrap;word-break:break-word;font:.8125rem / 1.7 var(--v-font-mono);color:var(--v-ink);background:var(--v-paper);border:1px solid var(--v-border);border-radius:8px;padding:14px}.vidik-guide .guide-back{align-items:center;gap:6px;min-height:44px;margin-top:10px;font-size:.875rem;display:inline-flex}.vidik-guide a:focus-visible,.vidik-guide textarea:focus-visible{outline:2px solid var(--v-brand);outline-offset:3px;box-shadow:var(--v-focus)}@media (width<=1000px){.vidik-guide .guide-layout{grid-template-columns:minmax(0,1fr);gap:28px}.vidik-guide .guide-toc{border-bottom:1px solid var(--v-border);max-height:none;padding:0 0 22px;position:static;overflow:visible}.vidik-guide .guide-toc ol{columns:2;column-gap:32px}.vidik-guide .guide-toc li{break-inside:avoid}.vidik-guide .guide-toc a{min-height:44px}.vidik-guide .guide-article{max-width:none}}@media (width<=680px){.vidik-guide .guide-intro{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px}.vidik-guide .guide-prompt-preview{padding:16px}.vidik-guide .guide-toc ol{columns:1}.vidik-guide .guide-section>header{gap:10px}.vidik-guide .guide-section{scroll-margin-top:88px}.vidik-guide .guide-block p,.vidik-guide .guide-block li{font-size:.875rem}}