.elf-note{background:var(--ink);color:white;padding:35px;border-radius:18px}.elf-star{font-size:50px;color:#bfdabb}.elf-note h2{font-size:34px}.elf-caption{font-size:13px;opacity:.75}.elf-choices{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.elf-choices button{background:transparent;color:var(--ink);border:1px solid #bacbc9}.elf-choices button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.elf-example{display:grid;grid-template-columns:1fr 1.25fr;border:1px solid #d0dcda;border-radius:16px;background:var(--paper);overflow:hidden}.elf-example>div{padding:30px}.elf-response{border-left:1px solid #d0dcda;background:#ffffff80}.elf-response li{margin:14px 0}.elf-review{border-top:1px solid #d0dcda;padding-top:20px;font-size:14px}.elf-status{display:grid;grid-template-columns:1fr 1fr;gap:40px}.elf-status article{background:var(--paper);padding:30px;border-radius:12px}.elf-badge{display:inline-block;font-size:10px;letter-spacing:.12em;border-radius:5px;padding:6px 10px;background:#e0eddc;color:#234d32}.elf-badge.planned{background:#eceff3;color:#405164}.elf-choices button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:760px){.elf-example,.elf-status{grid-template-columns:1fr}.elf-response{border-left:0;border-top:1px solid #d0dcda}.elf-example>div,.elf-status article{padding:22px}.elf-note{padding:25px}}