/* Shared social interface. Colors come from the uploaded Nicepage project. */
:root { --blue:#478ac9; --ink:#111111; --dark:#111111; --muted:#4d4d4d; --line:#e8e8e8; --wash:#f7f7f7; --soft:#e9f2fa; font-family:'Open Sans',sans-serif; color:#111; background:#fff; }
body { background:#fff; }
h1,h2,h3,.business-name { font-family:Roboto,'Open Sans',sans-serif; }
h1 { font-family:Oswald,sans-serif; font-weight:500; letter-spacing:-.3px; }
.sidebar { position:sticky; top:0; width:100%; height:76px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:24px; padding:0 max(28px,calc((100% - 1180px)/2)); border:0; border-bottom:1px solid var(--line); background:white; z-index:20; }
.wordmark { margin:0; flex-shrink:0; }
.brand-name { display:block; font-size:20px; letter-spacing:2px; }
.brand-name small { font-size:12px; letter-spacing:5px; margin-top:5px; }
.sidebar nav { height:100%; display:flex; align-items:stretch; gap:28px; }
.nav-link { display:flex; align-items:center; padding:0 2px; border-radius:0; border-bottom:3px solid transparent; margin:0; font-size:12px; color:#4d4d4d; }
.nav-link.active { background:transparent; border-bottom-color:var(--blue); color:var(--blue); }
.nav-link:hover { background:transparent; color:var(--blue); }
.nav-link span { display:inline; }
.workspace { margin:0; padding:0; }
.topbar { height:38px; border-bottom:1px solid var(--line); padding:0 max(28px,calc((100% - 1180px)/2)); }
.topbar .avatar { display:inline-flex; width:25px; height:25px; font-size:12px; }
.territory { font-size:12px; color:#4d4d4d; }
.preview-label { display:block; font-size:12px; letter-spacing:1px; }
main { padding:30px 28px 60px; max-width:1236px; }
.social-layout { display:grid; grid-template-columns:190px minmax(0,1fr) 265px; gap:28px; }
.social-center { min-width:0; }
.social-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:22px; }
.social-heading h1 { font-size:30px; margin:6px 0 0; }
.eyebrow { font-size:12px; letter-spacing:1.5px; color:#4d4d4d; }
.live-label { font-size:12px; color:var(--blue); letter-spacing:1px; font-weight:700; border:1px solid #d8e6f3; padding:6px 8px; border-radius:4px; }
.social-menu { padding-top:4px; }
.mini-account { display:flex; align-items:center; gap:10px; margin-bottom:25px; }
.mini-account strong { font-size:12px; }
.mini-account small { display:block; font-size:12px; font-weight:400; color:#4d4d4d; margin-top:5px; }
.menu-links { border-top:1px solid var(--line); padding:17px 0; }
.menu-links>a,.menu-links>button { display:flex; align-items:center; gap:10px; width:100%; padding:12px 0; text-align:left; font-size:12px; color:#444444; }
.menu-links svg { width:17px; height:17px; color:var(--blue); }
.menu-links span { margin-left:auto; background:#f5f5f5; border-radius:4px; font-size:12px; padding:3px 6px; }
.menu-note { border-top:1px solid var(--line); padding-top:22px; }
.menu-note p { font-family:Oswald,sans-serif; font-size:23px; line-height:1.4; margin:10px 0; }
.avatar,.avatar.mint,.avatar.sand,.avatar.pink { background:#e9f2fa; color:#478ac9; border-radius:50%; }
.social-stories { display:flex; gap:17px; overflow-x:auto; padding:3px 1px 18px; margin-bottom:16px; scrollbar-width:thin; }
.circle-story { display:flex; flex-direction:column; align-items:center; gap:9px; padding:0; width:74px; flex-shrink:0; text-align:center; }
.circle-story .story-circle { border:2px solid var(--blue); padding:3px; width:68px; height:68px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.circle-story .avatar { width:56px; height:56px; font-family:Oswald,sans-serif; font-size:18px; background:#e9f2fa; color:#478ac9; }
.circle-story strong { font-size:12px; font-weight:500; width:78px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.circle-story.add .story-circle { border:1px dashed #9dbedd; background:#f6fafe; color:var(--blue); }
.composer { border-radius:10px; padding:17px; margin-bottom:24px; }
.compose-trigger { background:#f7f7f7; border-radius:7px; padding:13px 14px; font-size:12px; }
.composer-bottom { gap:18px; padding-top:12px; margin-top:15px; }
.composer-bottom button { font-size:12px; }
.composer-bottom .button { margin-left:auto; color:white; padding:7px 10px; font-size:12px; }
.composer-bottom .button svg { color:white; }
.feed-tabs { gap:25px; margin:0 0 20px; }
.tab { font-size:12px; padding:0 0 13px; }
.post { border-radius:10px; margin-bottom:20px; }
.post-body { padding:20px; }
.post-header .avatar { width:38px; height:38px; }
.business-name { font-size:12px; }
.post-meta { font-size:12px; color:#555555; }
.post-header .text-link { font-size:12px; }
.post h3 { font-size:20px; line-height:1.4; margin:18px 0 10px; letter-spacing:-.3px; }
.post p { font-size:12px; line-height:1.8; color:#333333; }
.post-art { min-height:225px; background:#478ac9; border-radius:5px; }
.post-art .art-title { color:#fff; font-family:Oswald,sans-serif; font-size:46px; letter-spacing:0; line-height:1.15; }
.post-art .art-orbit { border-color:#ffffff70; box-shadow:0 0 0 19px #ffffff0c,0 0 0 41px #ffffff0a; }
.post-art .art-orbit:after { color:#ffffff70; }
.post-art small { font-family:'Open Sans',sans-serif; letter-spacing:2px; font-size:12px; }
.post-photo { max-height:350px; border-radius:5px; }
.post-stats { font-size:12px; }
.post-stats span:first-child { color:#4d4d4d; }
.post-actions button { font-size:12px; padding:10px 5px; }
.post-actions svg { width:17px; height:17px; }
.panel { padding:22px; border-radius:10px; }
.panel h2 { font-size:14px; margin:0 0 13px; letter-spacing:0; }
.panel p { font-size:12px; color:#4d4d4d; }
.social-rail .panel { margin-bottom:20px; }
.social-rail .section-line h2 { font-size:13px; }
.suggestion { gap:9px; margin:19px 0; }
.suggestion .avatar { border-radius:50%; }
.suggestion strong { font-size:12px; }
.suggestion small { font-size:12px; }
.suggestion button { color:var(--blue); border-color:#d8e6f3; }
.purpose-panel { background:#f4f8fc; border-color:#e3edf6; }
.purpose-panel>svg { color:var(--blue); margin-bottom:14px; width:27px; height:27px; }
.purpose-panel h2 { font-family:Oswald,sans-serif; font-size:23px; line-height:1.4; margin-bottom:12px; }
.button { border-radius:6px; font-size:12px; padding:10px 14px; }
.button.primary { background:#478ac9; border-color:#478ac9; color:white; }
.tag { background:#f3f7fb; color:#478ac9; font-size:12px; }
.explore-heading { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); padding:5px 0 25px; gap:25px; }
.explore-heading h1 { font-size:38px; margin:9px 0; }
.explore-heading p { font-size:12px; color:#4d4d4d; margin:0; }
.outline-symbol { background:#e9f2fa; color:var(--blue); width:64px; height:64px; display:grid; place-items:center; border-radius:50%; }
.outline-symbol svg { width:28px; height:28px; }
.filter-bar { margin:23px 0; }
.directory-toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:23px; gap:14px; }
.chip-list { display:flex; gap:10px; }
.category-chip { font-size:12px; border:1px solid var(--line); border-radius:20px; padding:8px 15px; color:#4d4d4d; }
.category-chip.selected { background:#e9f2fa; color:#478ac9; border-color:#cddfee; }
.count-label { margin:0; font-size:12px; }
.directory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.business-card { border-radius:10px; }
.card-cover,.card-cover.mint,.card-cover.sand,.card-cover.pink { background:#478ac9; height:90px; }
.card-content .avatar { width:61px; height:61px; margin-top:-30px; border:4px solid white; }
.card-content h2 { font-size:18px; margin-top:13px; }
.card-content p { min-height:40px; font-size:12px; }
.card-buttons .button { padding:9px 11px; }
.card-buttons .text-link { font-size:12px; }
.social-profile-header { border:1px solid var(--line); border-radius:10px; overflow:hidden; margin-bottom:26px; }
.social-cover { height:175px; background:#478ac9; color:white; display:flex; align-items:center; justify-content:space-between; padding:32px; overflow:hidden; }
.social-cover>span { font-size:12px; letter-spacing:2px; max-width:260px; line-height:1.7; }
.cover-letter { font-family:Oswald,sans-serif; font-size:170px; color:#ffffff1f; line-height:1; letter-spacing:-8px; transform:translateY(15px); }
.social-profile-intro { position:relative; margin-top:-42px; padding:0 30px; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.social-profile-intro>.avatar { width:90px; height:90px; border:5px solid white; font-family:Oswald,sans-serif; font-size:30px; }
.profile-actions { display:flex; gap:9px; padding-bottom:3px; }
.social-profile-text { padding:17px 30px 26px; }
.social-profile-text h1 { font-size:34px; margin:9px 0; }
.social-profile-text>p { font-size:12px; color:#4d4d4d; max-width:650px; margin:0 0 15px; }
.profile-facts { display:flex; gap:23px; flex-wrap:wrap; font-size:12px; color:#4d4d4d; }
.profile-facts span { display:flex; align-items:center; gap:6px; }
.profile-facts svg { width:14px; height:14px; }
.profile-social-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:25px; }
.profile-social-layout>section { min-width:0; }
.profile-social-layout .post h3 { font-size:23px; }
.profile-social-layout .post-art { min-height:270px; }
.special-social { border:1px solid #d8e6f3; background:#f5f9fd; padding:25px; border-radius:8px; }
.special-social h3 { font-family:Oswald,sans-serif; font-size:43px; margin:20px 0 15px; color:#478ac9; }
.social-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.social-gallery img { width:100%; border-radius:5px; }
.brand-profile { display:flex; align-items:center; gap:17px; margin:22px 0; }
.brand-profile .avatar { width:56px; height:56px; }
.brand-profile h3 { font-size:15px; }
.brand-profile p { margin:7px 0; }
.community-page-label { display:flex; align-items:center; gap:9px; color:#478ac9; font-size:12px; margin-bottom:20px; }
.community-page-label span { margin-left:auto; color:#4d4d4d; font-size:12px; }
.empty { font-size:12px; line-height:1.8; }
.story-preview { background:#478ac9; }
.story-preview h3 { font-family:Oswald,sans-serif; }
.story-preview p { color:white; }
dialog { font-family:'Open Sans',sans-serif; }
dialog h2 { font-family:Roboto,sans-serif; }
@media(max-width:1150px) { .social-layout{grid-template-columns:160px minmax(0,1fr) 235px;gap:20px}.sidebar nav{gap:20px}.panel{padding:18px}.social-profile-text{padding:17px 25px 25px}.social-cover{padding:25px}.suggestion strong{font-size:12px}.suggestion small{font-size:12px} }
@media(max-width:980px) { .social-layout{grid-template-columns:minmax(0,1fr) 250px;gap:25px}.social-menu{display:none}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-social-layout{grid-template-columns:minmax(0,1fr) 250px}.sidebar{padding:0 25px}.topbar{padding:0 25px}.sidebar nav{gap:18px}.nav-link{font-size:12px}.brand-name{font-size:17px} }
@media(max-width:760px) { .sidebar{height:auto;min-height:85px;position:sticky;top:0;padding:15px 20px 0;flex-direction:column;gap:14px}.wordmark{display:block}.brand-name small{display:inline;font-size:12px;letter-spacing:3px;margin-left:5px}.sidebar nav{height:33px;width:100%;gap:20px;justify-content:center}.nav-link{font-size:12px;padding:0 1px 11px}.topbar{height:33px;padding:0 20px}.territory{font-size:12px}.preview-label{font-size:12px}main{padding:24px 20px 45px}.social-layout{grid-template-columns:1fr}.social-rail{display:none}.social-center{max-width:630px;margin:auto;width:100%}.profile-social-layout{grid-template-columns:1fr}.profile-social-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-social-layout>aside .panel{margin-bottom:0}.social-profile-text h1{font-size:30px}.social-cover{height:155px}.directory-grid{gap:16px}.outline-symbol{width:50px;height:50px}.explore-heading h1{font-size:32px} }
@media(max-width:480px) { .sidebar{position:sticky;inset:0 0 auto;width:100%;height:auto;border-top:0;border-bottom:1px solid var(--line);padding:14px 12px 0;gap:13px;display:flex}.sidebar nav{display:flex;gap:16px;justify-content:center;flex-wrap:nowrap}.nav-link{display:flex;flex:none;padding:0 0 10px;gap:0;flex-direction:row;border-radius:0}.nav-link span{display:inline;font-size:12px}.workspace{margin:0;padding-bottom:0}.topbar{padding:0 15px;height:30px}.preview-label{display:block;font-size:12px;letter-spacing:.4px}.top-actions{gap:0}.territory{font-size:12px;gap:5px}main{padding:22px 14px 40px}.social-heading{margin-bottom:20px}.social-heading h1{font-size:28px}.live-label{font-size:12px;padding:5px}.social-stories{gap:13px;margin-bottom:12px}.circle-story{width:65px}.circle-story .story-circle{width:61px;height:61px}.circle-story .avatar{width:49px;height:49px}.circle-story strong{width:65px;font-size:12px}.composer{padding:13px}.compose-trigger{font-size:12px;padding:12px 10px}.composer-top{gap:9px}.composer-top .avatar{width:33px;height:33px}.composer-bottom{gap:12px}.composer-bottom button{font-size:12px;gap:4px}.composer-bottom .button{font-size:12px;padding:7px}.composer-bottom svg{width:13px;height:13px}.post-body{padding:16px}.post h3,.profile-social-layout .post h3{font-size:19px}.post p{font-size:12px}.post-actions button{font-size:12px}.post-art,.profile-social-layout .post-art{min-height:210px}.post-art .art-title{font-size:40px}.feed-tabs{gap:22px}.tab{font-size:12px}.directory-grid{grid-template-columns:1fr}.explore-heading{gap:12px}.explore-heading h1{font-size:30px}.explore-heading p{font-size:12px}.outline-symbol{display:none}.directory-toolbar{gap:8px}.category-chip{font-size:12px;padding:8px 12px}.count-label{font-size:12px}.social-cover{height:140px;padding:23px}.social-cover>span{font-size:12px;letter-spacing:1.6px;max-width:180px}.cover-letter{font-size:125px}.social-profile-intro{padding:0 18px;margin-top:-33px;align-items:flex-end}.social-profile-intro>.avatar{width:74px;height:74px;font-size:24px}.profile-actions{gap:6px;flex-wrap:wrap;justify-content:end;padding-bottom:0}.profile-actions .button{padding:8px 9px;font-size:12px}.profile-actions .button svg{width:13px;height:13px}.social-profile-text{padding:17px 18px 22px}.social-profile-text h1{font-size:30px}.social-profile-text>p{font-size:12px}.profile-facts{gap:12px;font-size:12px}.profile-social-layout>aside{display:block}.profile-social-layout>aside .panel{margin-bottom:15px}.community-page-label{font-size:12px;gap:7px}.community-page-label span{font-size:12px}.community-page-label svg{width:17px;height:17px}.social-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} }

.team-highlight { border-left:4px solid #478ac9; background:#f4f8fc; margin-bottom:18px; }
.team-highlight h2 { margin-bottom:6px; }
.team-highlight p { margin:0; }

/* Readability and density: normal copy is 15px; secondary labels never fall below 12px. */
:root { --muted:#4d4d4d; }
body { font-size:15px; }
.sidebar { height:66px; }
.nav-link { font-size:14px; color:#333; }
.topbar { height:36px; }
.top-actions { gap:12px; }
.topbar .avatar { width:28px; height:28px; font-size:12px; }
.territory,.preview-label { font-size:12px; color:#444; letter-spacing:0; }
main { padding-top:18px; padding-bottom:30px; }
.social-layout { gap:20px; }
.social-heading { margin-bottom:14px; }
.social-heading h1 { font-size:29px; margin-top:3px; }
.eyebrow { color:#444; font-size:12px; letter-spacing:.7px; }
.mini-account { gap:9px; margin-bottom:15px; }
.mini-account strong { font-size:14px; }
.mini-account small { font-size:12px; color:#4d4d4d; margin-top:3px; }
.menu-links { padding:9px 0; }
.menu-links>a,.menu-links>button { font-size:14px; line-height:1.4; padding:10px 0; }
.menu-links span { font-size:12px; }
.social-stories { gap:15px; padding-bottom:10px; margin-bottom:10px; }
.circle-story { gap:6px; }
.circle-story strong { font-size:12px; font-weight:600; color:#333; }
.composer { padding:12px; margin-bottom:16px; }
.compose-trigger { font-size:14px; padding:10px 12px; color:#444; }
.composer-bottom { margin-top:10px; padding-top:10px; gap:13px; }
.composer-bottom button,.composer-bottom .button { font-size:12px; }
.composer-bottom .button { padding:7px 10px; }
.feed-tabs { margin-bottom:14px; gap:24px; }
.tab { font-size:14px; color:#444; padding-bottom:10px; }
.post { margin-bottom:14px; }
.post-body { padding:16px; }
.business-name { font-size:15px; }
.post-meta { font-size:12px; color:#555; margin-top:4px; }
.post-header .text-link { font-size:13px; }
.post h3,.profile-social-layout .post h3 { font-size:22px; margin:13px 0 8px; }
.post p { font-size:15px; line-height:1.55; color:#333; }
.post-art,.profile-social-layout .post-art { min-height:180px; margin-top:14px; padding:24px; }
.post-art small { font-size:12px; letter-spacing:1px; }
.post-art .art-title { font-size:40px; }
.post-photo { max-height:300px; margin-top:14px; }
.post-stats { font-size:12px; padding:10px 16px; color:#4d4d4d; }
.post-stats span:first-child { color:#4d4d4d; }
.post-actions { padding:5px 10px; }
.post-actions button { font-size:13px; padding:8px 4px; color:#444; }
.comment-box { padding:12px 16px; }
.comment-box p { font-size:14px; }
.comment-box input { font-size:15px; }
.panel { padding:16px; margin-bottom:14px; }
.panel h2,.social-rail .section-line h2 { font-size:17px; line-height:1.3; margin-bottom:9px; }
.panel p { font-size:14px; line-height:1.55; color:#444; margin:8px 0; }
.suggestion { margin:14px 0; gap:8px; }
.suggestion strong { font-size:13px; line-height:1.4; }
.suggestion small { font-size:12px; color:#555; }
.suggestion button { width:29px; height:29px; flex-shrink:0; }
.purpose-panel h2 { font-size:23px; }
.purpose-panel>svg { margin-bottom:9px; }
.social-rail .panel { margin-bottom:14px; }
.rail-small { font-size:12px; color:#555; line-height:1.5; }
.text-link { font-size:13px; color:#28679f; }
.button { font-size:14px; padding:9px 13px; }
.tag { font-size:12px; color:#28679f; padding:4px 7px; }
.explore-heading { padding:0 0 16px; }
.explore-heading h1 { font-size:33px; margin:5px 0; }
.explore-heading p { font-size:15px; color:#444; }
.filter-bar { margin:16px 0; gap:10px; }
.search-field input { font-size:15px; padding:11px 0; }
.filter-bar select { font-size:14px; }
.directory-toolbar { margin-bottom:16px; }
.category-chip { font-size:14px; padding:7px 12px; color:#444; }
.count-label { font-size:13px; color:#444; }
.directory-grid { gap:16px; }
.card-cover,.card-cover.mint,.card-cover.sand,.card-cover.pink { height:66px; }
.card-content { padding:0 16px 16px; }
.card-content h2 { font-size:20px; margin:10px 0 6px; }
.card-content p { font-size:14px; color:#444; line-height:1.5; min-height:0; margin:10px 0; }
.card-location { font-size:13px; color:#444; margin:10px 0; }
.card-buttons { margin-top:12px; gap:8px; }
.card-buttons .button { font-size:13px; }
.card-buttons .text-link { font-size:13px; }
.social-profile-header { margin-bottom:18px; }
.social-cover { height:110px; padding:22px; }
.social-cover>span { font-size:12px; letter-spacing:.7px; }
.cover-letter { font-size:125px; }
.social-profile-intro { padding:0 22px; }
.social-profile-text { padding:10px 22px 18px; }
.social-profile-text h1 { font-size:32px; margin:5px 0; }
.social-profile-text>p { font-size:15px; color:#444; margin-bottom:10px; line-height:1.5; }
.profile-facts { font-size:13px; color:#444; gap:17px; }
.profile-social-layout { gap:20px; }
.detail-row,.detail-row strong { font-size:14px; }
.detail-row { margin:12px 0; }
.empty { padding:25px 16px; font-size:14px; color:#444; line-height:1.5; }
.empty h3 { font-size:17px; }
.special-social { padding:18px; }
.special-social h3 { margin:13px 0 10px; }
.brand-profile { margin:16px 0; }
.brand-profile h3 { font-size:18px; }
.community-page-label { font-size:15px; margin-bottom:14px; }
.community-page-label span { font-size:13px; color:#444; }
.page-heading { margin-bottom:16px; }
.page-heading p { font-size:15px; color:#444; }
.modal-note { font-size:12px!important; color:#444; }
.dialog-heading h2 { font-size:22px; }
.dialog label,dialog label { font-size:14px; }
.dialog p,dialog p { font-size:15px; color:#444; }
.story-preview .eyebrow { color:#fff!important; }
@media(max-width:1150px) {
  .social-layout { grid-template-columns:180px minmax(0,1fr) 240px; gap:16px; }
  .social-menu .menu-links>a,.social-menu .menu-links>button { font-size:13px; }
  .suggestion strong { font-size:13px; }
  .suggestion small { font-size:12px; }
}
@media(max-width:980px) {
  .social-layout { grid-template-columns:minmax(0,1fr) 250px; }
  .sidebar nav { gap:16px; }
  .nav-link { font-size:13px; }
}
@media(max-width:760px) {
  .sidebar { height:auto; min-height:85px; padding:12px 16px 0; gap:10px; }
  .sidebar nav { height:36px; }
  .nav-link { font-size:14px; }
  .topbar { height:36px; }
  .territory,.preview-label { font-size:12px; }
  main { padding:16px 16px 25px; }
  .social-layout,.profile-social-layout { grid-template-columns:1fr; }
  .social-center { max-width:650px; }
  .profile-social-layout>aside { display:none; }
  .social-profile-text { padding:10px 18px 16px; }
  .social-profile-intro { padding:0 18px; }
}
@media(max-width:480px) {
  .sidebar { padding:11px 12px 0; gap:9px; }
  .sidebar nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; height:40px; }
  .nav-link { justify-content:center; text-align:center; padding:0 0 8px; min-width:0; }
  .nav-link span { font-size:12px; line-height:1.2; white-space:normal; }
  .topbar { padding:0 12px; height:36px; }
  .territory { font-size:12px; gap:5px; }
  .territory #page-label,.territory .subtle { display:none; }
  .preview-label { font-size:12px; }
  .top-actions { gap:10px; }
  main { padding:14px 12px 24px; }
  .social-heading { margin-bottom:12px; }
  .social-heading h1 { font-size:28px; }
  .social-stories { padding-bottom:8px; margin-bottom:8px; gap:12px; }
  .circle-story strong { font-size:12px; }
  .composer { padding:11px; }
  .compose-trigger { font-size:14px; padding:10px; }
  .composer-bottom { flex-wrap:wrap; gap:10px; }
  .composer-bottom button,.composer-bottom .button { font-size:12px; }
  .composer-bottom .button { padding:7px 9px; }
  .post-body { padding:14px; }
  .post p { font-size:15px; }
  .post h3,.profile-social-layout .post h3 { font-size:21px; }
  .post-header { gap:8px; }
  .post-meta { font-size:12px; line-height:1.4; }
  .post-header .text-link { font-size:12px; }
  .post-actions { padding:5px; gap:2px; }
  .post-actions button { font-size:12px; gap:4px; }
  .post-actions svg { width:16px; height:16px; }
  .post-art,.profile-social-layout .post-art { min-height:170px; padding:20px; }
  .post-art .art-title { font-size:36px; }
  .tab { font-size:14px; }
  .feed-tabs { gap:20px; overflow-x:auto; }
  .tab { flex-shrink:0; }
  .directory-grid { grid-template-columns:1fr; }
  .filter-bar select { font-size:14px; }
  .category-chip { font-size:13px; }
  .count-label { font-size:12px; }
  .explore-heading h1 { font-size:30px; }
  .explore-heading p { font-size:15px; }
  .social-cover { height:100px; padding:18px; }
  .social-cover>span { font-size:12px; }
  .social-profile-text>p { font-size:15px; }
  .profile-actions .button { font-size:12px; padding:8px 10px; }
  .profile-facts { font-size:12px; gap:12px; }
  .community-page-label { font-size:14px; }
  .community-page-label span { font-size:12px; }
  .panel { padding:15px; }
  .panel p { font-size:14px; }
}

/* Account access lives beside the primary navigation. */
.sidebar nav { margin-left:auto; }
.account-control { position:relative; flex-shrink:0; }
.account-login { display:flex; align-items:center; font-size:14px; border-color:#d4e2ee; color:#28679f; }
.account-login svg { width:18px; height:18px; }
.account-toggle { width:38px; height:38px; display:grid; place-items:center; border:1px solid #d4e2ee; background:#e9f2fa; color:#28679f; border-radius:50%; }
.account-toggle.active { border-color:#478ac9; }
.account-options { position:absolute; right:0; top:calc(100% + 10px); background:white; border:1px solid #ddd; border-radius:8px; box-shadow:0 8px 25px #00000012; min-width:225px; padding:6px; z-index:30; }
.account-options a,.account-options button { display:flex; width:100%; align-items:center; gap:8px; padding:12px; text-align:left; font-size:14px; color:#222; border-radius:5px; }
.account-options a:hover,.account-options button:hover { background:#e9f2fa; }
.account-options svg { width:18px; height:18px; }
@media(max-width:760px) {
 .sidebar { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:12px; row-gap:7px; }
 .sidebar .wordmark { grid-column:1; grid-row:1; justify-self:start; }
 .sidebar .account-control { grid-column:2; grid-row:1; justify-self:end; }
 .sidebar nav { grid-column:1/-1; grid-row:2; width:100%; margin-left:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; height:36px; }
 .nav-link { justify-content:center; text-align:center; }
 .account-login { padding:8px 11px; font-size:13px; }
}