/* Bright, scoped tutorial with user-controlled motion and disposable state. */
.interactive-tour{--tour-ink:#12224a;background:#14264f;color:#fff;border-radius:28px;padding:28px;margin:24px 0;overflow:hidden;box-shadow:0 16px 36px #10234824;isolation:isolate}
.interactive-tour *{box-sizing:border-box}.interactive-tour .tour-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.interactive-tour .tour-tag{background:#ffda36;color:#17254d;padding:7px 14px;border-radius:30px;font-weight:800}.interactive-tour progress{accent-color:#30e0c0;flex:1;min-width:60px;max-width:280px;height:10px}.interactive-tour .tour-counter{font-weight:800;direction:ltr}.interactive-tour h3{font-family:inherit;font-size:clamp(1.382rem,2.211vw,2.345rem);line-height:1.2;color:#fff;margin:22px 0 10px;max-width:100%}.interactive-tour .tour-instruction{font-size:1.005rem;color:#e9efff;margin-bottom:24px}.interactive-tour [data-tour-scene]{min-height:380px;animation:tour-arrive .4s ease both}.interactive-tour .tour-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.interactive-tour .tour-scene-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:5px solid #ffda36;box-shadow:0 10px 0 #060e2770}.interactive-tour .tour-pile{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:15px 4px}.interactive-tour .tour-sticky{color:#13224a;background:#ffda36;border-radius:17px;padding:22px 12px;font-size:1.214rem;font-weight:800;box-shadow:0 7px 0 #070e2980;transform:rotate(-4deg);text-align:center}.interactive-tour .tour-sticky:nth-child(2){background:#ff8295;transform:rotate(5deg)}.interactive-tour .tour-sticky:nth-child(3){background:#30e0c0;transform:rotate(3deg)}.interactive-tour .tour-sticky:nth-child(4){background:#b5a1ff;transform:rotate(-5deg)}.interactive-tour .tour-sticky img{display:block;width:100px;height:90px;margin:0 auto 10px}.interactive-tour .tour-mini-caption{grid-column:1/-1;text-align:center;font-size:1.047rem;font-weight:700;padding-top:15px;color:#fff}
.interactive-tour .tour-kit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.interactive-tour .tour-kit button{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#fff;color:#12224a;border:3px solid #fff;border-radius:20px;padding:16px 8px;min-width:0;font-size:1rem;font-weight:800;box-shadow:0 7px 0 #090e2c;transition:transform .16s,background .16s}.interactive-tour .tour-kit button img{width:100%;max-width:115px;height:112px;object-fit:contain}.interactive-tour .tour-kit button[aria-pressed=true]{background:#30e0c0;border-color:#30e0c0;transform:translateY(-6px)}.interactive-tour .tour-check{align-self:flex-end;display:grid;place-items:center;width:28px;height:28px;background:#14264f;color:white;border-radius:50%;font-size:1.089rem}.interactive-tour .tour-kit-status{margin-top:24px;font-size:1.005rem;font-weight:800;color:#fff}.interactive-tour .tour-kit-status progress{display:block;width:100%;max-width:none;margin-top:12px}.interactive-tour .tour-task-demo{background:#fff;color:#14264f;border:6px solid #c6d0e4;border-radius:25px;padding:25px;min-width:0;transition:border-color .2s,transform .2s}.interactive-tour .tour-task-demo img{width:110px;height:104px;float:left;margin-right:10px}.interactive-tour .tour-task-demo strong{display:block;font-size:1.508rem}.interactive-tour .tour-task-demo p{color:#14264f}.interactive-tour .tour-task-demo[data-priority=urgent]{border-color:#ff5472;transform:rotate(-1deg)}.interactive-tour .tour-task-demo[data-priority=normal]{border-color:#ffda36}.interactive-tour .tour-task-demo[data-priority=low]{border-color:#30e0c0}.interactive-tour .tour-priorities{display:grid;gap:14px}.interactive-tour .tour-priorities button{color:#14264f;background:#ff8295;border:3px solid transparent;border-radius:16px;padding:18px;text-align:start;font-size:1.005rem;font-weight:800;box-shadow:0 5px 0 #060e2780}.interactive-tour .tour-priorities button:nth-child(2){background:#ffda36}.interactive-tour .tour-priorities button:nth-child(3){background:#30e0c0}.interactive-tour .tour-priorities button[aria-pressed=true]{border-color:#fff;outline:2px solid #fff;outline-offset:3px}.interactive-tour .tour-priorities button[aria-pressed=true]:after{content:' ✓';font-size:1.172rem}
.interactive-tour .tour-finale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.interactive-tour .tour-final-card{position:relative;color:#14264f;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 6px 0 #090e2c}.interactive-tour .tour-final-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.interactive-tour .tour-final-card p{margin:0;padding:16px;font-weight:800;font-size:1.005rem}.interactive-tour .tour-final-card span{position:absolute;top:12px;right:12px;border-radius:30px;background:#ffda36;color:#14264f;font-weight:800;padding:5px 12px}.interactive-tour .tour-success{margin-top:22px;color:#30e0c0;font-size:1.172rem;font-weight:800}.interactive-tour .tour-real-link{display:inline-flex;background:#ffda36;color:#14264f;padding:12px 22px;min-height:48px;border-radius:14px;font-weight:800;text-decoration:none}
.interactive-tour .tour-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:24px;margin-top:24px;border-top:1px solid #63769b}.interactive-tour .tour-controls button{border-radius:12px;font-weight:800;min-height:48px;border:2px solid #b3c5ed;color:#fff;background:#14264f}.interactive-tour .tour-controls #tour-play{background:#30e0c0;color:#14264f;border-color:#30e0c0}.interactive-tour .tour-controls #tour-next{background:#ffda36;color:#14264f;border-color:#ffda36;margin-inline-start:auto}.interactive-tour .tour-controls button:disabled{opacity:.5;cursor:default}.interactive-tour button:hover:not(:disabled){filter:brightness(1.06)}.interactive-tour :focus-visible{outline:3px solid #fff;outline-offset:5px}.interactive-tour .tour-footnote{color:#d0dcf4;font-size:1rem;margin-top:18px}.interactive-tour .tour-footnote strong{color:#fff}.interactive-tour .tour-text-only{color:#fff}
@keyframes tour-arrive{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.interactive-tour{padding:20px}.interactive-tour .tour-stage{grid-template-columns:1fr}.interactive-tour .tour-scene-image{max-height:310px}.interactive-tour .tour-finale{grid-template-columns:1fr}.interactive-tour .tour-final-card{display:grid;grid-template-columns:40% 1fr;align-items:center}.interactive-tour .tour-final-card p{padding-top:40px}.interactive-tour .tour-final-card span{right:auto;left:12px}.interactive-tour [data-tour-scene]{min-height:0}.interactive-tour .tour-kit button img{height:90px}.interactive-tour .tour-controls #tour-next{margin-inline-start:0}.interactive-tour .tour-controls button{flex:1 1 120px}.interactive-tour .tour-pile{gap:12px}.interactive-tour .tour-sticky{padding:12px;font-size:1rem}}
@media(prefers-reduced-motion:reduce){.interactive-tour [data-tour-scene]{animation:none}.interactive-tour *{transition:none!important;scroll-behavior:auto!important}.interactive-tour .tour-kit button[aria-pressed=true],.interactive-tour .tour-task-demo[data-priority=urgent]{transform:none}}
@media print{.interactive-tour{display:none}}
/* Full-day examples stay readable independently of the private board styles. */
.interactive-tour .tour-scene-image,.interactive-tour .tour-final-card img{height:auto}
.sample-board .sample-focus{min-height:48px;background:#fff;color:#14264f;border:2px solid #55729c;margin-top:16px;width:100%}.sample-board .sample-focus[aria-pressed=true]{background:#14264f;color:#fff}.sample-feedback{font-size:1rem;font-weight:600;line-height:1.5;min-height:3em;margin:12px 0 0}.sample-next-label{display:block;font-size:1rem;font-weight:800;color:#194a9b;margin-bottom:6px}#board-method{scroll-margin-top:100px}#board-method li{margin-block:12px;line-height:1.7}
#full-board-examples{scroll-margin-top:100px}.sample-note{font-size:1rem;line-height:1.7}.sample-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-top:22px}.sample-board{min-width:0;border:2px solid #cad4e4;border-radius:26px;overflow:hidden;background:#edf3ff;padding-bottom:22px;color:#14264f}.sample-board:nth-child(2){background:#ebfff8;border-color:#a7daca}.sample-header{background:#14264f;color:white}.sample-header img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.sample-header h3{font-family:inherit!important;font-size:1.382rem!important;color:white!important;line-height:1.3;padding:20px;margin:0!important}.sample-board:nth-child(2) .sample-header{background:#155e50}.sample-progress{padding:20px;font-size:1rem;font-weight:800}.sample-progress progress{display:block;width:100%;height:14px;margin-top:12px;accent-color:#1854af}.sample-activity{--sample-tone:#765800;--sample-bg:#fff4cc;display:grid;grid-template-columns:115px minmax(0,1fr);gap:14px;align-items:center;background:#fff;border:1px solid #c8d3e4;border-inline-start:7px solid var(--sample-tone);border-radius:18px;margin:0 16px 16px;padding:14px;color:#14264f}.sample-activity.tone-urgent{--sample-tone:#a6213f;--sample-bg:#ffe6eb}.sample-activity.tone-low{--sample-tone:#176343;--sample-bg:#dcfbea}.sample-activity.sample-complete{--sample-tone:#194a9b;--sample-bg:#e2eeff}.sample-art{display:block;width:115px;height:110px;object-fit:contain}.sample-art.sample-scene{object-fit:cover;border-radius:13px}.sample-content{min-width:0}.sample-content time{font-size:1rem;font-weight:800;direction:ltr;display:inline-block}.sample-content h4{font-family:inherit;font-size:1rem;line-height:1.35;margin:5px 0 9px;color:#14264f}.sample-status{display:inline-block;background:var(--sample-bg);color:var(--sample-tone);padding:3px 10px;border-radius:25px;font-size:1rem;font-weight:800}.sample-content p{margin:10px 0;font-size:1rem;line-height:1.5;color:#334563}.sample-content label{display:flex;gap:10px;align-items:center;min-height:44px;cursor:pointer;font-size:1rem;font-weight:700;line-height:1.4}.sample-content input{width:25px;height:25px;flex:0 0 25px;accent-color:#1854af;margin:0}.sample-board .sample-reset{display:block;margin:8px auto 0;min-height:48px;max-width:calc(100% - 32px);background:#fff;color:#14264f;border:2px solid #55729c}.sample-board :focus-visible{outline:3px solid #1854af;outline-offset:4px}
.family-tour>p,body:has(.family-tour) .intro p{font-size:clamp(1rem,1rem + 0.335vw,1.214rem);line-height:1.7}.family-tour .hint{font-size:1rem}.sample-tasks{margin-top:28px;padding:clamp(18px,3vw,28px);border:2px solid #c8d3e4;border-radius:20px;background:#fff;color:#14264f}.sample-tasks h3{font-size:1.256rem}.sample-tasks ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}.sample-tasks li{padding:14px;border:1px solid #c8d3e4;border-radius:12px;background:#f5f8ff;font-size:1rem;font-weight:700}.sample-tasks li::before{content:'☐';margin-inline-end:10px;color:#1854af}@media(max-width:640px){.sample-tasks ul{grid-template-columns:1fr}}
@media(max-width:1000px){.sample-boards{grid-template-columns:1fr}.sample-header{display:grid;grid-template-columns:45% 1fr;align-items:center}.sample-header img{aspect-ratio:4/3}.sample-header h3{font-size:1.172rem!important}.sample-activity{grid-template-columns:140px minmax(0,1fr)}.sample-art{width:140px;height:125px}}
@media(max-width:480px){.sample-header{display:block}.sample-header img{aspect-ratio:16/10}.sample-activity{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:12px;margin:0 10px 12px}.sample-art{width:80px;height:90px}.sample-content h4{font-size:1rem}.sample-progress{padding:16px}.sample-content label{font-size:1rem}}

/* Match the private entry hierarchy without shrinking controls or printed text. */
@media screen{
  .family-guide-page .intro h1{font-size:clamp(1.75rem,2.8vw,2.5rem)}
  .family-guide-page .intro>p:not(.hint):not(.eyebrow),.family-guide-page .family-tour>p:not(.hint):not(.eyebrow){font-size:1.0625rem}
  .family-guide-page .intro :is(.hint,.eyebrow),.family-guide-page .family-tour>.eyebrow{font-size:1rem}
}