main:has(#workspace:not([hidden])) .hero{padding:22px 0}
main:has(#workspace:not([hidden])) .hero h1{font-size:25px;margin:9px 0 0;letter-spacing:-.7px}
main:has(#workspace:not([hidden])) .hero p,main:has(#workspace:not([hidden])) .hero-mark{display:none}
main:has(#workspace:not([hidden])) header{min-height:64px}
.dialogue-starters{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.dialogue-starters button{font-size:12px;text-align:left;line-height:1.5}
.dialogue-turns{display:grid;gap:16px;margin:25px 0}
.dialogue-user{background:#e4eee8;border:1px solid #c7d9cd;border-radius:14px 14px 3px 14px;padding:18px 24px;margin-left:12%;overflow-wrap:anywhere}
.dialogue-answer{background:white;border:1px solid var(--line);border-radius:3px 14px 14px 14px;padding:26px 30px;overflow-wrap:anywhere}
.dialogue-answer h3{font-size:16px;font-weight:600;margin:24px 0 14px}
.dialogue-answer p,.dialogue-user p{font-size:14px;line-height:1.8;white-space:pre-wrap;margin:10px 0}
.dialogue-answer li{font-size:13px;line-height:1.8;margin-bottom:8px}
.dialogue-statement{padding:10px 0 14px;border-bottom:1px solid #edf1ee}
.dialogue-statement .tag{font-size:9px}
.dialogue-composer{background:white;border:1px solid #b5cfc0;padding:23px;border-radius:12px;box-shadow:0 10px 30px #17362808;margin-top:25px}
.dialogue-composer textarea{resize:vertical;display:block;width:100%;margin:12px 0 18px;line-height:1.7}
.dialogue-controls{display:flex;align-items:end;justify-content:space-between;gap:16px}
.dialogue-controls select{font-size:12px;max-width:100%}
@media(max-width:650px){nav{flex-wrap:wrap}.nav{flex:1 0 40%}.dialogue-user{margin-left:4%;padding:16px}.dialogue-answer{padding:20px}.dialogue-composer{padding:16px}.dialogue-controls{align-items:stretch;flex-direction:column}.dialogue-controls select{min-width:0;width:100%}}