.example{background:var(--panel);border:1px solid var(--hairline);border-radius:20px;padding:30px;max-width:46em}
.example .tag{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.example h3{font-size:28px;color:var(--cream);margin-bottom:6px}
.example .sub{color:var(--ink-soft);font-size:15px;margin-bottom:18px}
.example dl{display:grid;grid-template-columns:9em 1fr;gap:8px 16px;font-size:15px;border-top:1px solid var(--hairline);padding-top:16px}
.example dt{color:var(--gold);font-weight:600}
.example dd{color:var(--ink)}
.example .qa{margin-top:20px;border-top:1px solid var(--hairline);padding-top:16px;font-size:15px}
.example .q{color:var(--gold);font-weight:600;margin-bottom:6px}
.example .a{color:var(--ink)}
.example .src{font-size:13.5px;color:var(--ink-soft);margin-top:18px}
.example .src a{color:var(--gold)}
.ex-note{font-size:13.5px;color:var(--ink-soft);margin-top:16px;max-width:46em}
.who{display:grid;gap:18px}
@media(min-width:720px){.who{grid-template-columns:1fr 1fr}}
.list{margin:12px 0 0 0;padding-left:1.2em;color:var(--ink-soft)}
.list li{margin:6px 0}
.example+.example,.example+.ex-note+.example{margin-top:22px}.example+p+.example{margin-top:22px}