[v-cloak] { display: none !important; }
body { min-height: 100vh; display: flex; flex-direction: column; background: #f8f9fa; }
main { flex: 1 0 auto; }
footer { font-size: .875rem; color: #6c757d; }
.navbar-brand { font-weight: 600; letter-spacing: .02em; }
.qr { width: 100%; max-width: 280px; image-rendering: pixelated; border: 1px solid #dee2e6; border-radius: .5rem; background: #fff; }
.result-icon { font-size: 4rem; line-height: 1; }
.method-card { height: 100%; }
.docs h1 { margin-bottom: 1.5rem; }
.docs h2 { margin-top: 2.5rem; padding-top: .75rem; border-top: 1px solid #dee2e6; font-size: 1.4rem; }
.docs h3 { margin-top: 1.75rem; font-size: 1.15rem; }
.docs pre { background: #f1f3f5; padding: 1rem; border-radius: .375rem; overflow: auto; font-size: .875rem; }
.docs code { font-size: .9em; }
.docs table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
.docs th, .docs td { border: 1px solid #dee2e6; padding: .4rem .6rem; vertical-align: top; }
.docs th { background: #f1f3f5; }
.toc { position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow: auto; font-size: .9rem; }
.toc a { display: block; padding: .15rem 0; color: #495057; text-decoration: none; }
.toc a:hover { color: #0d6efd; }
.toc .toc-h3 { padding-left: 1rem; font-size: .85rem; }
.hint { white-space: pre-line; }