.thumbnail[data-v-0e500fb2]{background:#fff;border:1px solid #c4c8c4;cursor:zoom-in;display:block;padding:0;width:100%}.thumbnail img[data-v-0e500fb2]{display:block;height:auto;width:100%}.guide-image-dialog[data-v-0e500fb2]{background:#f7f6f1;border:1px solid #aeb5ae;border-radius:8px;box-shadow:0 12px 54px #0005;color:#213b32;inset:0;margin:auto;max-height:94dvh;max-width:96vw;padding:0;position:fixed;width:min(61rem,96vw)}.guide-image-dialog[data-v-0e500fb2]::backdrop{background:#141b17bd}.preview-frame[data-v-0e500fb2]{display:flex;flex-direction:column;max-height:92dvh}.preview-frame header[data-v-0e500fb2]{align-items:center;background:#fff;border-bottom:1px solid #ced3cc;display:flex;gap:12px;justify-content:space-between;padding:6px 12px}.preview-frame header button[data-v-0e500fb2]{background:none;border:0;color:inherit;cursor:pointer;display:grid;flex:none;height:44px;place-items:center;width:44px}.paper-scroll[data-v-0e500fb2]{overflow:auto;overscroll-behavior:contain;padding:12px}.paper-scroll img[data-v-0e500fb2]{background:#fff;border:1px solid #aeb5ae;box-sizing:border-box;display:block;height:auto;max-width:none;min-width:47rem;width:100%}html:has(.guide-image-dialog[open]){overflow:hidden}.guide-example[data-v-6040e267]{margin:20px 0}.example-controls[data-v-6040e267]{display:none}.example-comparison[data-v-6040e267]{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 20px 1.2fr;margin-top:13px}.example-comparison>div[data-v-6040e267]{align-self:stretch;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:5px;overflow:hidden}.example-comparison h3[data-v-6040e267]{background:var(--color-rule);color:var(--color-ink-3);font-size:12px;padding:7px 12px}.example-comparison .example-after h3[data-v-6040e267]{background:var(--color-rule);color:var(--color-brand)}.example-comparison p[data-v-6040e267]{font-size:13px;line-height:1.8;margin:0;padding:13px}.example-arrow[data-v-6040e267]{color:var(--color-brand)}.example-switch[data-v-6040e267]{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:5px;color:var(--color-ink-3);font-size:12px;min-height:40px;padding:7px 13px}.example-switch.selected[data-v-6040e267]{background:var(--color-rule);border-color:var(--color-control);color:var(--color-brand)}@media(max-width:600px){.example-controls[data-v-6040e267]{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.example-comparison[data-v-6040e267]{display:block}.example-arrow[data-v-6040e267],.example-comparison.show-after .example-before[data-v-6040e267],.example-comparison:not(.show-after) .example-after[data-v-6040e267]{display:none}}@media print{body.print-export-mode .example-controls[data-v-6040e267]{display:none}body.print-export-mode .example-comparison>div[data-v-6040e267]{display:block!important}}.guide-template-examples[data-v-40975562]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin-block:1.5rem}.guide-template-examples figure[data-v-40975562]{margin:0}.guide-template-examples figcaption[data-v-40975562]{margin-block:.5rem}.guide-template-examples a[data-v-40975562]{text-decoration:underline}
