.about-intro{max-width:760px;color:#aaa;margin:0 0 30px}
.prose{max-width:900px}
.prose h1{font-size:clamp(38px,5vw,62px);line-height:1.2;max-width:850px}
.back-link{display:inline-block;margin-bottom:22px;color:var(--gold);text-decoration:none}
.back-link:hover{text-decoration:underline}
.article-body{font-size:17px;line-height:2;letter-spacing:.01em}
.chat{width:min(380px,calc(100% - 30px));height:500px;background:#f7f5ef;border-radius:12px}
.chat.show{grid-template-rows:66px 1fr 60px}
.chat>header{padding:12px 16px}
.chat>header div{display:grid;gap:2px}
.chat>header small{color:#999;font-size:12px}
.chat #messages{padding:14px}
.welcome{display:grid;gap:5px;padding:12px;margin-bottom:12px;background:#ece8dc;border-radius:8px}
.welcome span{font-size:13px;color:#666}
.message{display:grid;gap:4px;max-width:88%;padding:10px 12px;margin:9px 0;border-radius:10px;background:#e8e8e8}
.message b{font-size:12px;color:#777}
.message span{white-space:pre-wrap}
.message.visitor{margin-left:auto;background:#f0dfb8}
.message.admin{display:grid;grid-template-columns:1fr;min-height:0;margin-right:auto;padding:10px 12px}
.chat input{background:#fff;color:#222}
.chat form button:disabled{opacity:.6}
@media(max-width:700px){.prose h1{font-size:38px}.article-body{font-size:16px}.chat{right:15px;bottom:72px}}