.circle-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;border-bottom:1px solid var(--line);background:var(--white)}
.circle-header>a:last-child{text-decoration:underline}.circle-main{max-width:1250px;margin:auto;padding:40px 24px 64px}.circle-main h1{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,3.7rem);margin:12px 0}.circle-main p{line-height:1.65}.circle-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:24px;align-items:start}.circle-card{padding:26px;background:var(--white);border:1px solid var(--line);border-radius:16px}.circle-card h2{margin-top:0;font-family:Georgia,serif;font-size:1.7rem}.circle-form{display:grid;gap:16px}.circle-form label{display:grid;gap:8px;font-weight:600}.circle-form input,.circle-form textarea,.circle-chat select{width:100%;padding:12px;border:1px solid var(--sage);border-radius:8px;background:var(--paper);font:inherit;color:var(--ink)}.circle-form textarea{resize:vertical}.circle-form button{justify-self:start}.circle-help{font-size:.875rem;color:var(--soft-ink)}.circle-chat select{margin-top:8px}.circle-messages{height:360px;overflow-y:auto;border-block:1px solid var(--line);padding:12px 4px;overscroll-behavior:contain}.circle-message{padding:14px;margin-bottom:12px;border-radius:10px;background:var(--mist);overflow-wrap:anywhere}.circle-message p{white-space:pre-wrap;margin:8px 0}.circle-message time{font-size:.8rem;color:var(--soft-ink);margin-left:10px}.circle-message button{font:inherit;font-size:.875rem;border:0;background:transparent;text-decoration:underline;color:var(--teal);cursor:pointer}.circle-directory{margin:24px 0}.circle-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.circle-person{border-top:3px solid var(--teal);padding:16px;background:var(--paper);overflow-wrap:anywhere}.circle-person h3{margin:0}.circle-person p{white-space:pre-wrap}.circle-form button:disabled{opacity:.6;cursor:not-allowed}#signIn{max-width:520px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:760px){.circle-layout{grid-template-columns:1fr}.circle-main{padding:28px 16px}.circle-card{padding:20px}.circle-header{flex-wrap:wrap}.circle-messages{height:320px}}