/* Package 5 — typography for the legal pages. Long text must be
   comfortable to read, otherwise nobody reads it and that is a risk. */
.legal{font-size:1rem;line-height:1.75;color:var(--ink-2)}
.legal h2{font-family:var(--fd);font-size:1.32rem;margin:34px 0 10px;color:var(--ink);
 padding-bottom:7px;border-bottom:1px solid var(--line)}
.legal h3{font-size:1.02rem;margin:22px 0 6px;color:var(--ink);font-weight:600}
.legal p{margin:0 0 12px}
.legal ul,.legal ol{margin:0 0 14px;padding-inline-start:22px}
.legal li{margin-bottom:6px}
.legal a{color:var(--rose)}
.legal table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.92rem}
.legal table th,.legal table td{border:1px solid var(--line);padding:9px 11px;text-align:start;vertical-align:top}
.legal table th{background:var(--sand);font-weight:600;width:34%}
.legal__box{background:var(--sand);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:18px 0}
.legal__warn{background:#fff8ef;border:1px solid #f0d9b5;border-radius:12px;padding:18px 20px;margin:18px 0}
.legal__toc{background:var(--sand);border-radius:12px;padding:16px 20px;margin:0 0 26px}
.legal__toc ol{margin:0;padding-inline-start:20px;columns:2;column-gap:28px}
@media(max-width:640px){.legal__toc ol{columns:1}}
.legal__form{border:2px dashed var(--line);border-radius:12px;padding:20px 22px;margin:18px 0;background:#fff}
[dir=rtl] .legal table th,[dir=rtl] .legal table td{text-align:right}


/* ===== PACKAGE 11: FAQ accordion ===== */
.faq{border-top:1px solid var(--line)}
.faq__i{border-bottom:1px solid var(--line)}
.faq__i summary{cursor:pointer;padding:15px 34px 15px 0;font-weight:600;font-size:1rem;
 color:var(--ink);list-style:none;position:relative;line-height:1.45}
.faq__i summary::-webkit-details-marker{display:none}
.faq__i summary::after{content:"+";position:absolute;inset-inline-end:4px;top:13px;
 font-size:1.35rem;font-weight:400;color:var(--rose);transition:transform .2s}
.faq__i[open] summary::after{content:"\2212"}
.faq__i summary:hover{color:var(--rose)}
.faq__a{padding:0 34px 17px 0;color:var(--ink-2);line-height:1.72;font-size:.95rem}
[dir=rtl] .faq__i summary{padding:15px 0 15px 34px}
[dir=rtl] .faq__a{padding:0 0 17px 34px}