/* TFH BLUE / sculpted fabric design reference, edition 2. Main site untouched. */
:root {
  --tf-navy:#203b53;--tf-navy-deep:#172c42;--tf-slate:#516d82;
  --tf-canvas:#b7cfdc;--tf-fabric:#c7dce7;--tf-card:#d5e7ef;
  --tf-teal:#4f9bad;--tf-text:#1e3443;--tf-secondary:#49606e;
  --tf-cream:#f1f6f7;--tf-lilac:#b6b4d5;--tf-green:#9ed4d1;
  --tf-grain:url('/__blue/fabric.svg');
  --tf-elevate:8px 11px 19px rgba(30,59,83,.22),-5px -5px 12px rgba(245,253,255,.52),inset 1px 2px 2px rgba(255,255,255,.75),inset -2px -3px 3px rgba(44,79,102,.12);
  --tf-small:3px 5px 8px rgba(25,59,82,.22),-3px -3px 7px rgba(247,254,255,.68),inset 1px 2px 2px rgba(255,255,255,.7),inset -1px -2px 3px rgba(32,68,92,.17);
  --tf-well:inset 3px 4px 7px rgba(36,72,92,.20),inset -2px -3px 7px rgba(251,255,255,.7);
}
html:has(.resident-shell),html:has(.resident-shell) body{background:var(--tf-canvas)!important;color:var(--tf-text)!important}
html:has(.resident-shell) body{padding:0;margin:0}
.resident-shell,.resident-dialog {
  --bg:var(--tf-canvas);--card:var(--tf-card);--card2:var(--tf-fabric);
  --text:var(--tf-text);--muted:var(--tf-secondary);--line:#9bb8c8;
  --primary:#256f7f;--primary-soft:#c0e5e6;--onprimary:#fff;
  --accent:#256f7f;--accent-hover:#165d6e;--accent-active:#0f4c5d;
  --accent-soft:#bde1e4;--accent-subtle:#cce7eb;--accent-border:#659ea9;
  --on-accent:#fff;
  color:var(--tf-text)!important;
  background:linear-gradient(142deg,rgba(242,252,255,.22),transparent 33%),
    radial-gradient(circle at 75% 2%,rgba(232,250,255,.4),transparent 36%),var(--tf-grain),var(--tf-canvas)!important;
  font-family:'Trebuchet MS','Avenir Next','Segoe UI',system-ui,sans-serif!important;
  font-size:1rem;letter-spacing:-.012em;
}
.resident-shell{max-width:none!important;border:0!important;isolation:isolate}
.resident-shell :is(h1,h2,h3,strong){letter-spacing:-.038em}
.resident-shell :is(h1,h2,h3,p,small,strong,span,label){color:inherit}
.resident-shell small,.resident-shell .resident-action-help,.resident-shell .resident-section-copy {color:#475f6d!important}
.resident-shell :is(a,button,input,textarea,select,summary):focus-visible,.resident-dialog :focus-visible{
  outline:3px solid #155c73!important;outline-offset:3px!important
}
.resident-shell .resident-main{
  padding:clamp(18px,2.4vw,34px)!important;scrollbar-color:#91b0c1 transparent;
}
.resident-shell .resident-page-heading{padding:8px 0 24px}
.resident-shell .resident-page-heading h1{font-size:clamp(1.9rem,3vw,2.7rem)!important;color:var(--tf-navy-deep)!important;font-weight:850!important}
.resident-shell .resident-page-heading p{color:#46606d!important}
.resident-shell .resident-eyebrow{color:#2e7082!important;letter-spacing:.11em}
.resident-shell .resident-header{
  background:linear-gradient(120deg,rgba(226,241,248,.97),rgba(193,218,231,.96))!important;
  border-bottom:1px solid rgba(248,254,255,.75)!important;
  box-shadow:0 4px 15px rgba(28,61,80,.13)!important;
  backdrop-filter:blur(12px);min-height:76px;padding:12px clamp(16px,2.8vw,36px)!important;gap:14px;
}
.resident-shell .resident-brand{color:#234459!important;gap:12px}
.resident-shell .resident-brand strong{color:#243d50!important;font-weight:850;font-size:1.1rem}
.resident-shell .resident-brand small{color:#496877!important;font-size:.75rem}
.resident-shell .resident-logo{
  background:linear-gradient(135deg,#b2e1e7,#689cac)!important;color:#204659!important;
  width:46px;height:46px;border-radius:14px!important;border:1px solid #e9f9fd;
  box-shadow:var(--tf-small)!important;text-shadow:0 1px 0 #effaff
}
.resident-shell .resident-header-actions{gap:12px!important}
.resident-shell .resident-header-actions .resident-icon-button{
  width:45px;height:45px;border-radius:17px!important;
  background:linear-gradient(135deg,#d8ebf2,#b2d3e0)!important;
  border:1px solid #eaf9ff!important;box-shadow:var(--tf-small)!important;color:#305a6b!important
}
.resident-shell .resident-header-actions .resident-icon-button svg{stroke-width:2.2;filter:drop-shadow(1px 2px 1px #2b506947)}
.tfh-top-title{display:none;min-width:0;flex:1}
.tfh-top-title strong{display:block;color:#244254!important;font-size:1.35rem;font-weight:850}
.tfh-top-title small{display:block;color:#4d6c79!important;font-size:.82rem}
.resident-shell .resident-bottom-nav{
  background:linear-gradient(150deg,#2b4962,#162d44)!important;border-color:rgba(220,248,255,.25)!important;
  box-shadow:0 -4px 15px rgba(22,49,65,.18)!important
}
.resident-shell .resident-nav-item{color:#e5f0f5!important;border-radius:17px!important;font-weight:700}
.resident-shell .resident-nav-item.is-active{color:#183c51!important;background:linear-gradient(140deg,#d8edf5,#a9cbdc)!important;box-shadow:var(--tf-small)!important}
.resident-shell .resident-nav-icon{
  color:#2a627b!important;border-radius:14px!important;display:grid!important;place-items:center;
  width:42px!important;height:42px!important;margin-inline:auto!important;
  background:linear-gradient(135deg,#daedf5,#9cc6d7)!important;border:1px solid #eaf8fe!important;
  box-shadow:var(--tf-small)!important
}
.resident-shell .resident-nav-item.is-active .resident-nav-icon{background:linear-gradient(135deg,#dff7fb,#b4dce8)!important;box-shadow:var(--tf-well)!important}
.resident-shell .resident-nav-icon svg{width:24px!important;height:24px!important;filter:drop-shadow(1px 2px 1px rgba(37,68,95,.32))}
.tfh-side-profile,.tfh-side-footer{display:none}
.resident-shell .resident-feed-toolbar{
  background:transparent!important;justify-content:flex-start!important;min-height:unset!important;padding:8px 0 18px!important;
  gap:12px;max-width:1240px;margin-inline:auto;width:100%;
}
.resident-shell :is(.resident-feed-tabs,.resident-segmented,.discovery-tabs,.hub-profile-tabs){
  background:#a5becc!important;border:1px solid rgba(236,251,255,.74)!important;border-radius:18px!important;
  box-shadow:var(--tf-well)!important;padding:5px!important;gap:5px!important
}
.resident-shell :is(.resident-feed-tabs button,.resident-segmented button,.discovery-tabs button,.hub-profile-tabs a){
  color:#365567!important;min-height:42px;border-radius:14px!important;border:0!important;
}
.resident-shell :is(.resident-feed-tabs button[aria-selected=true],.resident-segmented button[aria-selected=true],.discovery-tabs button[aria-selected=true],.hub-profile-tabs a[aria-selected=true]){
  color:#194052!important;background:linear-gradient(145deg,#d3eef3,#a3cbda)!important;
  border-radius:14px!important;box-shadow:var(--tf-small)!important
}
.resident-shell .resident-feed-notice summary{color:#30576b!important}
.resident-shell .resident-feed-notice>div{background:#d4e5ed!important;color:#244152!important;border:1px solid #e9f7fa!important;box-shadow:var(--tf-elevate)!important}
.resident-shell--feed .resident-main{
  display:block!important;overflow-y:auto!important;min-height:0!important;
}
.resident-shell .resident-feed{
  flex:none!important;height:auto!important;overflow:visible!important;
  display:grid!important;grid-template-columns:minmax(0,1fr);gap:21px;
  scroll-snap-type:none!important;scroll-behavior:auto!important;
  width:min(100%,1240px);margin:0 auto 28px;
}
.resident-shell .resident-feed-post,.resident-shell .resident-feed-post.resident-post--media,
.resident-shell .resident-feed-post.resident-post--text{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  min-height:0!important;height:auto!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;
  border-radius:24px!important;overflow:visible!important;
}
.resident-shell .resident-feed-post .resident-post-surface,.resident-shell .resident-feed-post.resident-post--media .resident-post-surface,
.resident-shell .resident-post-surface,.resident-shell .resident-post{
  position:relative;border-radius:24px!important;
  border:1px solid rgba(242,252,255,.76)!important;
  background-color:#d0e3ec!important;
  background-image:linear-gradient(145deg,rgba(252,255,255,.3),transparent 60%),var(--tf-grain)!important;
  box-shadow:var(--tf-elevate)!important;
  color:var(--tf-text)!important;
}
.resident-shell .resident-feed-post .resident-post-surface{max-width:none!important;margin:0!important;padding:clamp(18px,3vw,26px)!important;flex:1!important}
.resident-shell .resident-post--text .resident-post-surface{border-left:1px solid #f0fcff!important}
.resident-shell .resident-feed-post .resident-post-copy h2,.resident-shell .resident-post-copy h2{color:#1f3a4f!important;font-weight:850;font-size:clamp(1.23rem,2.2vw,1.67rem)!important}
.resident-shell .resident-post-copy p{color:#3f5867!important;font-size:.97rem!important;line-height:1.65}
.resident-shell .resident-post-author strong{color:#203b4b!important}
.resident-shell .resident-post-author small{color:#476878!important}
.resident-shell .resident-post-context a,.resident-shell .resident-post-details summary{color:#216e83!important}
.resident-shell .resident-feed-post .resident-post-media{height:auto!important;max-width:none!important;position:relative!important;order:0!important;margin:0 0 10px!important;border-radius:19px!important;overflow:hidden}
.resident-shell .resident-feed-post .resident-post-media img{width:100%!important;max-height:300px!important;height:auto!important;object-fit:cover}
.resident-shell .resident-post-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding-top:13px!important;border-color:#aac6d2!important}
.resident-shell :is(.resident-action-button,.resident-relationship-actions button,.resident-card-actions button,.resident-button){
  background:linear-gradient(140deg,#d6eef4,#a5ccd9)!important;border-radius:16px!important;
  border:1px solid #ebfaff!important;box-shadow:var(--tf-small)!important;
  color:#21495e!important;font-weight:750!important;min-height:45px!important
}
.resident-shell .resident-button{padding:10px 19px!important;text-decoration:none!important}
.resident-shell .resident-button:hover,.resident-shell .resident-action-button:hover{filter:brightness(1.03)}
.resident-shell .resident-button--quiet{background:linear-gradient(135deg,#e9f5f8,#c7dee8)!important}
.resident-shell .resident-button--danger{background:#a62440!important;color:#fff!important;border-color:#f5d5df!important}
.resident-shell .resident-action-button.is-selected,.resident-shell .resident-button--joined{background:linear-gradient(135deg,#bde9e4,#93d1cb)!important;color:#154b4d!important}
.resident-shell .resident-action-button[disabled]{opacity:.65;cursor:not-allowed}
.resident-shell :is(.resident-post-avatar,.resident-group-icon,.resident-support-icon,.resident-notification-icon,.hub-avatar){
  border-radius:17px!important;
  background:linear-gradient(130deg,#e8f5f7,#a8cedb)!important;color:#3a6580!important;
  border:1px solid #edfaff!important;box-shadow:var(--tf-small)!important
}
.resident-shell .resident-tag{border-radius:12px!important;padding:5px 10px!important;
  background:#bfdde8!important;color:#1c5268!important;border:1px solid #dcecf5!important}
.resident-shell .resident-group-grid{gap:22px!important}
.resident-shell :is(.resident-group-card,.resident-learn-card,.resident-collection,.resident-event-card,.hub-profile-header,.hub-next,.hub-quick-actions a,.resident-progress-card,.resident-achievement,.resident-journal-entry,.resident-journey-item,.resident-notification,.resident-action-needed,.resident-support-link,.resident-about-card,.resident-support-card,.resident-privacy-panel,.resident-qr-card,.guidance-tutorial-card,.guidance-feature,.guidance-moving-callout,.guidance-question,.guidance-pathway>li,.resident-empty,.resident-showcase-settings,.resident-note-warning,.resident-accent-picker-row,.resident-accent-preview){
  border-radius:24px!important;border:1px solid rgba(245,253,255,.8)!important;
  background:linear-gradient(145deg,rgba(246,255,255,.3),transparent 65%),var(--tf-grain),#cde2ec!important;
  box-shadow:var(--tf-elevate)!important;color:var(--tf-text)!important
}
.resident-shell :is(.resident-group-card,.resident-learn-card,.resident-collection,.resident-event-card,.resident-support-link,.guidance-tutorial-card,.hub-quick-actions a){transition:transform .17s ease,filter .17s ease}
@media(hover:hover){.resident-shell :is(.resident-group-card,.resident-learn-card,.resident-collection,.resident-event-card,.resident-support-link,.guidance-tutorial-card,.hub-quick-actions a):hover{transform:translateY(-2px);filter:brightness(1.035)}}
.resident-shell .resident-group-card:nth-child(4n+1),.resident-shell .resident-collection:nth-child(4n+1){background-color:#a7d7d8!important}
.resident-shell .resident-group-card:nth-child(4n+2),.resident-shell .resident-collection:nth-child(4n+2){background-color:#b7d0df!important}
.resident-shell .resident-group-card:nth-child(4n+3),.resident-shell .resident-collection:nth-child(4n+3){background-color:#bbbcd6!important}
.resident-shell .resident-group-card:nth-child(4n+4),.resident-shell .resident-collection:nth-child(4n+4){background-color:#d2e5ed!important}
.resident-shell .resident-group-card-body{padding:22px!important}
.resident-shell .resident-group-hero{border-radius:26px!important;padding:clamp(18px,4vw,35px)!important;background:linear-gradient(130deg,#a7cfdc,#d0e6ef)!important;
  box-shadow:var(--tf-elevate)!important;border:1px solid #e7f7fc!important;color:#1c3a4c!important}
.resident-shell .resident-group-hero h1{color:#1b364a!important}
.resident-shell .resident-group-hero .resident-group-icon{width:70px;height:70px}
.resident-shell .resident-collections{gap:17px!important}
.resident-shell .resident-collection{padding:21px!important}
.resident-shell .hub-profile-header{background:linear-gradient(135deg,#a4ceda,#d7e8ee)!important}
.resident-shell .hub-profile-header :is(h1,p,small){color:#214459!important}
.resident-shell .hub-profile-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;border:0!important}
.resident-shell .hub-profile-stats a{border-radius:20px!important;min-width:0;padding:14px 5px!important;
  background:linear-gradient(135deg,#c5e3ed,#a3c9d8)!important;border:1px solid #e8f9ff!important;box-shadow:var(--tf-elevate)!important}
.resident-shell .hub-profile-stats strong{color:#163b52!important;font-size:clamp(1.15rem,2vw,1.6rem)!important}
.resident-shell .hub-profile-stats span{color:#38596d!important}
.resident-shell .hub-summary{border-radius:22px!important;padding:18px!important;margin-bottom:16px!important}
.resident-shell :is(.resident-support-list,.guidance-home-links){gap:14px!important}
.resident-shell .resident-support-link{padding:17px!important;margin:0!important;min-height:80px;border-radius:22px!important}
.resident-shell .resident-support-link--priority{border:2px solid #b85b62!important;background:linear-gradient(125deg,#f0d4d5,#dee5e9)!important}
.resident-shell .resident-support-link--priority :is(strong,small){color:#77353e!important}
.resident-shell :is(.resident-emergency,.resident-direct-help){background:#f3dadd!important;color:#752a39!important;border:2px solid #b74c5e!important;border-radius:22px!important}
.resident-shell .resident-emergency :is(p,h3,span){color:#752a39!important}
.resident-shell .resident-direct-help{background:#d9e9f1!important;border-color:#7e9fab!important;color:#284858!important}
.resident-shell .resident-direct-help :is(p,h3,span){color:#284858!important}
.resident-shell :is(.resident-boundary,.resident-privacy-note,.resident-note-warning,.guidance-boundary,.resident-storage-note){
 background:#e5e8e5!important;color:#3e515b!important;border:1px solid #b7c8cc!important;border-radius:18px!important}
.resident-shell :is(input:not([type=checkbox]):not([type=radio]),textarea,select){
 background:#e6f2f6!important;color:#1e3c50!important;
 border:1px solid #90b4c4!important;box-shadow:var(--tf-well)!important;border-radius:14px!important
}
.resident-shell .resident-date.is-selected{background:#97cad5!important;border:2px solid #357e91!important;color:#153c4e!important}
.resident-shell .resident-notification-dot{background:#a62440!important}
.resident-shell .resident-collection strong,.resident-shell .resident-learn-card strong{color:#234457!important}
.resident-shell .resident-feed-cue{color:#4b6574!important}
.resident-shell .resident-post-details{border-color:#9bb9c7!important}
.resident-shell .resident-empty{margin:12px auto!important;padding:25px!important}
.resident-shell .resident-shell--support .resident-main{max-width:none}
/* a decorative but semantically real welcome composition on Feed */
.tfh-hero,.tfh-quicklinks{width:min(100%,1240px);margin-inline:auto}
.tfh-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:230px;
  padding:clamp(19px,3vw,40px);overflow:hidden;border-radius:28px;
  background:linear-gradient(113deg,#294b65,#3b657c 68%,#527f8d)!important;
  border:1px solid #9fbbc9;box-shadow:var(--tf-elevate)!important;color:#edfaff;margin-bottom:26px}
.tfh-hero:before{content:"";position:absolute;inset:0;background:var(--tf-grain);opacity:.25;pointer-events:none;z-index:-1}
.tfh-hero-copy{position:relative;z-index:2;max-width:min(66%,560px)}
.tfh-hero-overline{font-size:.82rem;color:#add5df!important;font-weight:800;letter-spacing:.13em}
.tfh-hero h1{font-size:clamp(1.8rem,3.5vw,3rem)!important;color:#f2fbff!important;line-height:1.11!important;letter-spacing:-.045em;margin:.6rem 0}
.tfh-hero p{color:#d8ecf3!important;font-size:clamp(.88rem,1.55vw,1.06rem);margin:.7rem 0 1rem}
.tfh-hero a{display:inline-flex;align-items:center;min-height:43px;padding:10px 18px;text-decoration:none;
  background:linear-gradient(140deg,#7cc5cd,#428da2)!important;color:#123b4d!important;font-weight:850;
  border:1px solid #b4dee5;border-radius:15px;box-shadow:3px 6px 10px #152b3b99,-2px -2px 6px #d6f7ff55}
.tfh-hero-visual{position:absolute;right:2%;bottom:-6px;width:min(42%,355px);height:100%;display:flex;align-items:flex-end;justify-content:center}
.tfh-hero-visual svg{width:100%;height:100%;max-height:300px;filter:drop-shadow(0 16px 14px #162a41aa)}
.tfh-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:23px}
.tfh-quicklink{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;
  min-height:155px;text-decoration:none;padding:17px 18px!important;overflow:hidden;gap:6px;
  background:linear-gradient(140deg,#99d0d6,#b5dfe1)!important;color:#193b50!important;
  border:1px solid #e6f9fc!important;border-radius:23px!important;box-shadow:var(--tf-elevate)!important}
.tfh-quicklink:nth-child(2){background:linear-gradient(140deg,#b4d3e3,#d2e4ec)!important}
.tfh-quicklink:nth-child(3){background:linear-gradient(140deg,#c0bfdb,#dcdaed)!important}
.tfh-quicklink:nth-child(4){background:linear-gradient(140deg,#b0d9dd,#c9e7e8)!important}
.tfh-quicklink-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;
  background:linear-gradient(130deg,#dbf4fa,#a9cad8);border:1px solid #f2fdff;box-shadow:var(--tf-small);color:#36627a}
.tfh-quicklink-icon svg{width:29px;height:29px;stroke-width:2.5;filter:drop-shadow(1px 2px 1px #37608066)}
.tfh-quicklink strong{display:block;font-size:1.04rem;color:#15394d!important;font-weight:850;line-height:1.25}
.tfh-quicklink small{font-size:.79rem;color:#335e6c!important;line-height:1.35}
.tfh-section-divider{width:min(100%,1240px);margin:0 auto 6px;padding:7px 2px;color:#1f3b50;
 display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tfh-section-divider strong{color:#1f3b50!important;font-size:1.25rem;font-weight:850}
.tfh-section-divider span{color:#426474!important;font-size:.82rem}
.tfh-page-ribbon{font-weight:800;letter-spacing:.13em;font-size:.7rem;color:#2f7184!important;margin:0 0 2px!important;text-transform:uppercase}
@media(min-width:1060px){
  html[data-resident-text] .resident-shell{grid-template-columns:222px minmax(0,1fr)!important;grid-template-rows:75px minmax(0,1fr)!important}
  html[data-resident-text] .resident-shell .resident-header{grid-column:2!important;grid-row:1!important}
  html[data-resident-text] .resident-shell .resident-main{grid-column:2!important;grid-row:2!important}
  html[data-resident-text] .resident-shell .resident-bottom-nav{
    grid-column:1!important;grid-row:1/3!important;display:flex!important;flex-direction:column!important;
    gap:15px!important;align-items:stretch!important;justify-content:flex-start!important;
    padding:22px 14px 20px!important;border:0!important;border-right:1px solid #55758d!important;
    overflow:auto!important;background:linear-gradient(145deg,#284a64,#162c43)!important}
  html[data-resident-text] .resident-shell .resident-header .resident-brand{display:none!important}
  .tfh-top-title{display:block!important}
  .tfh-side-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;
    padding:9px 5px 16px;margin-bottom:10px;color:#e2f4f9!important}
  .tfh-side-avatar{width:92px;height:92px;display:grid;place-items:center;
    background:linear-gradient(135deg,#577d94,#314d66);border-radius:28px;
    box-shadow:8px 8px 16px #0b2237,-4px -4px 10px #6286a055;overflow:hidden}
  .tfh-side-avatar svg{width:94%;height:94%}
  .tfh-side-profile strong{color:#f2fbff!important;font-size:1.05rem}
  .tfh-side-profile small{color:#adc9d7!important;font-size:.77rem}
  html[data-resident-text] .resident-shell .resident-bottom-nav .resident-nav-item{
    width:100%;min-height:60px;display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:flex-start!important;gap:14px!important;padding:8px 11px!important;
    color:#dcebf1!important;font-size:.97rem!important;border-radius:17px!important
  }
  html[data-resident-text] .resident-shell .resident-bottom-nav .resident-nav-item .resident-nav-icon{
    display:grid!important;place-items:center!important;margin:0!important;flex:0 0 42px;
    width:42px!important;height:42px!important
  }
  html[data-resident-text] .resident-shell .resident-bottom-nav .resident-nav-item.is-active{
    color:#153a4f!important;background:linear-gradient(135deg,#c8e3ed,#94becf)!important;box-shadow:var(--tf-small)!important
  }
  .tfh-side-footer{display:block;flex:0 0 auto;margin-top:auto!important;padding:18px 14px!important;
    border-radius:23px;background:linear-gradient(130deg,#345b75,#27435c);
    box-shadow:7px 8px 13px #0f293e,-3px -3px 7px #5a7f9650;text-align:center}
  .tfh-side-footer strong{color:#e9f7fc!important;display:block;font-size:1rem;margin:6px 0}
  .tfh-side-footer p{color:#bcd6e1!important;font-size:.78rem;margin:7px 0 15px}
  .tfh-side-footer a{display:block;background:linear-gradient(140deg,#79c3d0,#438f9f);color:#163d51;
    border-radius:13px;padding:10px;font-size:.82rem;text-decoration:none;font-weight:850;box-shadow:3px 4px 7px #142e42}
  .resident-shell .resident-feed{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .resident-shell .resident-feed:has(.resident-feed-post:only-child){grid-template-columns:1fr!important}
  .resident-shell .resident-post--media .resident-post-media img{max-height:260px!important}
}
@media(max-width:1059px){
 .resident-shell .resident-bottom-nav{gap:4px!important}
 .tfh-side-profile,.tfh-side-footer,.tfh-top-title{display:none!important}
}
@media(min-width:680px) and (max-width:1059px){
 .resident-shell .resident-feed{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .tfh-quicklinks{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
}
@media(max-width:679px){
 .resident-shell .resident-header{min-height:61px!important;padding:8px 11px!important;gap:7px!important}
 .resident-shell .resident-logo{width:36px;height:36px;font-size:1.2rem}
 .resident-shell .resident-brand{gap:8px!important;flex:1;min-width:0}
 .resident-shell .resident-brand strong{font-size:.92rem!important}
 .resident-shell .resident-brand small{font-size:.7rem!important}
 .resident-shell .resident-header-actions{gap:6px!important}
 .resident-shell .resident-header-actions .resident-icon-button{width:38px;height:38px;border-radius:13px!important}
 .resident-shell .resident-header-actions .resident-icon-button svg{width:20px;height:20px}
 .resident-shell .resident-main{padding:15px 13px 22px!important}
 .resident-shell .resident-nav-icon{width:38px!important;height:38px!important;border-radius:13px!important}
 .resident-shell .resident-nav-icon svg{width:20px!important;height:20px!important}
 .resident-shell .resident-bottom-nav{padding:7px 3px max(8px,env(safe-area-inset-bottom))!important}
 .resident-shell .resident-nav-item{font-size:clamp(.66rem,2.2vw,.78rem)!important;min-height:53px}
 .resident-shell .resident-feed{grid-template-columns:1fr!important;gap:17px}
 .resident-shell .resident-post-actions{gap:7px!important}
 .resident-shell .resident-feed-post .resident-action-button{min-height:43px!important;font-size:.77rem!important;padding:6px 9px!important}
 .resident-shell .resident-page-heading{padding:6px 0 15px}
 .resident-shell .resident-group-grid{grid-template-columns:1fr!important;gap:15px!important}
 .tfh-hero{min-height:202px!important;padding:20px 17px!important;margin-bottom:17px!important;border-radius:23px}
 .tfh-hero-copy{max-width:67%}
 .tfh-hero h1{font-size:clamp(1.37rem,5.2vw,2rem)!important}
 .tfh-hero p{font-size:.78rem!important;line-height:1.45!important}
 .tfh-hero-overline{font-size:.62rem}
 .tfh-hero a{min-height:38px!important;padding:8px 12px!important;font-size:.78rem!important}
 .tfh-hero-visual{width:42%!important;right:-1%;bottom:0}
 .tfh-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px}
 .tfh-quicklink{min-height:125px;padding:12px!important;border-radius:18px!important}
 .tfh-quicklink-icon{width:38px;height:38px;border-radius:12px}
 .tfh-quicklink-icon svg{width:23px;height:23px}
 .tfh-quicklink strong{font-size:.88rem!important}
 .tfh-quicklink small{font-size:.72rem!important}
 .tfh-section-divider strong{font-size:1.1rem}
 .tfh-section-divider span{font-size:.73rem}
 .resident-shell .hub-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:370px){
 .resident-shell .resident-header-actions .resident-icon-button{width:33px;height:34px}
 .resident-shell .resident-nav-icon{width:33px!important;height:34px!important}
 .resident-shell .resident-nav-item{font-size:.65rem!important}
 .tfh-hero-copy{max-width:72%}.tfh-hero-visual{width:39%!important;opacity:.86}
 .resident-shell .resident-post-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){
 .resident-shell *,.resident-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Keep the blue look in dark mode too: the prototype is a reference-specific theme. */
html[data-theme=dark] .resident-shell,html[data-theme=dark] .resident-dialog {
  --bg:#aec8d7;--card:#d3e5ec;--card2:#c6dce6;
  --text:#1e3443;--muted:#48616e;--line:#9eb9c7;
  --primary:#256f7f;--primary-soft:#bde1e4;--onprimary:#fff;
  --accent:#256f7f;--accent-soft:#bde1e4;--accent-subtle:#cce7eb;
  --accent-border:#659ea9;--on-accent:#fff;
  color:#1e3443!important;color-scheme:light!important;
}
html[data-theme=dark] .resident-shell :is(p,strong,h1,h2,h3,label,small,span){color:inherit}
html[data-theme=dark] .resident-shell .resident-header{background:linear-gradient(120deg,#dcebf2,#b5d1df)!important}
html[data-theme=dark] .resident-shell .resident-bottom-nav{background:linear-gradient(145deg,#294962,#172d42)!important}
/* Legacy staff demo and independent survey also get the same blue material tokens */
body:not(:has(.resident-shell)):not(:has(.site-header)){background:#b4ccd8!important;color:#233e51!important}
body:not(:has(.resident-shell)):not(:has(.site-header)) :is(.card,.row-card,.stat,.qa,.note-card,.poll-card,.confirm,.proto-banner,.notice-banner,.hero-img,.thumb){
 background:linear-gradient(140deg,#d9eaf0,#afcfdc)!important;color:#254559!important;
 border-radius:22px!important;border:1px solid #eaf9ff!important;box-shadow:var(--tf-elevate)!important}
body:not(:has(.resident-shell)):not(:has(.site-header)) :is(.appbar,.bottomnav){background:#d0e4ed!important}
body:not(:has(.resident-shell)):not(:has(.site-header)) :is(.btn,.iconbtn,.filter-row button,.badge,.opt-pill){background:linear-gradient(140deg,#d3edf1,#96c2d4)!important;
 color:#214c62!important;box-shadow:var(--tf-small)!important;border-radius:15px!important}
body:has(.site-header){
 --bg:#b7ceda;--bg-soft:#c0d9e2;--surface:#d4e6ed;--surface-raised:#e4eff4;--surface-tint:#b7dce1;
 --text:#1c394b;--text-soft:#3e5d6b;--text-faint:#4b6470;
 --primary:#2d7687;--primary-hover:#1c5b70;--primary-soft:#c6e5e9;
 --secondary:#428c97;--secondary-bright:#8bd1d4;--accent:#5e92a4;
 --border:#a3c1ce;--border-strong:#7daab9;--focus:#166584;
 --shadow-sm:var(--tf-small);--shadow-md:var(--tf-elevate);--shadow-lg:var(--tf-elevate);
 background:var(--tf-grain),linear-gradient(140deg,#c5dce6,#a9c7d6)!important;color:#1c394b!important
}
body:has(.site-header) :is(.journey-card,.completion-card,.question-card,.choice-card,.matrix-row,.promise-card,.survey-progress,.honesty-card,.phone-card,.hero__visual,.safety-notice,.login-card,.summary-card,.dashboard-card,.admin-card){
 background:linear-gradient(135deg,#dcecf2,#b6d5e1)!important;color:#264455!important;
 border-radius:23px!important;border:1px solid #e9f8fc!important;box-shadow:var(--tf-elevate)!important
}
body:has(.site-header) :is(.button,.icon-button,.rank-actions button){
 background:linear-gradient(135deg,#b9e3e8,#79becb)!important;color:#21485c!important;border-radius:16px!important;
 border:1px solid #e0f8fa!important;box-shadow:var(--tf-small)!important
}
body:has(.site-header) .button--danger{background:#a62440!important;color:white!important}
body:has(.site-header) .honesty-card{background:#274b63!important}
body:has(.site-header) .honesty-card :is(h2,p){color:#eaf8ff!important}
body:has(.site-header) :is(.text-input,.login-card input,.contact-card input,.filter-bar input,.filter-bar select,.analysis-select){background:#e5f0f4!important;color:#1b3747!important}
html[data-contrast=high] :is(.resident-post-surface,.question-card,.choice-card){box-shadow:none!important;border:2px solid currentColor!important}