/* One-screen activity discovery, with full instructions still in the existing dialog. */
.guide-page .guide-hero {
  min-height:0; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);
  gap:clamp(20px,3vw,42px); align-items:stretch;
  margin:16px 0 0; padding:clamp(22px,2.5vw,32px);
  color:#f8fffb; background:radial-gradient(circle at 80% 5%,rgba(131,190,164,.22),transparent 34%),linear-gradient(130deg,#173d35,#276657);
  border-radius:30px;
}
.guide-hero-copy { align-self:center; min-width:0; padding:10px 0; }
.guide-page .guide-hero-copy .home-eyebrow { color:#b9e7d6; }
.guide-page .guide-hero h1 { max-width:670px; margin:0 0 18px; font-size:clamp(3.2rem,5.7vw,5.8rem); line-height:.96; letter-spacing:-.07em; }
.guide-page .guide-hero h1 span { color:#bde7d4; font-family:Georgia,serif; font-style:italic; font-weight:400; }
.guide-page .guide-hero .hero-lead { max-width:42ch; margin:0; color:#d6eae1; font-size:clamp(.95rem,1.4vw,1.1rem); line-height:1.5; }
.guide-quick-start { align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-width:0; padding:clamp(20px,2.3vw,30px); color:var(--ink); background:#ecf5ef; border:1px solid rgba(255,255,255,.48); border-radius:24px; }
.guide-quick-start .home-eyebrow { margin-bottom:11px; font-size:.66rem; }
.guide-quick-start h2 { max-width:15ch; margin:0 0 17px; font-size:clamp(1.7rem,2.5vw,2.4rem); line-height:1.05; letter-spacing:-.05em; }
.guide-quick-start .duration-filter-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.guide-quick-start .duration-filter { min-width:0; min-height:44px; padding:0 8px; border-radius:12px; background:#fff; font-size:.8rem; }
.guide-quick-start .duration-filter[aria-pressed="true"] { background:var(--green-deep); color:#fff; }
.guide-quick-start .topics-count { margin:10px 0 0; color:#527066; font-size:.73rem; }

.guide-page .guide-browser { padding:38px 0 70px; border-top:0; }
.guide-page .guide-section-heading { margin-bottom:18px; }
.guide-page .guide-section-heading .home-eyebrow { margin-bottom:7px; font-size:.65rem; }
.guide-page .guide-section-heading h2 { margin:0; font-size:clamp(2.2rem,3.6vw,3.6rem); line-height:1; }
.guide-page .activity-grid { counter-reset:guide-card; gap:12px; }
.guide-page .activity-card {
  counter-increment:guide-card; position:relative; isolation:isolate; min-height:222px;
  background:#e8f2eb; border:1px solid rgba(31,85,63,.08); border-radius:19px; box-shadow:none;
  transition:transform 180ms ease,box-shadow 180ms ease;
}
.guide-page .activity-card:nth-child(6n+2) { background:#f4eddf; }
.guide-page .activity-card:nth-child(6n+3) { background:#e7ecf3; }
.guide-page .activity-card:nth-child(6n+4) { background:#ede9f1; }
.guide-page .activity-card:nth-child(6n+5) { background:#eff0e4; }
.guide-page .activity-card:nth-child(6n+6) { background:#e2f0ed; }
.guide-page .activity-card::before { display:none; }
.guide-page .activity-card::after { content:counter(guide-card,decimal-leading-zero); position:absolute; z-index:-1; top:47px; right:13px; color:rgba(34,91,73,.065); font-size:clamp(5.5rem,9vw,9rem); line-height:1; letter-spacing:-.11em; font-weight:800; pointer-events:none; }
.guide-page .activity-card:hover,
.guide-page .activity-card:focus-within { transform:translateY(-3px); border-color:rgba(40,108,94,.22); box-shadow:0 17px 32px rgba(34,77,62,.1); }
.guide-page .activity-card-button { min-height:222px; padding:19px 21px; }
.guide-page .activity-card-topline { align-items:start; }
.guide-page .activity-card .topic-category { color:#286c5e; background:rgba(255,255,255,.58); }
.guide-page .activity-duration { color:#214b40; background:rgba(255,255,255,.55); border:0; }
.guide-page .activity-card-title { max-width:13ch; margin-top:20px; font-size:clamp(1.35rem,1.9vw,1.8rem); line-height:1.08; }
.guide-page .activity-card-copy { max-width:33ch; margin-top:8px; font-size:.75rem; line-height:1.45; -webkit-line-clamp:2; }
.guide-page .activity-card-footer { padding-top:12px; color:#567168; }
.guide-page .activity-card-action { color:#1e574b; }
.guide-page .activity-card-action span { display:inline-block; transition:transform 160ms ease; }
.guide-page .activity-card:hover .activity-card-action span { transform:translateX(3px); }
.guide-page .guide-evidence-note { gap:26px; margin-bottom:68px; padding:24px 30px; border-radius:20px; }
.guide-page .guide-evidence-note h2 { font-size:clamp(1.4rem,2.4vw,2.15rem); }
.guide-page .guide-evidence-note > p { font-size:.78rem; line-height:1.55; }

.activity-source-disclosure { margin-top:26px; border-top:1px solid var(--line); }
.activity-source-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:54px; list-style:none; color:var(--green-deep); cursor:pointer; font-size:.82rem; font-weight:750; }
.activity-source-disclosure > summary::-webkit-details-marker { display:none; }
.activity-source-disclosure > summary::after { content:"+"; margin-left:auto; font-size:1.2rem; font-weight:400; }
.activity-source-disclosure[open] > summary::after { content:"−"; }
.activity-source-disclosure > summary span { color:var(--muted); font-size:.72rem; }
.activity-source-disclosure > summary:focus-visible { outline:3px solid rgba(40,108,94,.35); outline-offset:2px; border-radius:5px; }
.activity-source-disclosure .topic-sources { margin:0; padding:0 0 14px; border:0; }

@media (max-width:900px) {
  .guide-page .guide-hero { grid-template-columns:1fr; }
  .guide-page .guide-hero h1 { max-width:850px; }
  .guide-quick-start h2 { max-width:none; }
  .guide-quick-start .duration-filter-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .guide-page .guide-hero { gap:16px; margin-top:12px; padding:22px; border-radius:23px; }
  .guide-page .guide-hero h1 { font-size:clamp(2.7rem,10.5vw,4.3rem); }
  .guide-quick-start { padding:22px; border-radius:17px; }
  .guide-quick-start h2 { margin-bottom:17px; font-size:1.65rem; }
  .guide-quick-start .duration-filter-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; width:100%; }
  .guide-page .guide-browser { padding-top:28px; }
  .guide-page .activity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-page .activity-card,.guide-page .activity-card-button { min-height:230px; }
  .guide-page .activity-card-footer { align-items:flex-start; flex-direction:column; gap:5px; }
}
@media (max-width:520px) {
  .guide-page .activity-grid { grid-template-columns:1fr; }
  .guide-page .activity-card,.guide-page .activity-card-button { min-height:190px; }
  .guide-page .activity-card-title { margin-top:16px; }
  .guide-page .guide-evidence-note { padding:22px; }
}
@media (prefers-reduced-motion:reduce) {
  .guide-page .activity-card, .guide-page .activity-card-action span { transition:none; }
}

/* A calm editorial reading path: choose a duration, then scan the activities.
   Body-qualified rules hold their place above the shared layer loaded later. */
body.guide-page .guide-hero {
  position:relative; isolation:isolate; overflow:hidden;
  grid-template-columns:minmax(0,1.24fr) minmax(300px,.76fr);
  gap:clamp(28px,4.4vw,70px); align-items:center;
  min-height:380px; margin-top:24px; padding:clamp(34px,3.8vw,58px);
  background:linear-gradient(122deg,#173e34 0%,#1b4d3d 56%,#326b55 100%);
  box-shadow:0 26px 65px rgba(21,66,47,.15);
}
body.guide-page .guide-hero::before {
  content:""; position:absolute; z-index:-1; top:-270px; right:-170px;
  width:580px; height:580px; border:1px solid rgba(219,244,224,.23); border-radius:50%;
  box-shadow:0 0 0 72px rgba(219,244,224,.035),0 0 0 144px rgba(219,244,224,.021);
  pointer-events:none;
}
body.guide-page .guide-hero::after {
  content:""; position:absolute; z-index:-1; left:-80px; bottom:-165px;
  width:250px; height:250px; border:1px solid rgba(219,244,224,.16); border-radius:50%;
  pointer-events:none;
}
body.guide-page .guide-hero-copy { max-width:760px; }
body.guide-page .guide-hero h1 {
  max-width:12ch; margin-bottom:24px;
  font-size:clamp(3.8rem,4.7vw,5.2rem); line-height:.98; letter-spacing:-.064em;
}
body.guide-page .guide-hero h1 span { color:#c9edda; }
body.guide-page .guide-hero .hero-lead { font-size:1.06rem; line-height:1.65; }
body.guide-page .guide-quick-start {
  padding:clamp(25px,2.8vw,36px); background:#eff5e9;
  border:1px solid #fafff6; border-radius:22px;
  box-shadow:0 18px 45px rgba(6,39,27,.16);
}
body.guide-page .guide-quick-start .home-eyebrow { margin-bottom:16px; font-size:.72rem; }
body.guide-page .guide-quick-start h2 { max-width:18ch; margin-bottom:24px; font-size:clamp(1.8rem,2.3vw,2.45rem); line-height:1.08; }
body.guide-page .guide-quick-start .duration-filter-list { gap:10px; }
body.guide-page .guide-quick-start .duration-filter {
  min-height:52px; padding-inline:12px; border-radius:11px;
  font-size:.9rem; font-weight:700;
  transition:transform 180ms cubic-bezier(.22,1,.36,1),background 180ms,border-color 180ms,box-shadow 180ms;
}
body.guide-page .guide-quick-start .duration-filter:hover { transform:translateY(-2px); border-color:#97bea5; }
body.guide-page .guide-quick-start .duration-filter[aria-pressed="true"] {
  background:#205b49; border-color:#205b49; box-shadow:0 7px 18px rgba(17,74,48,.19);
}
body.guide-page .guide-quick-start .duration-filter:focus-visible { outline:3px solid #3c8c76; outline-offset:3px; }
body.guide-page .guide-quick-start .topics-count { margin-top:16px; font-size:.8rem; }

body.guide-page .guide-browser { padding:55px 0 82px; }
body.guide-page .guide-section-heading { align-items:end; margin-bottom:25px; }
body.guide-page .guide-section-heading h2 { max-width:15ch; font-size:clamp(2.6rem,3.8vw,3.9rem); line-height:1.02; letter-spacing:-.06em; }
body.guide-page .activity-grid { gap:17px; }
body.guide-page .activity-card,
body.guide-page .activity-card-button { min-height:246px; }
body.guide-page .activity-card { border-color:rgba(31,85,63,.13); border-radius:20px; }
body.guide-page .activity-card-button { padding:26px; }
body.guide-page .activity-card-title { max-width:15ch; margin-top:26px; font-size:clamp(1.65rem,2.1vw,2.1rem); line-height:1.08; }
body.guide-page .activity-card-copy { max-width:36ch; margin-top:11px; font-size:.85rem; line-height:1.58; }
body.guide-page .activity-card-footer { padding-top:18px; font-size:.82rem; }
body.guide-page .activity-card-action { font-weight:760; }
body.guide-page .activity-card:hover,
body.guide-page .activity-card:focus-within { box-shadow:0 17px 36px rgba(32,80,58,.11); }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:first-child { grid-column:span 2; background:#dceee2; }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:first-child .activity-card-title { max-width:17ch; font-size:clamp(2rem,2.7vw,2.8rem); }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:first-child .activity-card-copy { max-width:44ch; font-size:.96rem; }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:first-child::after { top:auto; bottom:-32px; right:28px; font-size:11rem; }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child { grid-column:span 3; min-height:220px; }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child .activity-card-button {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  grid-template-rows:auto 1fr auto; gap:0 clamp(24px,5vw,80px); min-height:220px;
}
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child .activity-card-topline { grid-column:1/-1; }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child .activity-card-title { grid-column:1; grid-row:2; align-self:center; max-width:18ch; margin:0; font-size:clamp(2rem,2.8vw,2.8rem); }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child .activity-card-copy { grid-column:2; grid-row:2; align-self:end; max-width:42ch; margin:0; font-size:.95rem; }
body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child .activity-card-footer { grid-column:2; grid-row:3; }
body.guide-page .guide-evidence-note { gap:28px; padding:30px 36px; background:#e3eee4; border-color:#c9dfce; }
body.guide-page .guide-evidence-note h2 { font-size:clamp(1.7rem,2.4vw,2.5rem); }
body.guide-page .guide-evidence-note > p { max-width:67ch; font-size:.89rem; line-height:1.65; }

@media (min-width:701px) {
  body.guide-page .activity-grid:has(> .activity-card:first-child:last-child) { grid-template-columns:1fr; }
  body.guide-page .activity-grid:has(> .activity-card:nth-child(2):last-child),
  body.guide-page .activity-grid:has(> .activity-card:nth-child(4):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.guide-page .activity-grid:has(> .activity-card:nth-child(5):last-child) > .activity-card:first-child {
    grid-column:span 2; background:#dceee2;
  }
  body.guide-page .activity-grid:has(> .activity-card:nth-child(5):last-child) > .activity-card:first-child .activity-card-title { max-width:17ch; font-size:clamp(2rem,2.7vw,2.8rem); }
}

@media (max-width:960px) {
  body.guide-page .guide-hero { grid-template-columns:1fr; min-height:0; gap:28px; }
  body.guide-page .guide-hero h1 { max-width:15ch; }
  body.guide-page .guide-quick-start { max-width:none; }
  body.guide-page .guide-quick-start .duration-filter-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:first-child { grid-column:auto; }
  body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child { grid-column:auto; }
  body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child .activity-card-button { display:flex; min-height:246px; }
  body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child .activity-card-title { margin-top:26px; font-size:clamp(1.65rem,2.1vw,2.1rem); }
  body.guide-page .activity-grid:has(> .activity-card:nth-child(6):last-child) > .activity-card:last-child .activity-card-copy { margin-top:11px; font-size:.85rem; }
}
@media (max-width:700px) {
  body.guide-page .guide-hero { padding:30px; }
  body.guide-page .guide-hero h1 { font-size:clamp(2.8rem,8.6vw,4rem); }
  body.guide-page .guide-quick-start { padding:23px; }
  body.guide-page .guide-quick-start .duration-filter-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.guide-page .guide-browser { padding-top:38px; }
  body.guide-page .activity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.guide-page .activity-card,
  body.guide-page .activity-card-button { min-height:235px; }
}
@media (max-width:520px) {
  body.guide-page .guide-hero { gap:22px; padding:25px 22px; }
  body.guide-page .guide-hero h1 { max-width:none; font-size:clamp(2.65rem,10.1vw,3.3rem); }
  body.guide-page .guide-hero .hero-lead { font-size:.95rem; }
  body.guide-page .guide-quick-start h2 { font-size:1.78rem; }
  body.guide-page .guide-quick-start .duration-filter { min-height:48px; font-size:.82rem; }
  body.guide-page .guide-section-heading h2 { font-size:2.3rem; }
  body.guide-page .activity-grid { grid-template-columns:1fr; }
  body.guide-page .activity-card,
  body.guide-page .activity-card-button { min-height:210px; }
  body.guide-page .activity-card-button { padding:23px; }
  body.guide-page .activity-card-title { margin-top:18px; }
  body.guide-page .guide-evidence-note { padding:24px; }
}
@media (max-width:380px) {
  body.guide-page .guide-hero h1 { font-size:2.48rem; }
}
@media (prefers-reduced-motion:reduce) {
  body.guide-page .guide-quick-start .duration-filter:hover,
  body.guide-page .activity-card:hover,
  body.guide-page .activity-card:focus-within { transform:none; }
}

/* Keep user agency and the non-medical boundary visible while reducing prose density. */
body.guide-page .guide-principles {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px;
  margin:0; padding:0; list-style:none;
}
body.guide-page .guide-principles li {
  display:flex; align-items:flex-start; gap:13px; min-width:0; min-height:95px;
  padding:19px; color:#2d5042; background:#f7faf4;
  border:1px solid #d0e1d0; border-radius:15px;
  font-size:.89rem; font-weight:580; line-height:1.48;
}
body.guide-page .guide-principles li:last-child {
  color:#5e6252; background:#fbf7eb; border-color:#e5dcc6;
}
body.guide-page .guide-principle-mark {
  flex:0 0 28px; display:grid; place-items:center; width:28px; height:28px;
  color:#fff; background:#276e53; border-radius:50%;
  font-size:.83rem; font-weight:780; line-height:1;
}
body.guide-page .guide-principles li:last-child .guide-principle-mark { background:#94825a; }
@media (max-width:1050px) {
  body.guide-page .guide-principles { grid-template-columns:1fr; }
  body.guide-page .guide-principles li { min-height:0; }
}
