/* Family Safe Word Builder: on-screen preview in the brand look. The safe word sits in a big bold box (v1 2026-10-23). */
#safeword-output .sw-title{margin:0 0 .6rem;font-family:'Bricolage Grotesque','Atkinson',sans-serif;font-weight:800;font-size:1.45rem;line-height:1.15;color:#241A3A}
#safeword-output .sw-label{margin:.2rem 0 .35rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;color:#B5402A}
#safeword-output .sw-wordbox{margin:0 0 1rem;padding:1rem 1.1rem;min-height:5.2rem;display:flex;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere;border:4px solid #241A3A;border-radius:16px;background:#FFF3B0;color:#241A3A!important;box-shadow:0 5px 0 #E5553B;font-family:'Bricolage Grotesque','Atkinson',sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.01em}
#safeword-output .sw-wordbox.sw-blank{background:#fff;border-style:dashed;border-color:#B5402A;box-shadow:none;font-family:'Atkinson',sans-serif;font-weight:400;font-size:1.05rem;letter-spacing:0;color:#4A3F5C!important}
#safeword-output .sw-foot{font-size:.9rem;color:#4A3F5C}
#safeword-output .sw-foot a{color:#B5402A;font-weight:700}
html[data-theme=dark] #safeword-output .sw-title{color:#fff}
html[data-theme=dark] #safeword-output .sw-label{color:#FFD27A}
html[data-theme=dark] #safeword-output .sw-foot{color:#d9d2e6}
html[data-theme=dark] #safeword-output .sw-foot a{color:#FFD27A}
html[data-theme=contrast] #safeword-output .sw-wordbox{border-color:#000;box-shadow:none}