:root{
  --app-rose-100:#120c10;
  --app-rose-200:#181015;
  --app-rose-300:#26111b;
  --app-rose-deep:#37121e;
  --app-lav:#110c13;
  --app-lav-2:#1c1220;

  --app-card:#1c1117;
  --app-card-tint:#20121c;
  --app-card-2:#281c26;

  --app-accent:#f53178;
  --app-accent-hover:#ff2e6f;
  --pink-ink:#ff6e9e;
  --app-salmon:#fe4d5d;
  --app-salmon-2:#ff3a4d;
  --app-sun:#ff793a;
  --app-sun-2:#fe6a23;
  --app-heart:#fe3d4c;
  --app-peri:#999fe2;
  --app-cta-hover:linear-gradient(95deg,var(--app-sun),var(--app-salmon) 55%,var(--app-accent));

  --app-copy:#f3eef3;
  --app-copy-tint:#b4abb0;
  --app-subtle:#867b83;
  --app-edge:#3b2730;

  --app-invert:#fdfffe;
  --app-light:#fdfffe;
  --app-valid:#8fc4a8;
  --app-edge-tint:rgba(253,255,254,.04);
  --app-card-back:rgba(17,10,14,.84);
  --app-backdrop:rgba(0,0,2,.63);
  --app-bottom-back:#0d070a;
  --app-bottom:#cbbac4;
  --app-bottom-2:#f3eef3;
  --app-bottom-tint:#8a7c86;
  --app-bottom-ring:rgba(253,255,254,.06);

  --app-ro-sm:14px;
  --app-ro-md:20px;
  --app-ro-lg:28px;
  --app-ro-xl:36px;
  --app-ro-pill:999px;

  --app-shadow-sm:0 6px 16px -8px rgba(0,0,2,.55);
  --app-shadow-md:0 18px 38px -18px rgba(0,0,2,.61);
  --app-shadow-lg:0 30px 60px -24px rgba(0,0,2,.65);

  --app-font-display:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --app-type:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --app-maxw:1200px;
  --app-gap:24px;
  --app-vgap:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 700px at 85% -8%, var(--app-rose-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--app-lav) 0%, transparent 55%),
    linear-gradient(180deg, var(--app-rose-100) 0%, var(--app-card-tint) 40%, var(--app-rose-100) 100%);font-family:var(--app-type);-webkit-font-smoothing:antialiased;margin:0;
  background-attachment:fixed;
  color:var(--app-copy);line-height:1.6;
}
img{max-width:100%;display:block}
.barA{font-weight:600;transition:background .18s,color .18s;color:var(--app-copy);padding:9px 14px;font-size:.96rem;border-radius:var(--app-ro-pill)}
.barA:hover{background:var(--app-card-2);color:var(--app-accent-hover)}
.barGlint{cursor:pointer;transition:background .18s ease,color .18s ease;gap:7px;align-items:center;text-decoration:none;border:none;position:relative;background:none;color:var(--app-copy);border-radius:var(--app-ro-pill);font-weight:600;display:inline-flex;padding:9px 12px;font-size:.96rem}
.barGlint:hover{color:var(--app-accent-hover);background:var(--app-card-2)}
.barGlint svg{width:20px;height:20px;color:var(--app-accent)}
.barGlint:hover svg{color:var(--app-accent-hover)}
.barGlintText{white-space:nowrap}
.barGlint .dmPill{top:auto;right:auto;position:static}
.barGlintPhone{align-items:center;background:none;border:none;gap:9px;font-weight:600;text-align:left;cursor:pointer;padding:14px 2px;font-size:15px;text-decoration:none;border-bottom:1px solid var(--app-edge);width:100%;display:flex;color:var(--app-copy)}
.barGlintPhone:hover{color:var(--app-accent-hover)}
.barGlintPhone svg{height:18px;width:18px;color:var(--app-accent)}
.memberCard{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;border-radius:var(--app-ro-lg);cursor:pointer;overflow:hidden;background:var(--app-card);border:1px solid var(--app-edge-tint);position:relative}
.memberCard:hover{transform:translateY(-8px) scale(1.02);z-index:3;box-shadow:var(--app-shadow-lg)}
.memberFace{display:block;overflow:hidden;position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,var(--app-rose-200),var(--app-lav-2))}
.memberFace img{object-fit:cover;height:100%;display:block;transition:transform .5s ease,filter .3s ease;width:100%}
.memberCard:hover .memberFace img{filter:brightness(.7);transform:scale(1.1)}
.memberPill{box-shadow:0 2px 8px rgba(0,0,2,.16);border:1px solid #5d9bd7;top:10px;letter-spacing:.05em;font-weight:800;align-items:center;color:#ebf2ff;z-index:3;border-radius:var(--app-ro-pill);padding:5px 9px;font-size:.68rem;right:10px;position:absolute;display:inline-flex;gap:6px;background:linear-gradient(135deg,#112a48,#0b1c35)}
.memberPill .round{color:transparent;background:var(--app-valid);box-shadow:0 0 6px rgba(143,196,168,.71);border-radius:50%;font-size:0;width:8px;position:relative;height:8px}
.memberPill .round::after{background:var(--app-valid);animation:bobble 1.8s ease-out infinite;border-radius:50%;content:"";inset:0;position:absolute}
.memberBody{background:linear-gradient(to top,rgba(0,0,2,.93),rgba(0,0,2,.71) 55%,rgba(0,0,2,0));left:0;position:absolute;z-index:2;right:0;transition:opacity .3s ease;bottom:0;text-align:left;padding:20px 15px 15px}
.memberCard:hover .memberBody{opacity:0}
.memberSecond{border-radius:var(--app-ro-pill);gap:5px;margin-bottom:8px;background:rgba(25,45,45,.92);border:1px solid rgba(73,116,108,.92);padding:4px 9px;display:inline-flex;font-size:.68rem;font-weight:700;letter-spacing:.02em;box-shadow:0 2px 8px rgba(0,0,2,.16);color:#edfef8;align-items:center}
.memberSecond svg{height:14px;color:#a8e4cd;width:14px}
.memberTitle{line-height:1.2;font-family:var(--app-font-display);font-weight:800;color:#fdfffe;font-size:1.32rem}
.memberTitle span{font-weight:600;font-size:.86rem;color:rgba(253,255,254,.84)}
.memberLoc{gap:6px;margin-top:3px;display:flex;font-size:.82rem;color:rgba(253,255,254,.92);align-items:center}
.memberLoc .tack svg{color:#fdfffe;width:14px;height:14px}
.memberScreen{visibility:hidden;display:flex;padding:20px;transition:opacity .3s ease,visibility .3s ease;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,2,.1),rgba(0,0,2,.92));inset:0;opacity:0;position:absolute;align-items:flex-end;z-index:4}
.memberCard:hover .memberScreen{visibility:visible;opacity:1}
.memberBox{transition:transform .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;transform:translateY(20px);width:100%}
.memberCard:hover .memberBox{transform:translateY(0)}
.memberText{overflow:hidden;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,2,.79);-webkit-line-clamp:2;font-size:.85rem;-webkit-box-orient:vertical;color:#fdfffe;display:-webkit-box;margin:0 0 12px}
.memberDm{justify-content:center;height:50px;width:50px;color:var(--app-invert);align-items:center;background:linear-gradient(135deg,var(--app-accent),var(--app-salmon));box-shadow:0 4px 15px rgba(0,0,2,.29);display:inline-flex;border-radius:50%;transition:transform .3s ease,box-shadow .3s ease}
.memberDm svg{height:22px;width:22px}
.memberDm:hover{box-shadow:var(--app-shadow-md);transform:scale(1.1)}
.memberGlint{position:absolute;place-items:center;width:34px;z-index:6;transition:transform .2s ease,background .2s ease,color .2s ease;box-shadow:0 2px 8px rgba(0,0,2,.27);height:34px;border-radius:50%;color:#fdfffe;background:rgba(0,0,2,.43);top:10px;left:10px;display:grid;cursor:pointer;border:none}
.memberGlint svg{height:18px;width:18px}
.memberGlint:hover{background:rgba(0,0,2,.58);transform:scale(1.1)}
.memberGlint.ticked{color:var(--app-invert);background:var(--app-salmon)}
.memberGlint.ticked svg{fill:currentColor}
.breadcrumb a:hover{color:var(--app-accent-hover)}
.asidePhone{position:fixed;overflow-y:auto;padding:84px 22px 22px;height:100vh;transition:right .3s ease;max-width:320px;background:var(--app-card);top:0;height:100dvh;width:80%;z-index:1100;right:-100%;box-shadow:-6px 0 30px rgba(42,36,49,.22)}
.asidePhone.open{right:0}
.asidePhone nav{display:flex;flex-direction:column}
.asidePhone a:not(.ctl){font-weight:600;border-bottom:1px solid var(--app-edge);padding:14px 2px;font-size:15px;color:var(--app-copy)}
.asidePhone a:not(.ctl):hover{color:var(--app-accent-hover)}
.asidePhone a.ctl{margin-top:22px}



.membersLayout{grid-template-columns:repeat(4,1fr);display:grid;gap:5px}
:focus-visible{border-radius:6px;outline:3px solid var(--app-accent);outline-offset:2px}
.intro{margin-top:14px;color:var(--app-copy-tint);font-size:1.06rem}
.mainBar{display:flex;margin-left:auto;align-items:center;gap:8px}
.sign,.barA,.asidePhone a,.ctl,.breadcrumb a,.mainFootBar a,.regionMenu a,.memberDm{text-decoration:none}
ul{margin:0;list-style:none;padding:0}
.sign{display:flex;letter-spacing:-.02em;font-family:var(--app-font-display);align-items:center;gap:11px;color:var(--app-copy);font-weight:800;font-size:1.28rem}
.sign:hover{color:var(--app-copy)}
.signMark{width:42px;flex-shrink:0;align-items:center;height:42px;justify-content:center;background:linear-gradient(135deg,var(--app-accent),var(--app-salmon) 55%,var(--app-sun));display:inline-flex;color:var(--app-invert);box-shadow:0 8px 18px -8px rgba(235,79,151,.79);border-radius:14px}
.signMark svg{height:22px;width:22px}
p{margin:0}

.toggle{background:none;padding:6px;cursor:pointer;border:none;flex-direction:column;z-index:1105;display:none;gap:5px}
.toggle span{border-radius:2px;width:26px;background:var(--app-copy);height:3px;transition:transform .3s ease,opacity .3s ease;display:block}
.toggle.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.toggle.open span:nth-child(2){opacity:0}
.toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.icTicked svg{stroke:none;fill:currentColor}

.pillChip{box-shadow:var(--app-shadow-sm);background:var(--app-card);font-weight:700;font-size:.82rem;padding:8px 16px;border:1px solid var(--app-edge);letter-spacing:.06em;gap:8px;align-items:center;display:inline-flex;color:var(--app-accent);border-radius:var(--app-ro-pill)}
.pillChip svg{color:var(--app-salmon);height:16px;width:16px}
.section{padding-block:var(--app-vgap)}
.sectionInv{background:var(--app-card-2)}
.sectionHead{margin:0 auto 44px;max-width:640px;text-align:center}
.sectionHead .ctl{margin-top:24px}
.barScreen{visibility:hidden;transition:opacity .3s ease;inset:0;z-index:1090;background:var(--app-backdrop);opacity:0;position:fixed}
.barScreen.open{visibility:visible;opacity:1}
.ttl{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
button{font-family:inherit}
svg{display:block}
figure{margin:0}
.accent{background:linear-gradient(92deg,var(--app-accent),var(--app-salmon) 60%,var(--app-sun));-webkit-background-clip:text;color:transparent;background-clip:text}
.kicker{font-weight:800;font-size:.8rem;color:var(--app-accent);letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}

.ctl{
  font-weight:700;align-items:center;display:inline-flex;text-align:center;
  white-space:nowrap;cursor:pointer;padding:14px 26px;justify-content:center;
  border:1.5px solid transparent;gap:9px;font-size:1rem;border-radius:var(--app-ro-pill);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.ctl svg{width:18px;height:18px}
.ctlSm{font-size:.9rem;padding:10px 18px}
.ctlWide{width:100%}
.ctlPrimary{background:linear-gradient(95deg,var(--app-sun),var(--app-salmon) 55%,var(--app-accent));box-shadow:0 14px 26px -12px rgba(251,76,99,.75);color:var(--app-invert)}
.ctlPrimary:hover{color:var(--app-invert);box-shadow:0 20px 34px -12px rgba(251,76,99,.86);transform:translateY(-2px);background:var(--app-cta-hover)}
.ctlSoft{border-color:var(--app-edge);color:var(--app-accent);background:var(--app-card)}
.ctlSoft:hover{background:var(--app-card-2);transform:translateY(-2px);color:var(--app-accent-hover)}
.ctlWhite{color:var(--app-accent-hover);background:var(--app-light)}
.ctlWhite:hover{color:var(--app-accent-hover);transform:translateY(-2px);box-shadow:var(--app-shadow-md)}
h1,h2,h3,h4{margin:0;color:var(--app-copy);letter-spacing:-.01em;font-family:var(--app-font-display);line-height:1.12}

.mainNavbar{z-index:60;position:sticky;top:0;background:var(--app-card);border-bottom:1px solid var(--app-edge)}
.mainNavbarBody{gap:20px;justify-content:space-between;padding-block:12px;align-items:center;min-height:74px;display:flex}

.wrapper{margin-inline:auto;padding-inline:var(--app-gap);max-width:var(--app-maxw)}
::selection{background:rgba(235,79,151,.21)}
@media(max-width:768px){.memberScreen{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.memberBox{width:auto;transform:none}.memberText{display:none}.memberDm{width:34px;height:34px}.memberDm svg{width:16px;height:16px}.memberGlint{top:8px;left:8px;width:30px;height:30px}.memberGlint svg{width:16px;height:16px}.memberPill{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.memberPill .round{width:6px;height:6px}.memberCard .memberBody{padding:10px 9px 9px}.memberSecond{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.memberSecond svg{width:12px;height:12px}.memberTitle{font-size:.92rem;line-height:1.2;padding-right:40px}.memberTitle span{font-size:.72rem;white-space:nowrap}.memberLoc{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.memberLoc .tack svg{width:12px;height:12px}}
@keyframes bobble{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}

.skeleton{text-align:center;padding-block:clamp(60px,10vw,140px)}
.skeletonRank{line-height:.9;font-family:var(--app-font-display);font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.skeletonGroup{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px}

.round{color:var(--app-valid);line-height:1;font-size:.6rem}

.region{gap:32px;flex-direction:column;display:flex}
.regionGroup h2{font-size:1.15rem;color:var(--app-copy);margin-bottom:16px;font-weight:800}
.regionMenu{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid;gap:12px}
.regionMenu a{border:1px solid var(--app-edge);align-items:center;box-shadow:var(--app-shadow-sm);background:var(--app-card);font-size:.92rem;justify-content:space-between;transition:transform .14s,box-shadow .14s,color .14s;border-radius:var(--app-ro-md);color:var(--app-copy);gap:10px;padding:13px 16px;font-weight:600;display:flex}
.regionMenu a:hover{box-shadow:var(--app-shadow-md);transform:translateY(-3px);color:var(--app-accent-hover)}
.regionMenu a .tack{place-items:center;display:grid;color:var(--app-accent);flex:none}
.regionMenu a .tack svg{height:16px;width:16px}
.councilTitle{font-family:var(--app-font-display);margin-bottom:14px;font-weight:800}
.councilLine{color:var(--app-copy-tint);display:flex;margin-top:10px;gap:10px;font-size:.94rem;align-items:flex-start}
.councilLine .tack{color:var(--app-accent);flex:none}
.councilLine .tack svg{width:16px;height:16px}

.quickOpener{justify-content:center;cursor:pointer;box-shadow:var(--app-shadow-lg);text-decoration:none;border-radius:50%;color:var(--app-invert);border:none;display:flex;right:22px;width:60px;bottom:22px;position:fixed;height:60px;align-items:center;z-index:80;background:linear-gradient(135deg,var(--app-accent),var(--app-salmon))}
.quickOpener svg{fill:currentColor;height:26px;width:26px;stroke:none}
.quickOpenerText{font-family:var(--app-font-display);font-weight:800;padding:13px 20px;width:auto;gap:9px;height:auto;border-radius:var(--app-ro-pill);max-width:calc(100vw - 44px);font-size:.95rem}
.quickOpenerText svg{height:20px;width:20px}
.quickText{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.detailsCouncil{border-radius:var(--app-ro-lg);border:1px solid var(--app-edge-tint);box-shadow:var(--app-shadow-md);padding:24px;background:var(--app-card)}

.viewHero{padding-block:clamp(40px,6vw,80px) 20px}
.viewHero h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.viewHero p{margin:16px auto 0;font-size:1.08rem;color:var(--app-copy-tint)}
.perksSet{margin-top:14px;display:grid;gap:10px}
.perksSet li{color:var(--app-copy);position:relative;padding-left:24px}
.perksSet li::before{height:10px;background:var(--app-salmon);border-radius:50%;position:absolute;content:"";width:10px;left:0;top:.5em}
.readSection .breadcrumb{display:flex}.readSection .breadcrumb li{padding-left:0}.readSection .breadcrumb li::before{display:none}
.vidFrame{display:block;object-fit:cover;background:#000002;pointer-events:none;width:100%;height:100%}
.vidRound{display:grid;font-size:.64rem;line-height:1;background:rgba(0,0,2,.55);width:28px;position:absolute;padding-left:2px;transform:translate(-50%,-50%);border-radius:50%;top:50%;pointer-events:none;left:50%;place-items:center;color:#fdfffe;box-shadow:var(--app-shadow-sm);height:28px}
.vidPill{display:inline-flex;font-weight:700;padding:5px 9px;bottom:12px;z-index:2;background:rgba(0,0,2,.63);position:absolute;border-radius:var(--app-ro-pill);letter-spacing:.02em;align-items:center;font-size:.7rem;color:#fdfffe;left:12px;box-shadow:var(--app-shadow-sm);gap:4px}

.ask{background:var(--app-card);box-shadow:var(--app-shadow-md);border-radius:var(--app-ro-lg);border:1px solid var(--app-edge-tint);padding:clamp(24px,3vw,40px)}
.askEntry{gap:7px;margin-bottom:18px;display:grid}
.askEntry label{font-weight:700;font-size:.92rem}

.details{grid-template-columns:1.2fr 1fr;gap:clamp(28px,4vw,48px);align-items:start;display:grid}
.detailsFacts{grid-template-columns:1fr 1fr;display:grid;gap:16px}

.read{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,56px)}
.readText>p:not(.kicker){margin-top:16px;color:var(--app-copy-tint);font-size:1.04rem}
.readSecond{font-family:var(--app-font-display);color:var(--app-accent-hover);margin-top:22px;font-size:1.1rem;font-weight:800}

.filterAsk{background:var(--app-card);margin:0 auto;border-radius:var(--app-ro-pill);padding:12px;box-shadow:var(--app-shadow-md);border:1px solid var(--app-edge-tint);gap:12px;display:flex}
.filterAsk .field{box-shadow:none;font-size:1.06rem;border:none;background:transparent}
.filterAsk .field:focus{box-shadow:none}
.filterAsk+.region{margin-top:40px}
.readText .ctl{margin-top:26px}

.dmPill{padding:0 6px;place-items:center;display:grid;top:-3px;line-height:1;box-shadow:var(--app-shadow-sm);color:var(--app-invert);font-size:.72rem;border-radius:var(--app-ro-pill);min-width:22px;right:-3px;height:22px;position:absolute;border:2px solid var(--app-card);background:var(--app-heart);font-weight:800}
.dmPill[hidden]{display:none}
.readSection .breadcrumb,.breadcrumb:has(+ .sectionHead){justify-content:center}
.breadcrumb{display:flex;flex-wrap:wrap;margin-bottom:14px;gap:6px;color:var(--app-subtle);font-size:.86rem;justify-content:flex-start}


.promptBox{display:flex;gap:30px;box-shadow:var(--app-shadow-lg);justify-content:space-between;background:linear-gradient(100deg,var(--app-accent-hover),var(--app-salmon) 60%,var(--app-sun));border-radius:var(--app-ro-xl);align-items:center;position:relative;flex-wrap:wrap;color:var(--app-invert);overflow:hidden;padding:clamp(38px,5vw,64px)}
.promptDeco{height:320px;right:-90px;width:320px;border-radius:50%;background:rgba(253,255,254,.13);position:absolute;top:-120px}
.promptText{position:relative;z-index:2}
.promptText h2{max-width:16ch;color:var(--app-invert)}
.promptText p{max-width:46ch;margin-top:10px;color:rgba(253,255,254,.92)}
.promptBox .ctl{z-index:2;position:relative}
.memberVidStart{box-shadow:var(--app-shadow-md);cursor:pointer;transition:transform .15s ease,background .15s ease;place-items:center;position:absolute;height:78px;display:grid;top:50%;width:78px;border-radius:50%;font-size:1.9rem;transform:translate(-50%,-50%);left:50%;background:rgba(0,0,2,.52);color:#fdfffe;z-index:3;line-height:1;padding-left:6px;border:none}
.memberVidStart:hover{background:rgba(0,0,2,.71);transform:translate(-50%,-50%) scale(1.07)}
.memberAside{position:sticky;top:96px}
.memberHead{gap:12px;flex-wrap:wrap;margin-top:14px;align-items:center;display:flex}
.memberHead .pillChip{flex:none}
.memberIntro{font-family:var(--app-font-display);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.1}
.memberIntro span{font-weight:600;color:var(--app-subtle);font-size:.62em}
.memberSmall{align-items:center;display:flex;color:var(--app-copy-tint);gap:7px;margin-top:10px;font-size:1.02rem}
.memberSmall .tack svg{width:18px;height:18px;color:var(--app-accent)}
.memberSmall a{text-decoration:none;font-weight:600;transition:border-color .15s ease;border-bottom:1px solid transparent;color:var(--app-accent-hover)}
.memberSmall a:hover{border-bottom-color:currentColor}
.memberFacts{gap:8px;flex-wrap:wrap;display:flex;margin-top:16px}
.memberAside .intro{margin-top:18px}
.memberSet{margin-top:24px;flex-wrap:wrap;display:flex;gap:12px}
.hours{display:grid;margin-top:10px;gap:4px}
.time{display:flex;font-size:.9rem;justify-content:space-between;gap:12px;color:var(--app-copy-tint)}

.readSection h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.readSection h2{color:var(--app-accent-hover);font-size:1.35rem;margin-top:34px;font-weight:800}
.readSection p{font-size:1.04rem;margin-top:14px;color:var(--app-copy-tint)}
.readSection p a{font-weight:600}
.readSection ul{margin-top:14px;display:grid;gap:10px}
.readSection li{padding-left:24px;color:var(--app-copy-tint);position:relative}
.readSection li::before{border-radius:50%;content:"";left:0;background:var(--app-salmon);height:10px;top:.5em;position:absolute;width:10px}

.mainFootBar{color:var(--app-bottom);background:var(--app-bottom-back)}
.mainFootBar .wrapper{padding-block:56px 22px}
.mainFootBar a{color:var(--app-bottom)}
.mainFootBar a:hover{color:var(--app-bottom-2)}

.askBox{max-width:640px}
.askSkeleton{position:absolute;width:1px;left:-9999px;overflow:hidden;height:1px}
.fieldLine{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{font-family:inherit;color:var(--app-copy);width:100%;transition:border-color .16s,box-shadow .16s;border-radius:var(--app-ro-sm);font-size:1rem;padding:13px 16px;background:var(--app-card-tint);border:1.5px solid var(--app-edge)}
.field:focus{box-shadow:0 0 0 3px rgba(235,79,151,.16);border-color:var(--app-accent);outline:none}
textarea.field{min-height:140px;resize:vertical}
.memberFrameGlint{width:46px;height:46px;top:14px;right:14px}
.memberFrameGlint svg{height:21px;width:21px}
.memberLayout{gap:clamp(24px,4vw,52px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:22px;display:grid;align-items:start}
.memberCol{min-width:0}
.memberFrame{overflow:hidden;background:linear-gradient(160deg,var(--app-rose-200),var(--app-lav-2));position:relative;margin:0;box-shadow:var(--app-shadow-md);border-radius:var(--app-ro-lg)}
.memberFrame img{height:auto;width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.memberNav{position:absolute;border-radius:50%;transform:translateY(-50%);transition:transform .15s ease,background .15s ease;background:var(--app-card-back);box-shadow:var(--app-shadow-md);place-items:center;cursor:pointer;top:50%;color:var(--app-accent-hover);border:none;z-index:2;width:44px;display:grid;height:44px}
.memberNav:hover{transform:translateY(-50%) scale(1.07);background:var(--app-card-back)}
.memberNav svg{height:22px;width:22px}
.memberLeft{left:12px}
.memberRight{right:12px}
.memberBand{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.memberEntry{flex:0 0 auto;border:2px solid transparent;border-radius:var(--app-ro-sm);aspect-ratio:3/4;box-shadow:var(--app-shadow-sm);overflow:hidden;transition:transform .15s ease,border-color .15s ease;cursor:pointer;background:var(--app-card-2);width:72px;padding:0}
.memberEntry img{display:block;width:100%;height:100%;object-fit:cover}
.memberEntry:hover{transform:translateY(-2px)}
.memberEntry.ticked{border-color:var(--app-accent)}
.memberCol [hidden]{display:none!important}
.memberVid{max-height:70vh;background:#000002;object-fit:contain;height:auto;width:100%;display:block}
.memberEntryVid{position:relative}
.legal{border-top:1px solid var(--app-bottom-ring);color:var(--app-bottom-tint);padding-top:22px;margin-top:34px;font-size:.86rem}
.footBarLayout{grid-template-columns:1.6fr 1fr 1fr;gap:40px;display:grid}
.footBarSign{gap:10px;font-family:var(--app-font-display);font-weight:800;align-items:center;font-size:1.2rem;margin-bottom:12px;color:var(--app-bottom-2);display:flex}
.footBarCol>p:not(.footBarTitle){color:var(--app-bottom-tint);max-width:34ch;font-size:.94rem}
.footBarTitle{font-size:1rem;color:var(--app-bottom-2);font-weight:800;margin-bottom:14px}
.footBarMenu{font-size:.94rem;display:grid;gap:10px}
.geoCard{border-radius:var(--app-ro-lg);background:var(--app-lav);aspect-ratio:4/3;overflow:hidden;position:relative;box-shadow:var(--app-shadow-md);border:1px solid var(--app-edge-tint)}
.geoCard.geoDefer{cursor:pointer}
.geoSkeleton{text-align:center;background:linear-gradient(160deg,var(--app-lav-2),var(--app-card-2));padding:20px;position:absolute;display:grid;place-items:center;gap:10px;inset:0}
.geoSkeleton p{font-weight:700;color:var(--app-copy)}
.geoTack{color:var(--app-salmon);filter:drop-shadow(0 10px 12px rgba(251,76,99,.52))}
.geoTack svg{height:40px;fill:currentColor;width:40px;stroke:none}
.geoCard iframe{position:absolute;height:100%;width:100%;inset:0;border:0}
.geoCard.ready .geoSkeleton{display:none}
.fact{background:var(--app-card);align-items:center;border-radius:var(--app-ro-md);border:1px solid var(--app-edge-tint);box-shadow:var(--app-shadow-sm);gap:12px;display:flex;padding:14px 16px}
.factIc{height:40px;display:grid;background:var(--app-card-2);flex:none;border-radius:12px;place-items:center;width:40px;color:var(--app-accent)}
.factIc svg{height:18px;width:18px}
.factText dt{font-size:.78rem;text-transform:uppercase;color:var(--app-subtle);letter-spacing:.05em}
.factText dd{margin:2px 0 0;font-family:var(--app-font-display);font-weight:800;font-size:.98rem}
.askSmall{font-weight:700}
.askSmallTicked{color:var(--app-valid)}
.askSmallOff{color:var(--app-accent-hover)}
.breadcrumb li:not(:last-child)::after{margin-left:6px;color:var(--app-subtle);content:"\00203a"}
.breadcrumb a{color:var(--app-copy-tint)}

@media (max-width:980px){
  .membersLayout{grid-template-columns:repeat(3,1fr)}
  .memberLayout{grid-template-columns:1fr}
  .memberFrame{width:100%;max-width:380px;justify-self:start}
  .memberAside{position:static}
  .read,.details{grid-template-columns:1fr}
  .footBarLayout{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .mainBar{display:none}
  .toggle{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .asidePhone,.barScreen{display:none}
}
@media (max-width:600px){
  :root{--app-vgap:clamp(30px,7vw,48px);--app-gap:8px}
  .footBarLayout,.fieldLine{grid-template-columns:1fr}
  .membersLayout{grid-template-columns:repeat(2,1fr);gap:5px}
  .memberCard{border-radius:var(--app-ro-sm)}
  .memberBody{padding:16px 10px}
  .promptBox{flex-direction:column;align-items:stretch;padding:32px 24px}
  .promptBox .ctl{width:100%;white-space:normal}
  .filterAsk{flex-direction:column;border-radius:var(--app-ro-lg)}
  .filterAsk .ctl{width:100%}
  .sectionMember{padding-top:0}
  .memberFrame img{aspect-ratio:1/1;max-height:46vh}
  .memberLayout{margin-top:0}
  .memberAside{display:flex;flex-direction:column;margin-top:14px}
  .memberHead{order:1;margin-top:0}
  .memberSmall{order:2}
  .memberSet{order:3;margin-top:16px;gap:10px}
  .memberSet .ctl{flex:1 1 auto}
  .memberBand{display:none}
  .memberFacts{order:4}
  .memberAside .intro{order:5}
  .detailsFacts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .fact{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .factIc{width:34px;height:34px}
  .factText{min-width:0}
  .factText dd{font-size:.92rem;overflow-wrap:anywhere}
}
