body:has(.activity-page){background:#253f82;color:#f8fbff}
.activity-page{--activity-ink:#f8fbff;--activity-muted:rgba(248,251,255,.78);--activity-line:rgba(244,239,255,.16);--activity-panel:rgba(255,255,255,.10);--activity-panel-strong:rgba(37,63,130,.78);--activity-soft:rgba(244,239,255,.07);--activity-green:#ffd7a0;--activity-gold:#ffd7a0;--activity-blue:#ffe0a8;--activity-indigo:#253f82;--activity-indigo-2:#1e4b76;--activity-indigo-3:#3a286f;--activity-focus:#66aaff;color:var(--activity-ink);background:linear-gradient(180deg,var(--activity-indigo-3) 0%,var(--activity-indigo-2) 38%,var(--activity-indigo) 100%)}
.activity-page a{color:var(--activity-blue);text-underline-offset:.18em;text-decoration-thickness:.08em}
.activity-page a:hover{text-decoration-thickness:.14em}
.activity-page .legal-site-nav a,.activity-page .legal-breadcrumb a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
.activity-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:2rem;align-items:center;margin:2.5rem 0 3rem;padding:1.25rem;border:1px solid var(--activity-line);border-radius:8px;background:rgba(255,255,255,.10)}
.activity-hero__copy{max-width:760px}
.activity-eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .55rem;color:var(--activity-gold);font-weight:900;text-transform:uppercase;font-size:.82rem;letter-spacing:0}
.activity-eyebrow::before{content:"";width:.72rem;height:.72rem;border-radius:50%;background:var(--activity-green);box-shadow:0 0 0 3px rgba(255,215,160,.14)}
.activity-hero h1{margin:.1rem 0 .8rem;font-size:3.45rem;line-height:1.03;letter-spacing:0}





.activity-hero__media{margin:0}
.activity-hero__media picture{display:block;overflow:hidden;border:1px solid var(--activity-line);border-radius:8px;background:var(--activity-panel-strong);box-shadow:0 1rem 2.4rem rgba(8,18,46,.22)}
.activity-hero__media img{display:block;width:100%;aspect-ratio:16/7;height:auto;object-fit:cover;object-position:var(--hero-object-position,center)}
.activity-hero__media--placeholder{align-self:stretch;display:flex}
.activity-hero__media--placeholder .activity-visual{min-height:100%;width:100%}
.activity-visual{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;min-height:7rem;margin:0;overflow:hidden;aspect-ratio:var(--visual-ratio,16 / 10);border:1px solid rgba(244,239,255,.16);border-radius:8px;background-image:linear-gradient(135deg,rgba(255,215,160,.2),rgba(155,210,255,.14) 42%,rgba(245,199,120,.12)),var(--visual-image);background-position:center;background-size:cover;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.activity-visual picture{position:absolute;inset:0;z-index:0;display:block}
.activity-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--visual-object-position,center)}
.activity-visual::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(30,75,118,.08),rgba(37,63,130,.54));pointer-events:none}
.activity-visual span{position:relative;z-index:2;margin:.65rem;max-width:calc(100% - 1.3rem);border:1px solid rgba(244,239,255,.18);border-radius:8px;padding:.38rem .55rem;background:rgba(37,63,130,.68);color:#f8fbff;font-size:.86rem;font-weight:900;line-height:1.15}
.activity-visual--icon{width:3.35rem;min-width:3.35rem;min-height:3.35rem;align-items:center;justify-content:center;border-radius:8px}
.activity-visual--icon span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;border:0;background:rgba(37,63,130,.54);font-size:.68rem;text-align:center}
.activity-visual--banner{min-height:18rem}
.activity-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.activity-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.72rem 1rem;border-radius:8px;font-weight:800;text-decoration:none;border:2px solid transparent}
.activity-page .activity-button--primary{border-color:rgba(255,215,160,.38);background:linear-gradient(145deg,rgba(37, 63, 130, .96) 0%,rgba(30,75,118,.98) 48%,rgba(58,40,111,.96) 100%);color:#f8fbff;box-shadow:inset 0 1px 0 rgba(239,255,244,.2),0 .7rem 1.8rem rgba(8, 18, 46, .2)}
.activity-page .activity-button--secondary{border-color:rgba(244,239,255,.22);color:#f8fffbe6;background:linear-gradient(180deg,rgba(20,16,58,.74),rgba(255,255,255,.08))}
.activity-button:hover{filter:brightness(.97)}
.activity-button:focus-visible,.activity-link-card:focus-visible,.activity-decision-card:focus-visible,.activity-place-card:focus-visible,.activity-interest-card:focus-visible,.activity-plan-card a:focus-visible,.activity-idea-card a:focus-visible,.activity-return-links a:focus-visible,.activity-tags a:focus-visible,.activity-disclosure summary:focus-visible,.activity-related-links a:focus-visible{outline:3px solid var(--activity-focus);outline-offset:3px;box-shadow:0 0 0 6px rgba(102,170,255,.16)}
.activity-section-heading{max-width:760px;margin:0 0 1rem}
.activity-section-heading h2{margin:.1rem 0 .45rem;line-height:1.12}
.activity-section-heading p:not(.activity-section-kicker){margin:.25rem 0 0;color:var(--activity-muted);line-height:1.5}
.activity-section-kicker{margin:0;color:var(--activity-gold);font-size:.78rem;font-weight:900;text-transform:uppercase}
.activity-choice-grid,.activity-link-grid,.activity-idea-grid,.activity-plan-grid,.activity-place-grid,.activity-interest-grid{display:grid;gap:1rem}
.activity-choice-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.activity-plan-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.activity-place-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.activity-interest-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.activity-link-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.activity-link-grid--compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.activity-page .activity-decision-card,.activity-page .activity-link-card{display:flex;min-height:126px;flex-direction:column;gap:.48rem;padding:1rem;border:1px solid var(--activity-line);border-left:5px solid rgba(255,215,160,.52);border-radius:8px;background:var(--activity-panel);text-decoration:none;color:var(--activity-ink)}
.activity-page .activity-decision-card{min-height:172px;border-left-color:rgba(245,199,120,.62);background:rgba(255,255,255,.12)}
.activity-page .activity-decision-card--visual{gap:.72rem;border-left:1px solid var(--activity-line);border-top:4px solid rgba(245,199,120,.62);padding:.78rem;min-height:0}
.activity-decision-card span{color:var(--activity-gold);font-size:.84rem;font-weight:900;text-transform:uppercase}
.activity-decision-card strong,.activity-link-card strong{font-size:1.02rem;line-height:1.25}
.activity-decision-card em,.activity-link-card span{color:var(--activity-muted);font-size:.94rem;font-style:normal;line-height:1.45}
.activity-decision-card ul{display:flex;flex-wrap:wrap;gap:.35rem;margin:.1rem 0 0;padding:0;list-style:none}
.activity-decision-card li{border:1px solid rgba(244,239,255,.14);border-radius:999px;padding:.25rem .5rem;background:rgba(244,239,255,.06);color:var(--activity-ink);font-size:.82rem}
.activity-link-card:hover,.activity-decision-card:hover{border-left-color:var(--activity-gold);background:rgba(244,239,255,.09)}
.activity-plan-card,.activity-place-card,.activity-interest-card{display:flex;flex-direction:column;gap:.7rem;border:1px solid var(--activity-line);border-radius:8px;background:var(--activity-panel);color:var(--activity-ink);text-decoration:none}
.activity-plan-card{padding:.78rem;min-height:0}
.activity-plan-card h3{margin:0;font-size:1.08rem;line-height:1.25}
.activity-plan-card h3 a{color:var(--activity-ink);text-decoration-thickness:.07em}
.activity-plan-card dl{display:grid;gap:.55rem;margin:0}
.activity-plan-card div{display:grid;gap:.15rem}
.activity-plan-card dt{color:var(--activity-gold);font-size:.82rem;font-weight:900;text-transform:uppercase}
.activity-plan-card dd{margin:0;color:var(--activity-muted);line-height:1.45}
.activity-plan-card__link{margin:auto 0 0}
.activity-plan-card__link a,.activity-idea-card__link a{display:inline-flex;align-items:center;min-height:44px;color:var(--activity-blue);font-weight:800}
.activity-place-card{padding:.78rem}
.activity-place-card strong{font-size:1.03rem;line-height:1.25}
.activity-place-card span{color:var(--activity-muted);line-height:1.45}
.activity-interest-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:.82rem;min-height:6rem}
.activity-interest-card strong,.activity-interest-card span{grid-column:2}
.activity-interest-card strong{line-height:1.22}
.activity-interest-card span{color:var(--activity-muted);font-size:.92rem;line-height:1.4}
.activity-interest-card .activity-visual{grid-row:1 / span 2}
.activity-place-card:hover,.activity-interest-card:hover{background:rgba(244,239,255,.09);border-color:rgba(245,199,120,.36)}
.activity-disclosure{border:1px solid var(--activity-line);border-radius:8px;background:rgba(12,14,36,.48);padding:.6rem .8rem}
.activity-disclosure + .activity-disclosure{margin-top:.85rem}
.activity-disclosure summary{min-height:44px;display:flex;align-items:center;color:var(--activity-ink);font-weight:900;cursor:pointer}
.activity-disclosure .activity-link-grid{padding:.55rem 0 .35rem}
.activity-related-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem;padding:.55rem 0 .25rem}
.activity-related-links a{display:flex;align-items:center;min-height:44px;border:1px solid rgba(244,239,255,.14);border-radius:8px;padding:.55rem .65rem;background:rgba(244,239,255,.06);color:var(--activity-blue)}
.activity-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.activity-related-group{border:1px solid var(--activity-line);border-radius:8px;background:rgba(12,14,36,.48);padding:.8rem}
.activity-related-group h3{margin:0 0 .45rem;font-size:1rem;line-height:1.25}
.activity-idea-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.activity-idea-grid--featured{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.activity-idea-card{display:flex;min-height:290px;flex-direction:column;gap:.7rem;padding:1rem;border:1px solid var(--activity-line);border-top:4px solid rgba(155,210,255,.64);border-radius:8px;background:var(--activity-panel)}
.activity-idea-card h3{margin:0;font-size:1.08rem;line-height:1.25}
.activity-idea-card p{margin:0;color:var(--activity-muted);line-height:1.5}
.activity-idea-card dl{display:grid;gap:.55rem;margin:.2rem 0 0}
.activity-idea-card dt{font-weight:800;color:var(--activity-gold)}
.activity-idea-card dd{margin:0;color:var(--activity-muted)}
.activity-idea-card__link{margin:auto 0 0}
.activity-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}
.activity-tags a,.activity-tags span{display:inline-flex;align-items:center;min-height:34px;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--activity-line);background:var(--activity-soft);font-size:.84rem;text-decoration:none;color:var(--activity-ink)}
.activity-tags a{border-color:rgba(155,210,255,.34);color:var(--activity-blue);text-decoration:underline;text-decoration-thickness:.06em}
.activity-tags a:hover{background:rgba(31,143,255,.12)}
.activity-guidance ul{display:grid;gap:.5rem;padding-left:1.2rem}
.activity-comfort-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem;margin:0;padding:0;list-style:none}
.activity-comfort-list li{display:flex;align-items:center;gap:.65rem;min-height:4.6rem;border:1px solid var(--activity-line);border-radius:8px;padding:.65rem;background:rgba(20,16,58,.7);font-weight:900}
.activity-good-plan{margin-top:1rem;border:1px solid rgba(245,199,120,.28);border-radius:8px;padding:1rem;background:rgba(245,199,120,.08)}
.activity-good-plan h3{margin:0 0 .6rem;font-size:1rem}
.activity-good-plan ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.45rem;margin:0;padding:0;list-style:none}
.activity-good-plan li{border:1px solid rgba(244,239,255,.14);border-radius:8px;padding:.5rem .6rem;background:rgba(12,14,36,.54)}
.activity-app-help > p{max-width:760px}
.activity-actions--section{margin-top:1rem}
.activity-return-links{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 1.5rem}
.activity-return-links a{display:inline-flex;min-height:44px;align-items:center;border:1px solid var(--activity-line);border-radius:8px;padding:.5rem .75rem;text-decoration:underline;color:var(--activity-blue);background:rgba(244,239,255,.06)}
.activity-join-cta{background:rgba(255,255,255,.10);border:1px solid var(--activity-line);border-radius:8px;padding:1.2rem}
@media (min-width:1180px){.activity-hero h1{font-size:3.8rem}.activity-page .legal-section{margin-top:2rem;margin-bottom:2rem}}
@media (max-width:768px){.activity-hero{grid-template-columns:1fr;gap:1.2rem;margin:1.5rem 0 2rem;padding:1rem}.activity-hero h1{font-size:2.2rem}.activity-hero__media img{aspect-ratio:1.62/1;object-position:var(--hero-mobile-object-position,center top)}.activity-visual--banner{min-height:12rem}.activity-actions{align-items:stretch}.activity-button{width:100%}.activity-idea-card,.activity-link-card,.activity-decision-card,.activity-plan-card,.activity-place-card,.activity-interest-card{min-height:auto}.activity-interest-card{grid-template-columns:auto minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.activity-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Humboldt Friends activity layout refresh */
body:has(.activity-page),
.activity-page {
  --activity-ink: #f8fbff;
  --activity-muted: rgba(248, 251, 255, .78);
  --activity-line: rgba(255, 255, 255, .18);
  --activity-panel: rgba(255, 255, 255, .1);
  --activity-panel-strong: rgba(37,63,130,.72);
  --activity-soft: rgba(255,255,255,.08);
  --activity-green: #ffd7a0;
  --activity-gold: #ffd7a0;
  --activity-blue: #ffe0a8;
  --activity-indigo: #3a286f;
  --activity-indigo-2: #1e4b76;
  --activity-indigo-3: #253f82;
  --activity-focus: #f2b544;
  background:
    linear-gradient(135deg, #253f82 0%, #1e4b76 48%, #3a286f 100%) !important;
  color: var(--activity-ink) !important;
}

.activity-page .activity-hero {
  border-color: var(--activity-line) !important;
  border-top: 4px solid #f16f43 !important;
  background:
    linear-gradient(135deg, rgba(37,63,130,.96) 0%, rgba(30,75,118,.96) 50%, rgba(58,40,111,.96) 100%),
    radial-gradient(circle at 85% 20%, rgba(241,111,67,.28), transparent 34%) !important;
  color: var(--activity-ink) !important;
  box-shadow: 0 18px 45px rgba(8,18,46,.22) !important;
}

.activity-page .activity-hero h1,
.activity-page .activity-hero p,
.activity-page .activity-hero li,
.activity-page .activity-section-heading h2,
.activity-page .activity-decision-card strong,
.activity-page .activity-link-card strong,
.activity-page .activity-plan-card h3,
.activity-page .activity-place-card strong,
.activity-page .activity-interest-card strong {
  color: var(--activity-ink) !important;
}

.activity-page .activity-hero p,
.activity-page .activity-hero li,
.activity-page .activity-section-heading p:not(.activity-section-kicker),
.activity-page .activity-decision-card em,
.activity-page .activity-link-card span,
.activity-page .activity-plan-card dd,
.activity-page .activity-place-card span,
.activity-page .activity-interest-card span {
  color: var(--activity-muted) !important;
}

.activity-page .activity-eyebrow,
.activity-page .activity-section-kicker,
.activity-page .activity-plan-card dt,
.activity-page .activity-decision-card span {
  color: #c94f31 !important;
}

.activity-page .activity-button--secondary,
.activity-page .activity-disclosure,
.activity-page .activity-decision-card,
.activity-page .activity-link-card,
.activity-page .activity-plan-card,
.activity-page .activity-place-card,
.activity-page .activity-interest-card {
  border-color: var(--activity-line) !important;
  background: var(--activity-panel) !important;
  color: var(--activity-ink) !important;
  box-shadow: 0 18px 45px rgba(8,18,46,.20);
}

.activity-page .activity-button--primary {
  border-color: #c94f31 !important;
  background: #c94f31 !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(201,79,49,.18) !important;
}

.activity-page .activity-hero__media picture,
.activity-page .activity-visual {
  border-color: var(--activity-line) !important;
  background-color: var(--activity-panel-strong) !important;
  box-shadow: 0 18px 45px rgba(8,18,46,.20) !important;
}

.activity-page .activity-visual span {
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(37,63,130,.68) !important;
  color: var(--activity-ink) !important;
}

.activity-page .activity-hero__icon-panel,
.activity-page .activity-visual--icon-panel {
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--activity-line) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(37,63,130,.72), rgba(30,75,118,.48)),
    radial-gradient(circle at 78% 18%, rgba(255,215,160,.22), transparent 34%) !important;
  box-shadow: 0 18px 45px rgba(8,18,46,.20) !important;
}

.activity-page .activity-hero__icon-panel {
  min-height: clamp(12rem, 26vw, 18rem) !important;
}

.activity-page .activity-visual--icon-panel {
  min-height: clamp(8rem, 18vw, 12rem) !important;
}

.activity-page .activity-hero__icon-panel .icon {
  width: clamp(4.25rem, 11vw, 7rem);
  height: clamp(4.25rem, 11vw, 7rem);
  margin: 0;
  color: var(--activity-gold);
}

.activity-page .activity-visual--icon-panel .icon {
  width: clamp(3rem, 8vw, 5rem);
  height: clamp(3rem, 8vw, 5rem);
  margin: 0;
  color: var(--activity-gold);
}

.activity-page .activity-hero-summary {
  max-width: 58rem;
  color: var(--activity-muted) !important;
  font-size: clamp(1rem, 1.8vw, 1.16rem);
  line-height: 1.55;
}