:root{font:17px/1.5 system-ui,sans-serif;color:#172d47;background:#f4f7fb}
body{margin:0}
main{max-width:68rem;margin:2rem auto;padding:0 1rem}
section{background:#fff;border:1px solid #dce4ee;border-radius:.8rem;padding:clamp(1rem,3vw,2rem)}
header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
h1,h2,h3,h4{line-height:1.25;overflow-wrap:anywhere}
h1{margin:0;font-size:clamp(1.55rem,4vw,2.1rem)}
h2{margin-top:0;font-size:1.3rem}
h4{margin-bottom:.3rem}
button,input{font:inherit;box-sizing:border-box}
label{display:block;margin:1rem 0}
input:not([type=hidden]){display:block;width:100%;border:1px solid #61758c;border-radius:.4rem;padding:.55rem;margin-top:.3rem}
button{background:#173c69;color:#fff;border:1px solid #173c69;border-radius:.45rem;padding:.55rem .85rem;cursor:pointer}
.secondary{background:#fff;color:#173c69}
.sign-in{max-width:25rem;margin:clamp(2rem,9vh,6rem) auto}
.identity,.notice{overflow-wrap:anywhere}
.notice{background:#e6eef8;border-radius:.4rem;padding:.7rem 1rem}
.conversation-grid{display:grid;gap:1rem}
.conversation-card{padding:1rem;background:#f8fafc;border:1px solid #dce4ee;border-radius:.55rem;overflow-wrap:anywhere}
.conversation-card h3{margin-top:0}
.conversation-text{white-space:pre-wrap;margin-top:.3rem}
:focus-visible{outline:2px solid #175a9e;outline-offset:3px}