/* (2026-10-23) About, FAQ and Report content pages, and the placeholders
   to fill in on the legal pages. */
.legal mark.fill{ background:#fbe9b7; color:#6b4a14; padding:0 4px; border-radius:3px; font-style:normal; }

.legal dl.details{ display:grid; grid-template-columns:minmax(150px,max-content) 1fr; gap:8px 20px; margin:0 0 18px; font-size:14.5px; line-height:1.6; }
.legal dl.details dt{ color:var(--ink-faint); }
.legal dl.details dd{ margin:0; color:var(--ink); }
@media (max-width:560px){ .legal dl.details{ grid-template-columns:1fr; gap:2px; } .legal dl.details dd{ margin-bottom:10px; } }

.legal .faq{ border-top:1px solid var(--border); margin:0 0 8px; }
.legal .faq details{ border-bottom:1px solid var(--border); }
.legal .faq summary{ list-style:none; cursor:pointer; padding:14px 34px 14px 0; position:relative; font-size:15.5px; font-weight:600; color:var(--ink); line-height:1.45; }
.legal .faq summary::-webkit-details-marker{ display:none; }
.legal .faq summary::after{ content:"+"; position:absolute; right:4px; top:12px; font-size:20px; font-weight:400; color:var(--gold); transition:transform .15s; }
.legal .faq details[open] summary::after{ transform:rotate(45deg); }
.legal .faq summary:hover{ color:var(--gold-dark); }
.legal .faq .faq-a{ padding:0 0 12px; }
.legal .faq .faq-a p{ margin:0 0 10px; }

.report-form{ display:flex; flex-direction:column; gap:6px; margin:0 0 26px; padding:20px; border:1px solid var(--border); border-radius:10px; background:var(--panel); }
.report-form label{ font-size:14px; font-weight:600; color:var(--ink); margin-top:10px; }
.report-form label:first-child{ margin-top:0; }
.report-form .hint{ display:block; font-size:12.5px; font-weight:400; color:var(--ink-faint); margin:2px 0 0; line-height:1.5; }
.report-form input[type=text], .report-form input[type=email], .report-form select, .report-form textarea{
  font:inherit; font-size:16px; color:var(--ink); background:#fff; border:1px solid #d3cfc0; border-radius:6px; padding:9px 11px; width:100%; }
.report-form textarea{ resize:vertical; }
.report-form input:focus, .report-form select:focus, .report-form textarea:focus{ outline:2px solid var(--gold); outline-offset:0; border-color:var(--gold); }
.report-form label.check{ display:flex; gap:10px; align-items:flex-start; font-weight:400; font-size:14px; color:var(--ink-dim); line-height:1.5; margin-top:14px; }
.report-form label.check input{ margin-top:3px; width:16px; height:16px; flex:0 0 auto; accent-color:var(--gold); }
.report-form .form-actions{ margin-top:12px; }
.report-form .btn-primary, .report-form .btn-secondary{ font:inherit; font-size:14.5px; font-weight:600; border-radius:6px; padding:10px 18px; cursor:pointer; }
.report-form .btn-primary{ background:var(--olive-solid); color:#fff; border:0; }
.report-form .btn-primary:hover{ background:var(--gold-dark); }
.report-form .btn-secondary{ background:#fff; color:var(--ink); border:1px solid #d3cfc0; margin-top:8px; align-self:flex-start; }
.report-form .form-error{ color:#a5342a; font-size:14px; margin:8px 0 0; }
.report-form .form-fallback{ margin-top:14px; display:flex; flex-direction:column; }
.report-form .form-fallback p{ margin:0 0 8px; }
.report-form [hidden]{ display:none !important; }