/* Reference examples: no remote assets, no processing code changes. */
body main#main .c46-example{margin:40px 0;padding:28px;border:1px solid var(--ls45-edge);border-radius:16px;background:var(--ls-card);min-width:0}
body main#main .c46-example .c46-example{margin:24px 0;padding:0;border:0;background:none}
body main#main .c46-example h2{font-size:1.5rem!important;margin:0 0 20px!important}body main#main .c46-example h3{font-size:1.1rem!important;margin:28px 0 12px!important}
.c46-example figure{margin:20px 0}.c46-example img{display:block;width:100%;height:auto;max-width:720px;max-height:480px;object-fit:contain;object-position:left center;border-radius:8px;border:1px solid var(--ls45-edge);background:#fff;margin:20px 0}.c46-example a{display:inline-block;margin:8px 18px 8px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px;overflow-wrap:anywhere}.c46-example ul{padding-left:20px;font-size:14px}.c46-example p{max-width:76ch}.c46-method{margin:24px 0 40px}.c46-method summary{cursor:pointer;font-size:14px}.c46-method p{font-size:14px;max-width:80ch}
@media(max-width:540px){body main#main .c46-example{padding:20px}.c46-example a{display:block}.c46-example ul{font-size:13px}}
.c46-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.c46-comparison figure{min-width:0;margin:16px 0}.c46-comparison img{margin:0 0 12px;max-height:none}.c46-comparison figcaption{font-size:13px;font-weight:700;color:var(--ls-muted)}
@media(max-width:620px){.c46-comparison{grid-template-columns:1fr;gap:8px}}