/* The approved profile/contact mockups, as readable live content. */
.social-page{--cream:#f6f2e9;--gold-bright:#e3b668;--muted:#b6bbb9;background:#030b0e;position:relative;isolation:isolate;min-height:100svh}
.social-page:before{content:"";position:fixed;inset:0;background:url("assets/circle-social-background.png") center top/cover no-repeat;z-index:-2;pointer-events:none}
.social-page:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,9,12,.12),transparent 65%);pointer-events:none}
.circle-unified-header{width:100%;max-width:none;min-height:107px;height:107px;margin:0;padding:28px 4.35% 0;display:grid;grid-template-columns:300px minmax(0,1fr) 180px;align-items:start;gap:22px;border:0;position:relative;z-index:20;background:linear-gradient(90deg,rgba(3,9,14,.96),rgba(7,16,23,.94) 58%,rgba(5,9,13,.96))}
.social-page>.circle-unified-header{background:transparent}
.community-page .circle-header.circle-unified-header{width:100%;max-width:none;min-height:107px;height:107px;margin:0;padding:28px 4.35% 0;display:grid;grid-template-columns:300px minmax(0,1fr) 180px;align-items:start;gap:22px;border:0;background:linear-gradient(90deg,rgba(3,9,14,.96),rgba(7,16,23,.94) 58%,rgba(5,9,13,.96))}
.admin-page-shell>.circle-unified-header{min-height:79px;height:79px;padding:0;background:transparent}
.circle-unified-brand{display:block;width:225px;height:92px;margin-top:-8px;min-width:0;flex-shrink:0}
.circle-unified-brand img,.community-page .circle-unified-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.circle-unified-header .circle-unified-nav{position:static;inset:auto;translate:none;width:auto;height:auto;display:grid;grid-template-columns:70px 105px 115px 120px 110px;align-items:start;justify-content:center;gap:clamp(18px,2.1vw,38px);padding-top:27px}
.circle-unified-header .circle-unified-nav>a{position:relative;align-self:start;width:100%;height:auto;min-height:0;display:block;margin:0;border:0;border-radius:0;background:none;color:#eee7dc;font:400 1.16rem/1 "Cormorant",Georgia,serif;letter-spacing:0;text-align:center;text-decoration:none;vertical-align:top;padding:0 4px 21px;white-space:nowrap;cursor:pointer}
.circle-unified-header .circle-unified-nav>[data-staff-nav][hidden]{display:block!important;visibility:hidden;pointer-events:none}
.circle-unified-header .circle-unified-nav>[aria-current=page]{color:#f1c66f}
.circle-unified-header .circle-unified-nav>[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#dca64d}
.circle-unified-account{display:flex;align-items:center;justify-content:flex-end;gap:15px;height:auto;margin:0;padding-top:8px}
.social-account{width:56px;height:56px;border:1px solid #dba44e;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#071417;color:#e7bb67;text-decoration:none;font:400 1.6rem/1 "Cormorant",Georgia,serif}
.social-account img{width:100%;height:100%;object-fit:cover;object-position:center}
.social-account-heart{font:400 2rem/1 "Cormorant",Georgia,serif;color:#e5b95e}
.social-account-chevron{font:400 1.6rem/1 Arial,sans-serif;color:#f2eadf;margin-top:-5px}
.social-shell{width:92%;max-width:1600px;margin:auto;padding:36px 0 28px}
.social-back,.social-link{color:var(--gold-bright);text-decoration:none;font-size:1rem;line-height:1.5;background:none;border:0;padding:0;cursor:pointer}
.social-link{border-bottom:1px solid rgba(211,165,80,.55);padding-bottom:3px;display:inline-block}
.social-link:hover,.social-back:hover{color:#ffe2a9}
.social-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;margin-top:25px;min-height:660px}
.social-main{padding-right:46px;min-width:0}
.social-aside{position:relative;min-width:0;padding:62px 11% 30px 12%;}
.social-aside:before{content:"";position:absolute;left:0;top:0;bottom:20px;width:1px;background:linear-gradient(transparent,rgba(224,175,86,.75) 15%,rgba(224,175,86,.75) 85%,transparent)}
.social-page h1{font-family:"Cormorant",Georgia,serif;font-size:clamp(2.8rem,4.3vw,4.8rem);font-weight:400;line-height:1.06;margin:0 0 4px}
.social-page h2{font-family:"Cormorant",Georgia,serif;font-size:clamp(2rem,3vw,3.2rem);font-weight:400;line-height:1.12;margin:0 0 12px}
.social-page h3{font-family:"Cormorant",Georgia,serif;font-size:2rem;font-weight:400;margin:24px 0 16px}
.social-script{font-family:"Italianno",cursive;font-size:clamp(2.3rem,3.8vw,4.2rem);line-height:1.1;margin:0 0 32px;font-weight:400}
.gold{color:var(--gold-bright)}
.social-serif{font-family:"Cormorant",Georgia,serif;font-size:1.8rem;line-height:1.35;margin:8px 0 36px}
.social-tabs{display:flex;gap:32px;flex-wrap:wrap;margin:32px 0 22px}
.social-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:0 8px 13px;color:#b9bdbb;font-size:1rem;cursor:pointer}
.social-tabs button[aria-selected=true]{border-color:var(--gold-bright);color:var(--gold-bright)}
.social-search{display:flex;gap:18px;align-items:center;border:1px solid rgba(224,175,86,.8);border-radius:999px;padding:9px 20px;margin-bottom:16px;background:rgba(2,9,12,.25)}
.social-search>span{font-size:1.7rem;line-height:1;color:var(--gold-bright)}
.social-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--cream);font-size:1rem;padding:4px 0;outline:none}
.social-search input::placeholder{color:#b6bbb9}
.social-search:focus-within{outline:2px solid var(--gold-bright);outline-offset:3px}
.social-person{display:flex;align-items:center;gap:24px;min-width:0;border-bottom:1px solid rgba(211,165,80,.55);padding:26px 0}
.social-avatar{width:clamp(66px,7.5vw,118px);height:clamp(66px,7.5vw,118px);border:1px solid var(--gold-bright);border-radius:50%;display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-family:"Cormorant",Georgia,serif;font-size:3.8rem;color:var(--cream);background:radial-gradient(ellipse at 30% 35%,rgba(178,140,68,.24),rgba(3,13,15,.25));text-decoration:none}
.social-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.social-person-copy{flex:1;min-width:0}
.social-person-name{font-family:"Cormorant",Georgia,serif;font-size:2rem;color:var(--cream);text-decoration:none;overflow-wrap:anywhere;line-height:1.2}
.social-person-copy p{font-size:1rem;line-height:1.6;margin:7px 0;color:var(--cream);overflow-wrap:anywhere}
.social-person-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;flex-shrink:0}
.social-aside .social-person{align-items:flex-start;gap:20px;border:0;padding-top:0;padding-bottom:36px;flex-wrap:wrap}
.social-aside .social-person .social-avatar{width:100px;height:100px}
.social-aside .social-person-copy{min-width:150px}
.social-inline-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:13px}
.social-page .primary-button,.messages-drawer .primary-button{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:1rem;letter-spacing:0;background:linear-gradient(110deg,#f5cf87,#e6af57);border:0;padding:12px 25px;min-height:44px}
.social-empty{font-size:1rem;line-height:1.7;color:var(--muted);padding:25px 0;max-width:520px}
.social-private-note{font-family:"Cormorant",Georgia,serif;font-size:2rem;line-height:1.2;border-top:1px solid rgba(211,165,80,.55);padding-top:38px;margin:12px 0 40px}
.social-outgoing{font-size:1rem;color:var(--muted);line-height:1.6}
.social-footer{padding:20px 4% 30px;font-size:.875rem;color:#b6bbb9;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.social-footer a{color:var(--gold-bright);text-decoration:none}
.profile-form{max-width:720px}
.profile-form .field{margin-bottom:28px;gap:10px}
.profile-form .field label{font-size:1rem;color:var(--cream)}
.profile-form .field input,.profile-form .field textarea{font-size:1.1rem;line-height:1.5;color:var(--cream);padding:8px 8px 12px;font-family:"Cormorant",Georgia,serif;border-color:rgba(211,165,80,.65);background:rgba(2,9,12,.12)}
.profile-form textarea{resize:vertical;min-height:95px}
.profile-photo-edit{margin:26px 0 32px}
.profile-photo-edit .social-avatar{width:135px;height:135px;margin-bottom:12px}
.profile-photo-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:14px}
.avatar-editor{width:min(100%,390px);padding:18px 0 4px}
.avatar-editor[hidden]{display:none!important}
.avatar-editor-stage{position:relative;width:220px;height:220px;max-width:72vw;max-height:72vw;overflow:hidden;border:1px solid var(--gold-bright);border-radius:50%;background:#061014;box-shadow:0 14px 38px rgba(0,0,0,.28),0 0 0 7px rgba(227,182,104,.045);cursor:grab;touch-action:none;user-select:none}
.avatar-editor-stage.dragging{cursor:grabbing}
.avatar-editor-stage:focus-visible{outline:2px solid var(--gold-bright);outline-offset:6px}
.avatar-editor-stage img{position:absolute;max-width:none;display:block;pointer-events:none;user-select:none;transform:translate(-50%,-50%)}
.avatar-editor-stage:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,236,194,.22),inset 0 0 32px rgba(0,0,0,.18);pointer-events:none}
.avatar-editor-controls{display:grid;grid-template-columns:auto minmax(130px,220px) auto;align-items:center;gap:14px;margin-top:20px}
.avatar-editor-controls label{color:var(--cream);font-size:1rem}
.avatar-editor-controls input[type=range]{width:100%;accent-color:var(--gold-bright);cursor:pointer}
.avatar-editor-controls .social-link{font-size:.9rem}
.avatar-editor>p{margin:13px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
.avatar-output{display:block;object-fit:cover}
@media(max-width:520px){.avatar-editor-controls{grid-template-columns:auto 1fr}.avatar-editor-controls .social-link{grid-column:1/-1;justify-self:start}.avatar-editor-stage{width:200px;height:200px}}
.profile-photo-edit label{display:inline-block;cursor:pointer}
.profile-preview{text-align:center;padding-top:45px}
.profile-preview .social-avatar{width:150px;height:150px;margin:35px auto 16px}
.profile-preview p{font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.profile-preview h3{font-size:2.5rem;margin:8px 0}
.profile-preview .social-link{margin-top:25px}
.profile-settings{max-width:680px}
.settings-choice{display:flex;align-items:flex-start;gap:13px;font-size:1rem;line-height:1.6;margin:24px 0}
.settings-choice input{width:20px;height:20px;flex-shrink:0;accent-color:var(--gold-bright);margin-top:3px}
.settings-choice small{display:block;font-size:.875rem;color:var(--muted)}
.profile-security{margin-top:30px;border-top:1px solid rgba(211,165,80,.45);padding-top:16px}
.profile-security summary,.social-more summary{cursor:pointer;color:var(--gold-bright);font-size:1rem;padding:12px 0}
.profile-security .field{margin:16px 0}
.profile-security input{background:transparent;color:white;border:0;border-bottom:1px solid var(--gold);padding:10px 4px;width:100%;font-size:1rem}
.profile-identity{display:flex;gap:32px;align-items:flex-start;margin:32px 0 55px}
.profile-identity .social-avatar{width:170px;height:170px}
.profile-identity h2{font-size:3.2rem;margin-bottom:8px;overflow-wrap:anywhere}
.profile-identity p{font-size:1.1rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;max-width:560px}
.profile-role{color:var(--muted);font-size:1rem}
.member-welcome{font-family:"Italianno",cursive!important;font-size:clamp(3.5rem,5.5vw,6.3rem)!important;line-height:1.05!important}
.social-more{position:relative}.social-more>div{display:flex;flex-direction:column;gap:14px;padding:12px 0}
.profile-post{border-bottom:1px solid rgba(211,165,80,.5);padding:22px 0}
.profile-post p{font-family:"Cormorant",Georgia,serif;font-size:1.7rem;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-post time{font-size:.875rem;color:var(--muted)}
.profile-post a{color:var(--gold-bright);font-size:1rem;text-decoration:none}
.profile-bio{font-size:1.1rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-quote{font-family:"Cormorant",Georgia,serif;color:var(--gold-bright);font-size:2.6rem;font-style:italic;line-height:1.2;margin-top:45px}
.social-report{margin:22px 0;border-bottom:1px solid var(--line);padding:15px 0;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.social-report blockquote{white-space:pre-wrap;margin:12px 0;padding-left:18px;border-left:1px solid var(--gold)}
.post-author.profile-author-link{color:inherit;text-decoration:none}.post-author.profile-author-link:hover b{color:var(--gold-pale)}
.custom-profile-photo img{transform:none!important;object-position:center!important}.header-avatar-frame{display:grid;place-items:center;color:var(--gold-bright)}
.comment .profile-author-link{color:var(--gold-bright);text-decoration:none}
.comment{display:flex;align-items:flex-start;gap:8px}.comment-author{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.comment .avatar{width:28px;height:28px;font-size:.8rem}.comment>span{padding-top:4px}
.circle-role-badge{display:inline-block;margin-left:5px;color:#c8a25d;font:600 .68rem Arial,sans-serif;letter-spacing:.04em;vertical-align:middle}.circle-role-badge.admin{color:#efc773;text-shadow:0 0 14px rgba(229,176,81,.38)}
.comment-report{margin-left:auto;border:0;background:none;color:#7f8988;font-size:.72rem;padding:5px 0;cursor:pointer}.comment-report:hover{color:var(--gold-bright)}
.community-page .circle-unified-nav.social-circle-nav{position:static;inset:auto;translate:none}
.community-page .circle-unified-nav.social-circle-nav a{display:block;font-family:"Cormorant",Georgia,serif;font-size:1.16rem}
.community-page .circle-unified-nav.social-circle-nav>a{border:0;box-shadow:none}
.community-page .circle-unified-nav.social-circle-nav a:first-child{color:#f1c66f;border-bottom:0}
.community-page .circle-unified-account.circle-tools{gap:15px;height:auto;margin:0;padding-top:8px}
.community-page .circle-unified-account .header-avatar-frame{width:56px;height:56px}
.social-circle-nav [data-unread],.social-header [data-unread]{position:absolute;margin-left:5px;font:12px Arial,sans-serif;min-width:18px;height:18px;background:var(--gold-bright);color:#071013;display:inline-grid;place-items:center;border-radius:50%}
.messages-drawer{--cream:#f6f2e9;--gold-bright:#e3b668;--muted:#b6bbb9;position:fixed;inset:0 0 0 auto;width:min(790px,58vw);height:100dvh;max-height:none;max-width:none;margin:0;padding:36px;border:0;border-left:1px solid rgba(222,174,87,.65);color:var(--cream);background:linear-gradient(90deg,rgba(2,10,13,.92),rgba(3,13,16,.84)),url("assets/circle-social-background.png") right center/auto 100%;box-shadow:-15px 0 60px rgba(0,0,0,.28);overflow:hidden}
.messages-drawer::backdrop{background:rgba(1,7,10,.35)}
.messages-drawer [hidden]{display:none!important}
.messages-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}
.messages-top h2{font-family:"Cormorant",Georgia,serif;font-size:2.3rem;font-weight:400;margin:0}
.messages-close{border:0;background:none;color:var(--cream);font-size:2rem;cursor:pointer;padding:0 7px}
.messages-layout{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:24px;height:calc(100% - 110px)}
.messages-list-panel{min-width:0;overflow:auto}
.messages-search{width:100%;padding:12px;background:rgba(0,0,0,.12);color:var(--cream);border:1px solid rgba(233,191,112,.35);border-radius:12px;font-size:1rem;margin:0 0 17px}
.messages-tabs{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:15px}.messages-tabs button{border:0;border-bottom:1px solid transparent;background:none;padding:0 0 6px;color:var(--muted);font-size:.875rem;cursor:pointer}.messages-tabs button[aria-pressed=true]{color:var(--gold-bright);border-color:var(--gold-bright)}
.thread-button{display:flex;align-items:center;gap:12px;border:0;border-radius:12px;width:100%;padding:16px 8px;background:none;text-align:left;color:var(--cream);cursor:pointer}
.thread-button.active{background:rgba(193,149,66,.15)}
.thread-button .social-avatar{width:45px;height:45px;font-size:1.7rem}.thread-button>span:last-child{min-width:0;flex:1}.thread-button b{display:block;font-family:"Cormorant",Georgia,serif;font-size:1.4rem;font-weight:400;overflow-wrap:anywhere}.thread-button small{font-size:.875rem;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.thread-button .thread-unread{color:var(--gold-bright)}
.messages-chat{display:flex;flex-direction:column;min-width:0;min-height:0}
.messages-chat-head{display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(233,191,112,.2);padding:0 0 18px;min-height:60px}
.messages-chat-head .social-avatar{width:52px;height:52px;font-size:2rem}.messages-chat-head a{color:var(--cream);font-family:"Cormorant",Georgia,serif;font-size:1.7rem;text-decoration:none;overflow-wrap:anywhere}.messages-chat-head details{margin-left:auto}.messages-chat-head summary{cursor:pointer;color:var(--gold-bright)}.messages-chat-head details>div{position:absolute;right:25px;background:#071419;border:1px solid var(--line);padding:18px;border-radius:12px;display:grid;gap:15px;z-index:2}
.messages-chat-log{flex:1;min-height:0;overflow:auto;padding:22px 0;scroll-behavior:auto}
.message-row{margin:0 8px 22px 0;max-width:90%;display:flex;flex-direction:column;align-items:flex-start}.message-row.mine{margin-left:auto;margin-right:0;align-items:flex-end}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:1rem;border-radius:18px;padding:14px 18px;background:rgba(145,163,157,.12);margin:0}.mine .message-bubble{background:linear-gradient(110deg,rgba(204,157,72,.3),rgba(154,109,42,.2));border:1px solid rgba(213,172,94,.2)}.message-meta{font-size:.75rem;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:12px}.message-report{background:none;border:0;color:var(--muted);font-size:.75rem;padding:0;cursor:pointer}
.message-compose{display:flex;gap:12px;align-items:flex-end;border:1px solid rgba(233,191,112,.55);border-radius:14px;padding:10px 12px;background:rgba(1,8,11,.25);flex-shrink:0}
.message-compose textarea{resize:vertical;min-height:42px;max-height:140px;width:100%;border:0;background:transparent;color:var(--cream);font-size:1rem;line-height:1.5;padding:9px 0}.message-compose button{color:var(--gold-bright);border:0;background:none;padding:10px 0;cursor:pointer;font-size:1rem}.message-compose button:disabled{opacity:.45;cursor:default}
.message-request-note{font-size:.875rem;line-height:1.6;color:var(--muted);padding:12px 0}.message-request-note .social-inline-actions{margin-top:10px}.messages-status{font-size:.875rem;line-height:1.5;color:var(--error);margin:8px 0;min-height:21px}.messages-mobile-back{display:none}
@media(min-width:1700px){.social-columns{grid-template-columns:1.05fr 1fr}.social-main{padding-right:55px}}
@media(max-width:1100px){.social-aside{padding:45px 8% 25px 10%}.social-main{padding-right:30px}.social-person{gap:16px;flex-wrap:wrap}.social-person-actions{flex-direction:row;flex-wrap:wrap;margin-left:82px;flex-shrink:1}.social-person-copy{min-width:140px}.profile-identity{gap:22px}.profile-identity .social-avatar{width:110px;height:110px}.messages-drawer{width:min(800px,80vw)}.community-page .circle-nav.social-circle-nav{right:100px;gap:18px}}
@media(max-width:760px){.social-header{flex-wrap:wrap;padding:12px 5%;gap:8px}.social-brand{width:160px}.social-header nav{width:100%;justify-content:space-between;gap:12px}.social-header nav>a,.social-header nav>button{font-size:.875rem}.social-header nav .social-account{width:36px;height:36px}.social-shell{width:90%;padding-top:25px}.social-columns{grid-template-columns:1fr;min-height:0}.social-main{padding-right:0}.social-aside{padding:35px 0 30px;margin-top:35px;border-top:1px solid rgba(211,165,80,.6)}.social-aside:before{display:none}.social-script{margin-bottom:24px}.social-tabs{gap:16px}.social-tabs button{font-size:.875rem;padding-inline:0}.social-person{padding:22px 0}.social-person-actions{margin-left:82px;gap:20px}.social-person-name{font-size:1.8rem}.social-person-copy p{font-size:1rem}.profile-identity{flex-direction:column;margin-bottom:35px}.profile-identity .social-avatar{width:130px;height:130px}.profile-identity h2{font-size:2.7rem}.profile-preview{padding-top:20px}.social-private-note{font-size:1.8rem}.social-page:before{background-position:60% top;opacity:.6}.social-page:after{background:rgba(2,9,12,.22)}.messages-drawer{width:100%;padding:22px 5%;border:0}.messages-layout{grid-template-columns:1fr;gap:0;height:calc(100% - 100px)}.messages-layout.chat-open .messages-list-panel{display:none}.messages-layout:not(.chat-open) .messages-chat{display:none}.messages-mobile-back{display:inline-block;border:0;background:none;color:var(--gold-bright);padding:0;font-size:1rem;cursor:pointer}.message-row{max-width:92%}.community-page .circle-header{height:auto;min-height:115px;flex-wrap:wrap;padding:12px 5%}.community-page .circle-brand img{width:155px}.community-page .circle-nav.social-circle-nav{position:static;order:3;left:auto;right:auto;top:auto;translate:none;width:100%;height:44px;justify-content:space-between;gap:12px}.community-page .circle-nav.social-circle-nav a,.community-page .circle-nav.social-circle-nav button{font-size:.875rem}.community-page .circle-tools{height:40px}.social-footer{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.social-page *,.messages-drawer *{transition:none!important;scroll-behavior:auto!important}}
.social-report-dialog{width:min(520px,90vw);padding:28px;border:1px solid var(--gold);border-radius:16px;background:#071317;color:var(--cream)}
.social-report-dialog::backdrop{background:rgba(0,0,0,.6)}.social-report-dialog h2{font-family:"Cormorant",Georgia,serif;font-size:2.2rem;font-weight:400;margin:0 0 15px}.social-report-dialog p{font-size:1rem;line-height:1.6}.social-report-dialog label{display:block;font-size:1rem;margin:18px 0 10px}.social-report-dialog textarea{width:100%;resize:vertical;border:1px solid var(--gold);background:transparent;border-radius:8px;color:var(--cream);font-size:1rem;padding:12px;line-height:1.5}.social-report-dialog .primary-button{font-family:Arial,sans-serif;font-weight:400}

/* One stable header grid across Circle, members, profile and staff pages. */
@media(max-width:1100px){
  .circle-unified-header{grid-template-columns:220px minmax(0,1fr) 130px;padding-inline:4%}
  .admin-page-shell>.circle-unified-header{padding-inline:0}
  .circle-unified-brand{width:195px}
  .circle-unified-header .circle-unified-nav,.community-page .circle-unified-nav.social-circle-nav{gap:18px}
}
@media(max-width:760px){
  .circle-unified-header,.community-page .circle-header.circle-unified-header{height:auto;min-height:137px;padding:17px 5% 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px}
  .admin-page-shell>.circle-unified-header{height:auto;min-height:120px;padding:0}
  .circle-unified-brand,.community-page .circle-unified-brand{width:175px;height:72px;margin-top:0}
  .circle-unified-header .circle-unified-nav,.community-page .circle-unified-nav.social-circle-nav{grid-column:1/-1;grid-row:2;position:static;inset:auto;translate:none;width:100%;height:auto;justify-content:flex-start;gap:16px;overflow-x:auto;padding:15px 0 0;scrollbar-width:none}
  .circle-unified-header .circle-unified-nav::-webkit-scrollbar{display:none}
  .circle-unified-header .circle-unified-nav>a,.community-page .circle-unified-nav.social-circle-nav a{display:block;height:auto;font-size:1rem;padding:0 2px 13px;flex:0 0 auto}
  .circle-unified-account,.community-page .circle-unified-account.circle-tools{grid-column:2;grid-row:1;height:auto;margin:0;padding:0}
  .social-account-heart{display:none}
  .social-account,.community-page .circle-unified-account .header-avatar-frame{width:45px;height:45px}
}