body.clarity-page .reading-layout { display:block; max-width:800px; }
body.clarity-page .reading-layout > aside { display:none; }
.clarity-tool { color:#352732; font-family:Arial,sans-serif; }
.clarity-tool [hidden] { display:none !important; }
.clarity-tool p { max-width:70ch; }
.clarity-tool .clarity-privacy { background:#fff1f7; padding:18px 22px; margin:26px 0; }
.clarity-tool .clarity-privacy p:last-child { margin-bottom:0; }
.clarity-tool details { border-block:1px solid #b897a7; padding:18px 0; margin:30px 0; }
.clarity-tool summary { cursor:pointer; color:#501432; font-weight:700; min-height:44px; padding:8px 0; }
.clarity-tool dt { font-weight:700; margin-top:18px; }
.clarity-tool dd { margin:6px 0 0; }
.clarity-tool fieldset { min-width:0; padding:0; border:0; margin:32px 0 0; }
.clarity-tool legend { font-size:1.5rem; font-weight:700; color:#501432; margin-bottom:14px; }
.clarity-tool .clarity-field { margin:30px 0; }
.clarity-tool label { display:block; font-size:1.125rem; font-weight:700; color:#501432; }
.clarity-tool .clarity-field p { margin:9px 0 12px; }
.clarity-tool textarea { box-sizing:border-box; display:block; width:100%; min-height:115px; resize:vertical; padding:14px; border:1px solid #94657c; border-radius:4px; background:#fff; color:#352732; font:400 1rem/1.6 Arial,sans-serif; }
.clarity-tool .clarity-actions { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0; }
.clarity-tool button { border:1px solid #501432; border-radius:4px; min-height:46px; padding:12px 18px; background:#501432; color:white; font:700 1rem/1.4 Arial,sans-serif; cursor:pointer; }
.clarity-tool button:hover { background:#351023; }
.clarity-tool button.clarity-secondary { background:#fff; color:#501432; }
.clarity-tool button.clarity-secondary:hover { background:#fff1f7; }
.clarity-tool :focus-visible { outline:3px solid #501432; outline-offset:4px; }
.clarity-tool #clarity-result { border-top:1px solid #b897a7; margin-top:36px; padding-top:20px; }
.clarity-tool #clarity-summary p { white-space:pre-wrap; overflow-wrap:anywhere; }
.clarity-tool #clarity-summary h3 { color:#501432; font-size:1.125rem; margin:24px 0 8px; }
.clarity-tool #clarity-confirm { padding:16px; background:#fff1f7; }
.clarity-tool #clarity-status { color:#501432; }
@media(max-width:480px) { .clarity-tool .clarity-privacy { padding:16px; } .clarity-tool .clarity-actions button { width:100%; } }