/* ======================= WARM LAYER =======================
   Same brand colours, softer use: warm paper and cream surfaces instead of cool greys, borderless cards on warm shadows,
   rounder shapes, pill buttons, lighter headings and more air. Applies to client-facing views (.warm); public pages get the full set (.pub). Admin keeps its dense working style. */
.site.warm{--paper:#FFFAF1; --shell:#FFF4DF; --sand:#F8EEDC; --line:#EFE4D1; --mist:#F6EEE0; --r:24px; --r-sm:14px;
  --shadow:0 1px 2px rgba(120,84,30,.06), 0 16px 36px -24px rgba(120,84,30,.30); --shadow-h:0 2px 4px rgba(120,84,30,.06), 0 24px 44px -24px rgba(120,84,30,.38);
  line-height:1.9}
.site.warm h1, .site.warm h2{font-weight:600; letter-spacing:0}
.site.warm h3{font-weight:600}
.site.warm .btn{border-radius:999px; transition:background .2s, transform .2s, box-shadow .2s}
.site.warm .btn:not(.sec2):not(.ghost):not(.white):not(.sun){box-shadow:0 10px 22px -14px rgba(58,91,160,.75)}
.site.warm .btn:hover{transform:translateY(-1px)}
.site.warm .btn.sec2:hover{background:#FFF4DF}
.site.warm .btn.sm{border-radius:999px}
.site.warm .chip{background:var(--sand)}
.site.warm .chip.cream{background:var(--cream)}
.site.warm button.chip[aria-pressed="true"]{background:var(--cobalt); color:#fff}
.site.warm .sel, .site.warm .langbtn{border-radius:999px; border-color:var(--line)}
.site.warm .menubtn{border-radius:50%; background:var(--sand)}

/* header: warm paper, no hard rule */
.site.pub .hdr{background:rgba(255,250,241,.92); border-bottom-color:transparent; box-shadow:0 1px 0 rgba(120,84,30,.07)}
.site.pub .nav button{border-radius:999px}
.site.pub .nav button:hover{background:var(--shell)}
.site.pub .drawer nav button{border-bottom-color:var(--line)}

/* sections */
.site.pub .sec{padding-block:88px}
@container site (max-width: 700px){ .site.pub .sec{padding-block:52px} }
.site.pub .sec-head{gap:10px; margin-bottom:36px}
.site.pub .sec-head .eb{display:inline-flex; align-items:center; gap:8px; font-weight:600; color:var(--navy)}
.site.pub .sec-head .eb::before{content:""; width:10px; height:10px; border-radius:50%; background:var(--sun); flex:none}
.site.pub .sec-head h2{font-size:40px; line-height:1.35}
@container site (max-width: 700px){ .site.pub .sec-head h2{font-size:28px} }
.site.pub .sec.shell{background:var(--shell)}
.site.pub .sec.soft{background:linear-gradient(180deg, var(--paper), var(--shell))}
.site.pub .curve-top{position:relative}
.site.pub .curve-top > .wave.top{position:absolute; inset-inline:0; top:-1px; height:40px; transform:scaleY(-1)}

/* hero: sunlit cream, arched window */
.site.pub .hero{background:radial-gradient(60% 80% at var(--sunx,22%) 18%, #FFE9AE 0%, rgba(255,233,174,0) 60%), linear-gradient(180deg, #FFF0CC 0%, #FFF5DE 100%)}
.site.pub[dir="ltr"] .hero{--sunx:78%}
.site.pub .hero-in{padding-block:72px 100px; gap:56px}
.site.pub .hero h1{font-size:52px; line-height:1.35; color:var(--navy)}
.site.pub .hero p.lead{line-height:1.9}
.site.pub .hero .chip{background:rgba(255,255,255,.7)}
.site.pub .hero-art{max-width:470px; filter:drop-shadow(0 30px 40px rgba(120,84,30,.18))}
@container site (max-width: 860px){ .site.pub .hero-in{padding-block:28px 72px; gap:18px} .site.pub .hero h1{font-size:34px} .site.pub .hero-art{max-width:250px} }

/* department cards: no stripe, soft tint on hover */
.site.pub .dcard{border:0; border-top:0; border-radius:var(--r); box-shadow:var(--shadow); padding:24px; gap:14px; transition:transform .25s, box-shadow .25s, background .25s}
.site.pub .dcard:hover{transform:translateY(-3px); box-shadow:var(--shadow-h); background:linear-gradient(180deg, #fff 40%, var(--dt))}
.site.pub .dcard .di{width:54px; height:54px; border-radius:50%}
.site.pub .grid{gap:20px}
@container site (max-width: 700px){ .site.pub .dcard{padding:16px; gap:10px} .site.pub .dcard .di{width:44px; height:44px} .site.pub .grid.g4{gap:12px} }

/* generic cards on public pages */
.site.pub .card, .site.pub .pr, .site.pub .svc, .site.pub .fitc, .site.pub .step, .site.pub .acard{border-color:transparent; box-shadow:var(--shadow); border-radius:var(--r)}
.site.pub .fitc.on{box-shadow:inset 0 0 0 2px var(--dc), var(--shadow)}
.site.pub .acard:hover{box-shadow:var(--shadow-h)}
.site.pub .pr .pi{border-radius:50%}

/* therapist cards: photo inset with rounded corners */
.site.pub .tcard{border:0; border-radius:28px; box-shadow:var(--shadow); padding:10px 10px 0}
.site.pub .tphoto{border-radius:20px}
.site.pub .tbody{padding:16px 10px 14px}
.site.pub .tfoot{padding:0 10px 16px}

/* steps: sun numbers joined by a soft path */
.site.pub .steps{gap:22px}
.site.pub .step{padding:28px}
.site.pub .step .n{background:var(--sun); color:var(--navy); width:46px; height:46px; font-size:21px; box-shadow:0 0 0 8px rgba(244,197,66,.18)}
@container site (max-width: 860px){ .site.pub .step{padding:18px} .site.pub .step .n{width:40px; height:40px; box-shadow:0 0 0 6px rgba(244,197,66,.18)} }

/* testimonials: cream notes with a big soft quote mark */
.site.pub .quote{border:0; background:#fff; box-shadow:var(--shadow); border-radius:28px; padding:30px 26px 24px; position:relative; overflow:hidden}
.site.pub .quote::before{content:"”"; position:absolute; inset-inline-end:22px; top:6px; font-family:Georgia, serif; font-size:84px; line-height:1; color:var(--sun); opacity:.5}
.site.pub[dir="ltr"] .quote::before{content:"“"}
.site.pub .quote q{position:relative; font-weight:500; color:var(--navy)}
.site.pub .quote .who .av{background:var(--cream); color:var(--navy)}

/* founder note */
.note-grid{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px; align-items:center}
.arch{aspect-ratio:4/5; border-radius:999px 999px 28px 28px; overflow:hidden; background:linear-gradient(180deg,#FFE3A0 0%,#FFF6E2 75%); border:8px solid rgba(255,255,255,.8); display:grid; place-items:end center; position:relative; max-width:340px; width:100%; justify-self:center; box-shadow:var(--shadow)}
.arch svg.p{width:112%; height:auto; margin-bottom:-4px}
.arch .ph-note{position:absolute; top:18%; inset-inline-start:50%; transform:translateX(-50%); font-size:11.5px; background:rgba(255,255,255,.88); border-radius:999px; padding:2px 10px; color:var(--slate); white-space:nowrap}
.site[dir="rtl"] .arch .ph-note{transform:translateX(50%)}
.note{display:grid; gap:18px}
.note blockquote{margin:0; font-family:var(--display); font-weight:500; font-size:26px; line-height:1.7; color:var(--navy)}
.note .sig{display:flex; align-items:center; gap:12px}
.note .sig b{font-family:var(--display); font-weight:600; font-size:20px; display:block; line-height:1.3}
.note .sig small{color:var(--slate); font-size:14px}
.note .sig .line{width:36px; height:3px; border-radius:3px; background:var(--sun); flex:none}
.note .draft{font-size:12.5px; color:var(--warn); background:var(--warn-bg); border-radius:999px; padding:2px 12px; justify-self:start}
@container site (max-width: 860px){ .note-grid{grid-template-columns:1fr; gap:24px} .arch{max-width:220px} .note blockquote{font-size:20px} }

/* final call: warm cream panel instead of a heavy blue block */
.site.pub .final{background:radial-gradient(70% 120% at var(--fx,12%) 0%, #FFE6A3 0%, rgba(255,230,163,0) 60%), var(--cream); color:var(--ink); border-radius:36px; padding:56px; box-shadow:var(--shadow)}
.site.pub[dir="ltr"] .final{--fx:88%}
.site.pub .final h2{color:var(--navy)}
.site.pub .final p{opacity:1; color:var(--slate)}
.site.pub .final .bgm{display:none}
.site.pub .final .btn.white{background:var(--cobalt); color:#fff; box-shadow:0 10px 22px -14px rgba(58,91,160,.75)}
.site.pub .final .btn.sec2{color:var(--cobalt)!important; box-shadow:inset 0 0 0 1.5px var(--cobalt)!important; background:rgba(255,255,255,.6)}
@container site (max-width: 860px){ .site.pub .final{padding:30px 22px; border-radius:28px} }

/* footer: warm sand, not night navy */
.site.pub .ftr{background:var(--sand); color:var(--slate); margin-top:40px; position:relative}
.site.pub .ftr > .wave.top{position:absolute; inset-inline:0; top:-39px; height:40px; color:var(--sand); width:100%}
.site.pub .ftr .fh{color:var(--navy)}
.site.pub .ftr .brand b{color:var(--ink)} .site.pub .ftr .brand small{color:var(--slate)}
.site.pub .ftr button:hover{color:var(--cobalt)}
.site.pub .ftr .bottom{border-top-color:rgba(120,84,30,.14)}

/* inner page heroes */
.site.pub .phero{padding-block:56px 68px}
.site.pub .phero h1{font-weight:600; line-height:1.35}
.site.pub .dsel button{border-color:transparent; box-shadow:0 1px 3px rgba(120,84,30,.12)}
.site.pub .portrait{border-radius:999px 999px 28px 28px; background:var(--cream)}
.site.pub[dir="ltr"] .portrait{border-radius:999px 999px 28px 28px}
.site.pub .timeline{border-inline-start-color:var(--line)}
.site.pub .tl::before{background:var(--sun); box-shadow:0 0 0 4px var(--paper)}
.site.pub .tldr{border-radius:24px}
.site.pub .help-box{background:var(--shell); border-radius:20px}
.site.pub .soft-cta{border-color:transparent; box-shadow:var(--shadow); border-radius:24px}
.site.pub .who, .site.pub .toc{border-radius:24px}
.site.pub .conf{background:radial-gradient(60% 120% at var(--fx,90%) 0%, #FFE6A3 0%, rgba(255,230,163,0) 60%), var(--cream); color:var(--ink); border-radius:36px; box-shadow:var(--shadow)}
.site.pub[dir="ltr"] .conf{--fx:10%}
.site.pub .conf h2{color:var(--navy)}
.site.pub .conf > svg{color:var(--cobalt)!important}

/* ---------- contact actions: WhatsApp, social, mobile action bar ---------- */
.wafab{position:fixed; bottom:18px; inset-inline-end:18px; z-index:40; display:inline-flex; align-items:center; gap:8px; background:#1E7B45; color:#fff; border-radius:999px; padding:10px 18px 10px 12px; font-size:15px; font-weight:600; text-decoration:none; box-shadow:0 14px 28px -14px rgba(20,90,50,.8)}
.site[dir="rtl"] .wafab{padding:10px 12px 10px 18px}
.wafab .wi{width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.18); display:grid; place-items:center}
.wafab .wi .ic{width:20px; height:20px}
.wafab:hover{background:#196A3B}
.site a.wafab, .site .actbar a.wa, .site .soc a.wa{color:#fff}
.site a.btn:not(.sec2):not(.white):not(.ghost){color:#fff; text-decoration:none}
.site a.btn{text-decoration:none}
.actbar{display:none}
@container site (max-width: 700px){
  .wafab{display:none}
  .actbar{display:flex; position:fixed; inset-inline:0; bottom:0; z-index:39; gap:8px; padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px)); background:rgba(255,250,241,.96); backdrop-filter:blur(8px); box-shadow:0 -1px 0 rgba(120,84,30,.08), 0 -10px 24px -18px rgba(120,84,30,.4)}
  .actbar .btn{flex:1; padding-block:13px}
  .actbar .wa{flex:0 0 auto; background:#1E7B45!important; box-shadow:none!important}
  .site.pub .qexit{bottom:80px}
  .site.pub .ftr .bottom{padding-bottom:150px}
}
.soc{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.soc a{width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:#fff; color:var(--navy); box-shadow:0 1px 3px rgba(120,84,30,.14); transition:transform .2s, color .2s}
.soc a:hover{transform:translateY(-2px); color:var(--cobalt)}
.soc a .ic{width:20px; height:20px}
.soc a.wa{background:#1E7B45; color:#fff}
.soc .handle{font-size:13.5px; color:var(--slate); direction:ltr; margin-inline-start:4px}
.ftr .soc{margin-top:16px}
.ftr a.tel{color:inherit; text-decoration:none; direction:ltr; display:inline-flex; align-items:center; gap:6px}
.ftr a.tel .ic{width:17px; height:17px; color:#1E7B45}
.ftr a.tel:hover{color:var(--cobalt)}
.follow{display:grid; gap:12px}
.follow .rows{display:grid; gap:8px}
.follow .rows a{display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:16px; background:var(--paper); color:var(--ink); text-decoration:none}
.follow .rows a:hover{background:var(--shell, #FFF4DF)}
.follow .rows .si{width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:#fff; color:var(--navy); box-shadow:0 1px 3px rgba(120,84,30,.14); flex:none}
.follow .rows small{display:block; color:var(--slate); font-size:12.5px; direction:ltr; text-align:start}
.site[dir="rtl"] .follow .rows small{text-align:right}
.final .ease{display:flex; align-items:center; gap:6px; font-size:13.5px; color:var(--slate); margin-top:12px}
.final .ease .ic{width:16px; height:16px; color:#1E7B45}
.site.pub .final a.btn.sec2, .site .final a.btn.sec2{color:#1E7B45!important; box-shadow:inset 0 0 0 1.5px #1E7B45!important; background:rgba(255,255,255,.7)}
.site.pub .final a.btn.sec2:hover{background:#fff}

/* ---------- news & announcements ---------- */
/* In the viewer the frame scrolls, so its fixed layers ride along by the scroll offset; on the live site --st stays 0. */
.site .qexit:not(.inline), .site .wafab, .site .actbar, .site .vmodal{transform:translateY(var(--st,0px))}
.annbar{background:var(--navy); color:#fff; font-size:14px}
.site.pub .annbar{background:#FFE6A3; color:var(--navy)}
.annin{display:flex; align-items:center; gap:10px; min-height:42px; padding-block:6px}
.annbar .dotsun{width:9px; height:9px; border-radius:50%; background:var(--cobalt); flex:none}
.annbar .atxt{flex:1; min-width:0}
.annbar .atxt b{font-weight:600}
.annbar .alink{border:0; background:transparent; color:var(--cobalt); font-weight:600; font-size:14px; display:inline-flex; align-items:center; gap:4px; padding:4px 6px; white-space:nowrap}
.annbar .alink .ic{width:15px; height:15px}
.annbar .aclose{border:0; background:transparent; color:inherit; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; flex:none}
.annbar .aclose:hover{background:rgba(255,255,255,.5)}
.annbar .aclose .ic{width:16px; height:16px}
@container site (max-width: 700px){ .annbar{font-size:13px} .annbar .ad2{display:none} .annbar .atxt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap} }

.ncard{background:#fff; border-radius:var(--r); box-shadow:var(--shadow, 0 1px 3px rgba(0,0,0,.08)); overflow:hidden; display:flex; flex-direction:column}
.ncard .nbody{padding:18px 20px 20px; display:grid; gap:10px; align-content:start; flex:1}
.ncard .ntop{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; font-size:12.5px}
.ncard .ntop .chip{font-size:12px; padding:2px 10px; font-weight:600}
.ncard .ntop .chip .ic{width:14px; height:14px}
.ncard h3{font-size:19px; line-height:1.5}
.ncard p{font-size:14.5px; color:var(--slate); line-height:1.75}
.ncard .btn{justify-self:start; margin-top:4px}
.ncard.big{display:grid; grid-template-rows:auto 1fr}
.ncard.big .nbody{padding:24px 28px 28px; gap:12px}
.ncard.big h3{font-size:28px; line-height:1.4}
.ncard.big p{font-size:16px}
.nmedia{position:relative; overflow:hidden}
.nmedia.art svg{display:block; width:100%; height:auto; aspect-ratio:400/220}
.nmedia.ph{background:var(--tbg); display:grid; place-items:end center; aspect-ratio:16/9}
.nmedia.ph svg.p{width:46%; height:auto}
.nmedia .ph-note{position:absolute; top:10px; inset-inline-start:10px; font-size:11px; background:rgba(255,255,255,.85); border-radius:999px; padding:1px 9px; color:var(--slate)}
.ngrid{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:20px; align-items:stretch}
.nside{display:grid; gap:14px; align-content:start}
.nside .ncard{flex-direction:row}
.nside .ncard .nmedia.ph{aspect-ratio:auto; width:120px; flex:none}
.nside .ncard .nmedia.ph svg.p{width:90%}
.nside .ncard .nmedia .ph-note{display:none}
.nside .ncard .nbody{padding:16px 18px; gap:6px}
.nside .ncard h3{font-size:17px}
.nside .ncard p{font-size:13.5px}
.vhead{margin:40px 0 16px}
.vhead h3{font-size:22px; display:flex; align-items:center; gap:10px}
.vhead h3 .ic{color:var(--fam-c, #AC3950)}
.vgrid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
.vthumb{all:unset; box-sizing:border-box; cursor:pointer; position:relative; display:grid; place-items:end center; aspect-ratio:16/9; background:linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(30,47,87,.18)), var(--tbg); overflow:hidden; width:100%}
.vthumb svg.p{width:52%; height:auto}
.vthumb .play{position:absolute; inset:0; margin:auto; width:58px; height:58px; border-radius:50%; background:rgba(255,255,255,.92); color:var(--navy); display:grid; place-items:center; box-shadow:0 10px 24px -10px rgba(30,47,87,.5); transition:transform .2s}
.vthumb .play .ic{width:24px; height:24px; margin-inline-start:3px}
.site[dir="rtl"] .vthumb .play .ic{margin-inline-start:0; margin-inline-end:3px}
.vthumb:hover .play{transform:scale(1.08)}
.vthumb:focus-visible{outline:2px solid var(--cobalt); outline-offset:-4px}
.vthumb .dur{position:absolute; bottom:10px; inset-inline-end:10px; background:rgba(30,47,87,.82); color:#fff; font-size:12px; border-radius:6px; padding:1px 7px; direction:ltr; font-family:var(--mono)}
.ncard.vid h3{font-size:17px}
.nlist{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; align-items:start}
.ncats{margin-top:4px}
.nfeat{margin-top:22px}
.nfeat .ncard.big{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); grid-template-rows:none; align-items:center}
.nfeat .ncard.big .nmedia.art, .nfeat .ncard.big .nmedia.art svg{height:100%; aspect-ratio:auto; min-height:260px}
@container site (max-width: 860px){ .nfeat .ncard.big{grid-template-columns:1fr} .nfeat .ncard.big .nmedia.art svg{min-height:0; aspect-ratio:400/220} }
.nfollow{margin-top:40px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; background:var(--shell, #FFF4DF); border-radius:24px; padding:22px 24px}
.nfollow b{font-size:18px; font-family:var(--display); font-weight:600}
@container site (max-width: 1060px){ .ngrid{grid-template-columns:1fr} .nside{grid-template-columns:repeat(3,minmax(0,1fr))} .nside .ncard{flex-direction:column} .nside .ncard .nmedia.ph{width:auto; aspect-ratio:16/9} .nside .ncard .nmedia.ph svg.p{width:46%} .nlist{grid-template-columns:repeat(2,minmax(0,1fr))} }
@container site (max-width: 700px){ .nside{grid-template-columns:1fr} .nside .ncard{flex-direction:row} .nside .ncard .nmedia.ph{width:96px; aspect-ratio:auto} .nside .ncard .nmedia.ph svg.p{width:92%} .vgrid{grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:78%; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px} .vgrid > *{scroll-snap-align:start} .nlist{grid-template-columns:1fr} .ncard.big h3{font-size:22px} .ncard.big .nbody{padding:18px 20px 22px} }
.vmodal{position:fixed; inset:0; z-index:60; background:rgba(29,36,51,.55); display:grid; place-items:center; padding:20px}
.vbox{background:#fff; border-radius:24px; overflow:hidden; width:min(760px,100%); box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.vplayer{aspect-ratio:16/9; background:var(--navy); color:#DCE3F2; display:grid; place-content:center; justify-items:center; gap:12px; font-size:14px; text-align:center; padding:16px}
.vplayer .play{width:64px; height:64px; border-radius:50%; background:rgba(255,255,255,.14); display:grid; place-items:center; color:#fff}
.vplayer .play .ic{width:28px; height:28px}
.vmeta{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 18px}
.vmeta small{display:block; color:var(--slate); font-size:13px}
/* admin: announcements */
.ann-row{display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:14px; align-items:center; padding:12px 16px; border-bottom:1px solid var(--line)}
.ann-row:last-child{border-bottom:0}
.ann-row .t{display:grid; gap:4px; min-width:0}
.ann-row .t b{font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.ann-row .t span{font-size:12px; color:var(--slate); display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.ann-row .tg{font-size:11.5px; border-radius:999px; padding:1px 9px; font-weight:600}
.ann-row label{display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--slate); white-space:nowrap}
.ann-row.off .t{opacity:.5}
.ann-head{display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:14px; padding:8px 16px; font-size:12px; color:var(--slate); border-bottom:1px solid var(--line); background:var(--mist)}
@container site (max-width: 900px){ .ann-row, .ann-head{grid-template-columns:minmax(0,1fr) auto} .ann-head span:nth-child(n+3), .ann-row > :nth-child(n+3){grid-column:auto} .ann-row{row-gap:8px} }

/* ---------- legal pages, crisis note, draft chip ---------- */
.legal{display:grid; gap:14px; max-width:820px}
.lsec{background:#fff; border-radius:var(--r); box-shadow:var(--shadow, 0 1px 3px rgba(0,0,0,.08)); padding:22px 24px; display:grid; gap:8px}
.lsec h2{font-size:21px}
.lsec p{color:var(--slate); font-size:16px}
.crisis{display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start; background:#FBF1E1; color:#6B4A0C; border-radius:18px; padding:14px 16px; font-size:14.5px; line-height:1.8}
.crisis .ic{color:#8B5A0B; margin-top:4px}
.draft-chip{display:inline-flex; justify-self:start; width:max-content; max-width:100%; font-size:12.5px; color:var(--warn); background:var(--warn-bg); border-radius:999px; padding:2px 12px; line-height:1.7}
.ftr .bottom button{color:inherit; font-size:inherit}
.ftr .bottom button:hover{color:var(--cobalt); text-decoration:underline}

/* review fixes: a11y */
.annf{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
@container site (max-width: 620px){ .annf{grid-template-columns:minmax(0,1fr)} }
.sheet .days .day{height:auto; min-height:72px; display:grid; place-items:center; padding:10px 8px}
.search:focus-within{outline:2px solid var(--cobalt); outline-offset:2px}
.ad-side :focus-visible, .nexthero :focus-visible, .ftr :focus-visible{outline-color:var(--sun)}
.site.pub .ftr :focus-visible{outline-color:var(--cobalt)}
.sum .r.empty, .rcpt .shot dt, .ds-nav button .k{color:var(--slate)}
.msgprev small{color:#55625A}
.fitc.off{opacity:1; background:var(--mist); border-style:dashed}
.fitc.off > *{color:var(--slate)}
.fitc.off svg, .fitc.off .ic{opacity:.5}
.result{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}
.bk-main h1.qcount{font-family:var(--text); font-size:13px; font-weight:600; line-height:1.5; color:var(--cobalt)}
.ftr .fh{font-size:15px; line-height:1.6; margin:0 0 10px; font-family:var(--text); font-weight:600}
.ftr .fsp{height:calc(15px * 1.6 + 10px)}
@container site (max-width: 860px){ .ftr .fsp{display:none} }
.skip{position:absolute; inset-inline-start:12px; top:-80px; z-index:60; background:var(--navy); color:#fff; padding:10px 16px; border-radius:999px; font-weight:600; text-decoration:none}
.skip:focus{top:12px}
.site a.skip{color:#fff}
#main-c:focus{outline:0}
.phero .crumbs button{min-height:40px; padding-inline:2px}
.ftr li{min-height:36px; display:flex; align-items:center} .ftr ul{gap:2px}
.aclose{min-width:40px; min-height:40px}
.site button.chip{min-height:36px}
@container site (max-width: 1320px){ .site[dir="ltr"] .nav button{padding:8px 6px; font-size:13.5px} .site[dir="ltr"] .hdr-in{gap:10px} }
@container site (max-width: 1500px){ .site[dir="ltr"] .hdr .brand small{max-width:140px; white-space:normal; line-height:1.25} }
.site.pub .footer-grid a{color:var(--slate)}.site.pub .footer-grid h3{color:var(--navy)!important}.site.pub .footer-logo{background:transparent;padding:0}.site.pub .footer-grid .soc a{display:grid;margin:0}.site.pub .white-section{background:var(--paper)}.site.pub .ther-mark{border-radius:20px;background:var(--cream);overflow:hidden}.site.pub .ther-mark.large{border-radius:999px 999px 28px 28px}.site.pub .nav a{border-radius:999px;padding:6px}.site.pub .nav a:hover{background:var(--shell)}.site.pub .wafab{inset-inline-end:18px;inset-inline-start:auto}.site.pub[dir=rtl] .wafab{right:18px;left:auto}.site.pub .note .prose{font-size:24px;color:var(--navy)}.arch img{width:100%;height:100%;object-fit:cover;object-position:top}.arch img.founder-mark{height:140px;width:140px;align-self:center}.site.pub .final .acts{display:flex;flex-wrap:wrap;gap:12px}.site.pub .final .ease{margin-top:14px}.site.pub .follow .soc{margin-top:0}
@media(max-width:700px){.site.pub .wafab{display:none}.site.pub .actbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:39;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fffaf1;box-shadow:0 -1px 8px #78541e18}.site.pub .actbar .btn{flex:1}.site.pub .actbar .wa{background:#1E7B45}.site.pub .qexit{bottom:86px}.site.pub .ftr .bottom{padding-bottom:160px}.site.pub .hero-art{max-height:290px}.site.pub .note .prose{font-size:20px}}

.news-heading{display:flex;justify-content:space-between;align-items:end;max-width:none;gap:20px;flex-wrap:wrap}.news-heading>div{display:grid;gap:8px}.nmedia img,.vthumb img{width:100%;height:100%;object-fit:cover;object-position:top}.vthumb>svg{width:100%;height:100%}.nmedia.ph{background:var(--cream)}.ngrid.single{grid-template-columns:1fr}.ngrid.single .nside{display:none}.ncats .chip{padding:8px 18px;min-height:42px}.ncats .selected{background:var(--cobalt)!important;color:white!important}.site .annbar a.alink{color:var(--cobalt)}.site .annbar[hidden]{display:none}.vplayer{padding:0}.vplayer iframe{width:100%;height:100%;border:0;aspect-ratio:16/9}.video-modal .dialog{padding:0;overflow:hidden;max-width:760px}.video-modal header{padding:16px}.legal .lsec h2{margin-top:0}.site.pub .footer-grid .tel{color:var(--navy);display:inline-flex;gap:8px;align-items:center}.site.pub .footer-grid a{min-height:36px}.site.pub .footer-grid .soc a{color:var(--navy)}.site.pub .footer-grid .soc a.wa{color:white}.crisis p{margin:0}.ncard .nbody .btn{width:fit-content}.ann-table-tools{display:flex;gap:10px;flex-wrap:wrap}.ann-table-tools button{min-width:90px}
@media(max-width:1100px){.nlist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.nlist{grid-template-columns:1fr}.annin .ad2{display:none}.annin .atxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annbar{font-size:13px}.nmedia.ph img{min-height:130px}.vgrid{grid-template-columns:1fr}.news-heading h2{font-size:28px}}