.circles-page{padding-bottom:110px}.circles-intro{padding-block:70px 42px}.circles-intro h1{max-width:760px;margin-bottom:18px;font-size:46px}.circles-intro>p{max-width:650px;color:var(--muted);margin:0;font-size:14px}.circles-controls{border:1px solid var(--line);background:#fff;grid-template-columns:1fr 230px 180px;gap:10px;padding:18px;display:grid}.circles-controls label{border:1px solid var(--line);background:#fff;align-items:center;min-height:50px;display:flex}.circles-controls select,.circles-controls input{background:#fff;border:0;outline:none;width:100%;height:100%;padding:0 14px;font-size:11px}.circle-search{gap:10px;padding-left:14px}.circle-search>span:first-child{font-size:20px}.circles-results{padding-top:24px}.circles-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin-bottom:20px;font-size:9px;font-weight:700;display:flex}.circles-page .session-card{background:#fff}.account-dropdown .dropdown-link{border-top:1px solid var(--line);background:var(--mist);height:auto;color:var(--ink);padding:13px 22px;font-size:10px;font-weight:700}.account-dropdown .dropdown-link:hover{background:var(--sage)}.circles-intro .archive-link{color:var(--ink);text-underline-offset:5px;margin-top:22px;font-size:12px;font-weight:700;-webkit-text-decoration:underline #9aad9e;text-decoration:underline #9aad9e;display:inline-block}.circles-intro .archive-link:hover{color:var(--accent);text-decoration-color:currentColor}.filter-select{gap:8px;padding-left:13px}.filter-select .ui-icon{color:var(--muted)}.filter-select select{padding-left:0}@media (width<=760px){.circles-controls{grid-template-columns:1fr 1fr}.circle-search{grid-column:1/-1}.circles-intro h1{font-size:36px}}@media (width<=520px){.circles-controls{grid-template-columns:1fr}.circle-search{grid-column:auto}.circles-meta{flex-direction:column;align-items:flex-start;gap:6px}}.archive-intro{position:relative}.archive-eyebrow,.past-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.archive-intro h1{margin-top:12px}.archive-link{color:var(--ink);text-underline-offset:5px;margin-top:22px;font-size:12px;font-weight:700;-webkit-text-decoration:underline #9aad9e;text-decoration:underline #9aad9e;display:inline-block}.archive-link:hover{color:var(--accent);text-decoration-color:currentColor}.archive-notice{border-left:3px solid var(--accent);color:var(--muted);background:#f2eee8;align-items:center;gap:10px;margin-bottom:18px;padding:16px 20px;font-size:12px;display:flex}.archive-notice strong{color:var(--ink)}.past-session{border-top:3px solid #a9684b;padding-top:26px;background:#fbfaf8!important}.past-label{background:#fff9f5;border:1px solid #cbb7aa;padding:5px 8px}.circle-ended{color:#8b5842;letter-spacing:.08em;text-align:right;text-transform:uppercase;max-width:95px;font-size:9px;font-weight:800;line-height:1.35}.archive-status{border:1px solid var(--line);color:var(--muted);text-align:center;background:#fff;padding:70px 20px}.pagination{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;margin-top:38px;padding-top:22px;display:grid}.pagination>button{width:92px}.pagination>button:last-child{justify-self:end}.pagination>div,.pagination>div span{align-items:center;gap:5px;display:flex}.pagination i{color:var(--muted);padding:0 5px;font-style:normal}.pagination button{border:1px solid var(--line);min-width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;padding:0 12px;font-size:10px;font-weight:700}.pagination button:hover:not(:disabled),.pagination button.active{border-color:var(--ink);background:var(--ink);color:#fff}.pagination button:disabled{color:#8a938d;cursor:not-allowed;opacity:1;background:#f3f5f2;border-color:#d4d9d4}.archive-cta{text-align:center;margin-top:30px}.archive-cta a{color:var(--ink);text-underline-offset:5px;font-size:12px;font-weight:700;-webkit-text-decoration:underline #9aad9e;text-decoration:underline #9aad9e}.archive-cta a:hover{color:var(--accent);text-decoration-color:currentColor}@media (width<=640px){.archive-notice{flex-direction:column;align-items:flex-start}.pagination{grid-template-columns:1fr 1fr}.pagination>div{grid-area:1/1/auto/-1;justify-content:center;margin-bottom:12px}.pagination>button:first-child{grid-column:1}.pagination>button:last-child{grid-column:2}}.pagination>button{justify-content:center;align-items:center;gap:7px;display:inline-flex}
