.answer-card{margin:0 0 2rem;padding:1.5rem;border:1px solid #d7cbe0;border-left:4px solid #81358a;border-radius:0 14px 14px 0;background:#f0eaf3;color:#211329;scroll-margin-top:100px}
.answer-card h2{margin:.6rem 0;font-family:Manrope,sans-serif;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.35;letter-spacing:-.025em}
.answer-card p{margin:.75rem 0 0;font-size:1rem;line-height:1.75}
.answer-card .answer-label{margin:0;color:#732b7c;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.article-contents{margin:1.5rem 0 2.5rem;padding:1.25rem;border:1px solid #d7cfdc;border-radius:12px;font-size:.95rem;line-height:1.6}
.article-contents ul{margin:.6rem 0 0;padding-left:1.25rem}.article-contents li{padding:.25rem 0}
.article-contents a,.answer-card a{color:#732b7c;text-underline-offset:.2em;overflow-wrap:anywhere}
article section[id]{scroll-margin-top:100px}.answer-question{padding:1rem 0;border-top:1px solid #d7cfdc}
.answer-question summary{cursor:pointer;font-weight:800;line-height:1.6}.answer-question[open] summary{color:#732b7c}
article a:focus-visible,.answer-question summary:focus-visible,.answer-card a:focus-visible{outline:3px solid #81358a;outline-offset:4px;border-radius:2px}
.answer-card-dark{margin:2rem 0 0;background:rgba(214,176,107,.08);border-color:rgba(214,176,107,.35);border-left-color:#d6b06b;color:#ece6db}
.answer-card-dark .answer-label,.answer-card-dark a{color:#e3c58f}
@media(max-width:560px){.answer-card{padding:1.1rem}}