.orientation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.orientation-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem;color:var(--color-text);text-align:left;font:inherit;font-weight:700;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);min-width:0}
.orientation-link:hover{border-color:var(--color-primary)}
.orientation-link span{overflow-wrap:anywhere}.orientation-link svg{flex-shrink:0}
.orientation-invite{padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.orientation-invite p{margin:.5rem 0;max-width:42rem}.orientation-invite .extras-choices{flex-shrink:0}
.orientation-tour{max-width:48rem;margin:0 auto}.orientation-tour p{line-height:1.7}
.verify-wrap .btn{max-width:100%;white-space:normal}
.verify-wrap .verify-card dl{margin:var(--space-4) 0}.verify-wrap .verify-card dt{font-weight:700;margin-top:var(--space-3)}.verify-wrap .verify-card dd{margin-left:0;color:var(--color-text-muted)}
.orientation-progress{display:flex;gap:.5rem;margin:1rem 0 2rem}.orientation-progress span{height:.3rem;background:var(--color-border);flex:1}.orientation-progress .done{background:var(--color-primary)}
.orientation-bottom{grid-template-columns:repeat(5,minmax(0,1fr))!important}.orientation-bottom .nav-item{min-width:0;font-size:.75rem}
@media(max-width:650px){.orientation-grid{grid-template-columns:1fr}.orientation-invite{display:block}.orientation-invite .extras-choices{margin-top:1rem}.orientation-bottom .nav-item{padding-left:2px;padding-right:2px}.orientation-bottom .nav-item span{font-size:.75rem}.orientation-link{width:100%}}

/* Three different destinations, not three copies of a card directory. */
:root{--hub-label:0.8125rem;--hub-body:1rem;--hub-heading:clamp(1.125rem,1.05rem + .25vw,1.375rem);--hub-feed-bg:#0B3D91;--hub-feed-ink:#FFFFFF}
[data-theme='dark']{--hub-feed-bg:#16233B}
.hub-page-intro{margin-bottom:var(--space-8)}
.hub-page-intro .page-title{margin-block:var(--space-2);font-size:clamp(1.75rem,1.5rem + .5vw,2.25rem)}
.hub-page-intro .page-subtitle{max-width:44rem;margin-bottom:0}
.hub-eyebrow{display:block;font-size:var(--hub-label);font-weight:800;letter-spacing:.09em;color:var(--color-text-muted);line-height:1.5}
.hub-footnote{font-size:var(--hub-label);color:var(--color-text-muted);padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--color-divider);max-width:56rem;line-height:1.7}
.hub-small-print{font-size:var(--hub-label);color:var(--color-text-muted);line-height:1.6;margin-top:var(--space-4)}
.hub-text-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-weight:700;color:var(--color-primary);text-align:left}
.hub-text-link svg,.hub-row-icon svg,.hub-row-arrow svg,.hub-tour-line svg,.hub-source-link svg,.hub-plan-nav svg,.hub-next-link svg,.hub-social-pills svg{width:20px;height:20px;flex-shrink:0}
.hub-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.hub-tour-line{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-5);border-top:1px solid var(--color-divider);margin-top:var(--space-8);color:var(--color-text-muted);font-size:var(--hub-label);flex-wrap:wrap}
.hub-tour-line>button{display:flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-primary);font-weight:700}
.hub-tour-line .hub-tour-dismiss{margin-left:auto;width:44px;justify-content:center}
.hub-settings-group{margin-bottom:var(--space-6)}
.hub-settings-group h2{font-family:var(--font-body);font-size:var(--hub-heading);padding-bottom:var(--space-3);margin-bottom:0}
.hub-setting-row{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:76px;padding:var(--space-4) 0;border-top:1px solid var(--color-divider);text-align:left}
.hub-setting-row:hover .hub-row-copy strong{color:var(--color-primary)}
.hub-row-icon{display:flex;align-items:center;color:var(--color-primary);flex-shrink:0}
.hub-row-copy{flex:1;min-width:0}
.hub-row-copy strong{display:block;font-size:var(--hub-body);font-weight:700;line-height:1.4}
.hub-row-copy small{display:block;margin-top:var(--space-1);font-size:var(--hub-label);color:var(--color-text-muted);line-height:1.5;overflow-wrap:anywhere}
.hub-row-arrow{display:flex;color:var(--color-text-muted)}
.hub-account-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.8fr);gap:var(--space-12);align-items:start}
.hub-identity{padding:var(--space-2) var(--space-8) var(--space-6) 0;border-right:1px solid var(--color-divider)}
.hub-profile-orbit{height:104px;width:104px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;margin-bottom:var(--space-6);position:relative}
.hub-profile-orbit:after{content:'';position:absolute;right:7px;bottom:7px;width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-bg)}
.hub-profile-orbit>span{display:grid;place-items:center;width:84px;height:84px;background:var(--color-primary-highlight);color:var(--color-primary);font-family:var(--font-display);font-weight:800;font-size:1.75rem;border-radius:50%}
.hub-profile-orbit svg{width:36px;height:36px}
.hub-identity h2{font-size:var(--hub-heading);margin-block:var(--space-3)}
.hub-identity p{font-size:var(--hub-body);color:var(--color-text-muted);margin-bottom:var(--space-3)}
.hub-identity-status{display:flex;align-items:flex-start;gap:var(--space-2);padding-block:var(--space-5);font-size:var(--hub-label);line-height:1.5;color:var(--color-text-muted)}
.hub-identity-status svg{width:18px;height:18px;flex-shrink:0}
.hub-live-entry{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}
.hub-live-entry summary{cursor:pointer;font-size:.9375rem;font-weight:700;min-height:44px;color:var(--color-primary)}
.hub-live-entry[open] summary{margin-bottom:var(--space-3)}
.hub-live-entry p{font-size:var(--hub-label);margin-top:var(--space-3)}
.hub-live-entry .btn{max-width:100%;white-space:normal}
.hub-live-entry small{display:block;font-size:var(--hub-label);margin-top:var(--space-3);color:var(--color-text-muted);line-height:1.6}
.hub-circle-nav{display:flex;justify-content:space-around;gap:var(--space-5);padding-block:var(--space-2) var(--space-8);border-bottom:1px solid var(--color-divider)}
.hub-circle-link{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);flex:1;min-width:0;padding:var(--space-2) 0}
.hub-circle-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--color-primary-highlight);color:var(--color-primary);border:1px solid var(--color-border);transition:transform var(--transition),background var(--transition)}
.hub-circle-icon svg{width:30px;height:30px}
.hub-circle-link:nth-child(2) .hub-circle-icon{background:var(--color-accent-highlight);color:var(--color-accent)}
.hub-circle-link:nth-child(4) .hub-circle-icon{background:var(--color-surface-2);color:var(--color-text)}
.hub-circle-link:nth-child(5) .hub-circle-icon{background:var(--color-accent-highlight);color:var(--color-accent)}
.hub-circle-link:hover .hub-circle-icon{transform:translateY(-4px);border-color:var(--color-primary)}
.hub-circle-link strong{font-size:var(--hub-body);line-height:1.4}
.hub-circle-link small{font-size:var(--hub-label);color:var(--color-text-muted);line-height:1.5}
.hub-community-main{display:grid;grid-template-columns:1.12fr 1fr;gap:var(--space-10);padding-block:var(--space-8)}
.hub-feed-feature{position:relative;background:var(--hub-feed-bg);color:var(--hub-feed-ink);border-radius:var(--radius-xl);padding:var(--space-8);overflow:hidden}
.hub-feed-feature .hub-eyebrow{color:var(--hub-feed-ink);opacity:.8}
.hub-feed-feature h2{font-size:clamp(1.5rem,1.4rem + .5vw,2rem);margin-block:var(--space-5);position:relative;z-index:1}
.hub-feed-feature p{max-width:26rem;position:relative;z-index:1;line-height:1.7}
.hub-feed-feature .hub-text-link{color:var(--hub-feed-ink);margin-top:var(--space-5);position:relative;z-index:1}
.hub-feed-watermark{position:absolute;right:-20px;bottom:-32px;opacity:.08;pointer-events:none}
.hub-feed-watermark svg{width:160px;height:160px}
.hub-community-options{padding-block:var(--space-5)}
.hub-community-options h2{font-family:var(--font-body);font-size:var(--hub-heading);margin-bottom:var(--space-3)}
.hub-community-options>p{color:var(--color-text-muted)}
.hub-social-pills{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.hub-social-pills button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:999px;min-height:48px;font-size:.875rem;font-weight:700;background:var(--color-surface)}
.hub-social-pills button:hover{border-color:var(--color-primary);color:var(--color-primary)}
.hub-social-pills svg{color:var(--color-primary)}
.hub-community-rules{max-width:48rem}
.hub-community-rules .hub-settings-group{margin-bottom:0}
.hub-plan-nav{display:flex;gap:var(--space-6);flex-wrap:wrap;padding-bottom:var(--space-5);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-8)}
.hub-plan-nav button{display:flex;align-items:center;gap:var(--space-2);min-height:44px;font-weight:700;color:var(--color-text-muted);font-size:.9375rem}
.hub-plan-nav button:hover{color:var(--color-primary)}
.hub-plans-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:var(--space-10)}
.hub-agenda-header{display:flex;align-items:center;gap:var(--space-5)}
.hub-date-mark{padding-right:var(--space-5);border-right:1px solid var(--color-divider);text-align:center;flex-shrink:0;color:var(--color-primary)}
.hub-date-mark span{display:block;font-size:var(--hub-label);font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.hub-date-mark strong{display:block;font-family:var(--font-display);font-size:2rem;line-height:1.3}
.hub-agenda-header h2{font-size:var(--hub-heading);margin-block:var(--space-2)}
.hub-agenda-header p{font-size:var(--hub-label);color:var(--color-text-muted)}
.hub-plan-tallies{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-block:var(--space-6);font-size:var(--hub-label);color:var(--color-text-muted)}
.hub-plan-tallies>span{display:flex;align-items:center;gap:var(--space-2)}
.hub-plan-tallies strong{font-size:var(--hub-body);color:var(--color-text)}
.hub-plan-tallies small{font-size:var(--hub-label)}
.hub-agenda-list{padding:var(--space-4) 0 var(--space-4)}
.hub-agenda-list li{display:flex;align-items:flex-start;gap:var(--space-3);position:relative;min-height:88px;padding-bottom:var(--space-5)}
.hub-agenda-time{width:76px;flex-shrink:0;font-size:var(--hub-label);font-weight:700;padding-top:var(--space-1)}
.hub-agenda-dot{width:10px;height:10px;flex-shrink:0;border:2px solid var(--color-primary);border-radius:50%;margin-top:7px;position:relative}
.hub-agenda-dot:after{content:'';position:absolute;width:1px;background:var(--color-divider);height:70px;top:14px;left:2.5px}
.hub-agenda-list li:last-child .hub-agenda-dot:after{display:none}
.hub-agenda-list li>button{display:block;text-align:left;flex:1;min-width:0;min-height:44px}
.hub-agenda-list li>button>strong{display:block;font-size:var(--hub-body)}
.hub-agenda-list li>button>small{display:block;font-size:var(--hub-label);color:var(--color-text-muted);margin-top:var(--space-1)}
.hub-agenda-list li>button:hover>strong{color:var(--color-primary)}
.hub-agenda-status{display:inline-block;font-size:var(--hub-label);font-weight:700;color:var(--color-primary);margin-top:var(--space-2)}
.hub-agenda-empty{padding-top:var(--space-5);border-top:1px dashed var(--color-border)}
.hub-agenda-empty>div{max-width:30rem;min-width:0}
.hub-agenda-empty h3{font-family:var(--font-body);font-size:var(--hub-heading);margin-bottom:var(--space-3)}
.hub-agenda-empty p{color:var(--color-text-muted);line-height:1.7}
.hub-agenda-empty .hub-text-link{margin-top:var(--space-4)}
.hub-next-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding-block:var(--space-5);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);text-align:left}
.hub-next-link>span{display:flex;align-items:center;gap:var(--space-2)}
.hub-next-link>span:last-child{font-size:var(--hub-label);color:var(--color-text-muted)}
.hub-next-link svg{color:var(--color-primary)}
.hub-planning-kit{border-left:1px solid var(--color-divider);padding-left:var(--space-8)}
.hub-planning-kit>.hub-eyebrow{margin-bottom:var(--space-5)}
.hub-planning-kit .hub-setting-row{min-height:72px;gap:var(--space-3)}
.hub-source-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:44px;color:var(--color-text-muted);font-size:var(--hub-label)}
.hub-source-link:hover{color:var(--color-primary)}
.hub-youth-room{display:flex;align-items:center;gap:var(--space-8);padding-block:var(--space-8);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-8)}
.hub-youth-symbol{width:144px;height:144px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--color-primary-highlight);color:var(--color-primary)}
.hub-youth-symbol svg{width:56px;height:56px}
.hub-youth-room h2,.hub-youth-planner h2{font-size:var(--hub-heading);margin-block:var(--space-3)}
.hub-youth-room p,.hub-youth-planner p{max-width:40rem;color:var(--color-text-muted);line-height:1.7}
.hub-youth-room .btn,.hub-youth-planner .btn{margin-top:var(--space-5);white-space:normal}
.hub-youth-planner{display:flex;align-items:center;gap:var(--space-8);padding-block:var(--space-8);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}
.hub-day-stamp{width:112px;height:112px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);border-radius:50%;border:1px dashed var(--color-primary);color:var(--color-primary)}
.hub-day-stamp svg{width:36px;height:36px}
.hub-day-stamp span{font-size:var(--hub-label);font-weight:800;letter-spacing:.1em}
.hub-youth-bingo{display:flex;align-items:center;gap:var(--space-6);padding-block:var(--space-8)}
.hub-youth-bingo>span{color:var(--color-accent)}
.hub-youth-bingo>span svg{width:44px;height:44px}
.hub-youth-bingo h2{font-size:var(--hub-heading);margin-bottom:var(--space-3)}
.hub-youth-bingo p{color:var(--color-text-muted)}
@media(max-width:800px){
  .hub-account-layout{grid-template-columns:1fr;gap:var(--space-8)}
  .hub-identity{border-right:none;border-bottom:1px solid var(--color-divider);padding:0 0 var(--space-6)}
  .hub-profile-orbit{width:84px;height:84px;margin-bottom:var(--space-4)}
  .hub-profile-orbit>span{width:66px;height:66px;font-size:1.5rem}
  .hub-live-entry{max-width:32rem}
  .hub-community-main{grid-template-columns:1fr;gap:var(--space-4)}
  .hub-plans-layout{grid-template-columns:1fr;gap:var(--space-8)}
  .hub-planning-kit{border-left:none;border-top:1px solid var(--color-divider);padding-left:0;padding-top:var(--space-6)}
  .hub-next-link{flex-wrap:wrap}
}
@media(max-width:480px){
  .hub-page-intro{margin-bottom:var(--space-6)}
  .hub-circle-nav{gap:var(--space-2)}
  .hub-circle-icon{width:clamp(48px,15vw,62px);height:clamp(48px,15vw,62px)}
  .hub-circle-icon svg{width:24px;height:24px}
  .hub-circle-link{gap:var(--space-2)}
  .hub-circle-link strong{font-size:var(--hub-label)}
  .hub-circle-link small{display:none}
  .hub-feed-feature{padding:var(--space-6)}
  .hub-plan-nav{gap:var(--space-3);justify-content:space-between}
  .hub-plan-nav button{font-size:var(--hub-label);gap:var(--space-1)}
  .hub-plan-nav svg{width:16px;height:16px}
  .hub-agenda-header{gap:var(--space-4)}
  .hub-date-mark{padding-right:var(--space-4)}
  .hub-agenda-time{width:66px}
  .hub-row-copy small{max-width:100%}
  .hub-identity{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:var(--space-4);row-gap:var(--space-2)}
  .hub-profile-orbit{grid-column:1;grid-row:1/4;width:72px;height:72px;margin:0}
  .hub-profile-orbit>span{width:56px;height:56px;font-size:1.25rem}
  .hub-identity>.hub-eyebrow,.hub-identity>h2,.hub-identity>p,.hub-identity>.hub-text-link{grid-column:2}
  .hub-identity>h2{margin:0}
  .hub-identity>p{font-size:var(--hub-label);margin-bottom:0}
  .hub-identity>.hub-text-link{font-size:.875rem}
  .hub-identity-status{grid-column:1/-1;padding-block:var(--space-3)}
  .hub-live-entry{grid-column:1/-1;margin-top:var(--space-2);padding-top:var(--space-3)}
  .hub-youth-room,.hub-youth-planner{align-items:flex-start;flex-direction:column;gap:var(--space-5)}
  .hub-youth-symbol{width:96px;height:96px}
  .hub-youth-symbol svg{width:40px;height:40px}
  .hub-day-stamp{width:88px;height:88px}
}
@media(prefers-reduced-motion:reduce){.hub-circle-icon{transition:none}.hub-circle-link:hover .hub-circle-icon{transform:none}}
html[data-motion='reduced'] .hub-circle-icon{transition:none}
html[data-motion='reduced'] .hub-circle-link:hover .hub-circle-icon{transform:none}
[data-theme='dark'] .hub-account .btn--primary,[data-theme='dark'] .hub-community--youth .btn--primary,[data-theme='dark'] .hub-plans--youth .btn--primary{color:var(--color-bg)}
@media(max-width:360px){
  .app-header__inner{gap:var(--space-2)}
  .app-header__actions{gap:var(--space-1)}
  .app-header__actions .header-explore{display:none}
}
