.explanation{border:1px solid #b79363;background:#fff8e9}
.explanation summary{position:relative;padding:13px 42px 13px 15px;color:#7f351f;font-size:14px;font-weight:bold;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px;transition:background .15s,color .15s}
.explanation summary::-webkit-details-marker{display:none}
.explanation summary::after{content:'▾';position:absolute;right:15px;font-size:18px;line-height:1;transition:transform .15s}
.explanation[open] summary::after{transform:rotate(180deg)}
.explanation summary:hover,.explanation summary:focus-visible{background:#ead3ae;color:#522113;outline:2px solid var(--orange);outline-offset:2px}
.explanation>p{margin:0;padding:14px 15px;border-top:1px solid #ccb084;font-size:14px;line-height:1.55;color:#4f4033}
.text-button{border:0;background:transparent;color:#d1a33b;text-decoration:underline;font:inherit;font-weight:700;padding:0;cursor:pointer}.text-button:hover,.text-button:focus-visible{color:#f1e4cb}