/* The first visit shows the value of each action before asking for it. */
.hero-refresh {gap: 14px 22px; padding-top: 38px}
.hero-refresh .hero-copy {position: relative; z-index: 1}
.hero-refresh .hero-lead {font-size: clamp(1.15rem, 1.75vw, 1.45rem); margin-top: 1.4rem}
.hero-refresh .hero-evidence {margin-top: 1.1rem; color: var(--muted); font-size: .92rem; line-height: 1.7}
.hero-refresh .hero-art {align-self: center}
.hero-refresh .hero-art img {width: 100%; max-height: none; aspect-ratio: 3 / 2; object-fit: contain}
.hero-refresh .hero-art figcaption {display: flex; justify-content: center; align-items: center; gap: 9px; color: var(--blue); font-size: .93rem; font-weight: 600; line-height: 1.7; padding: 10px 8px 0; flex-wrap: wrap}
.hero-refresh .hero-art figcaption span[aria-hidden] {color: #a6b6c1; font-weight: 400}
.takeaway-heading {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin: 25px 0 14px}
.takeaway-heading strong {font-size: 1.1rem}
.takeaway-heading a {font-size: .94rem; min-height: 40px; display: inline-flex; align-items: center}
.takeaway-strip {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 17px 0 22px; border-block: 1px solid var(--rule)}
.takeaway-strip > div {display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 3px 12px; padding: 0 20px; min-width: 0; border-left: 1px solid var(--rule)}
.takeaway-strip > div:first-child {padding-left: 0; border-left: 0}
.takeaway-strip > div:last-child {padding-right: 0}
.takeaway-strip > div > span {grid-row: span 2; color: #6b89a0; font-size: 1.25rem; line-height: 1.6}
.takeaway-strip strong {font-size: 1.16rem; line-height: 1.55}
.takeaway-strip p {font-size: .95rem; color: var(--muted); line-height: 1.75}
.start-choices {display: grid; grid-template-columns: 1.08fr 1fr; gap: 22px; margin-top: 24px}
.start-choice {display: flex; flex-direction: column; align-items: stretch; min-width: 0; padding: 27px 30px; border: 1px solid var(--rule); border-radius: 6px}
.start-choice-primary {background: #edf4f9; border-color: #aac0d1; border-top: 4px solid var(--blue); padding-top: 24px}
.start-choice-full {background: #fff; border-top: 4px solid #b5c4ce; padding-top: 24px}
.start-choice-meta {display: flex; justify-content: space-between; gap: 8px 16px; align-items: center; flex-wrap: wrap; color: var(--blue); font-size: .95rem; line-height: 1.6}
.start-choice-meta b {font-size: .88rem; background: white; border: 1px solid var(--rule); padding: 3px 9px; font-weight: 400; border-radius: 3px}
.start-choice h2 {font: 600 clamp(1.3rem, 2.1vw, 1.65rem)/1.55 var(--sans); margin: 17px 0 10px; text-wrap: pretty}
.start-choice p {font-size: 1rem; line-height: 1.8; color: var(--muted); margin: 0 0 20px; max-width: 29em}
.start-choice .button {margin-top: auto; min-height: 58px; padding: 12px 18px; justify-content: space-between; font-size: 1.05rem}
.start-choice .button span {font-size: 1.3rem; font-weight: 400; margin-left: 8px}
.start-choice small {font-size: .92rem; color: var(--muted); display: block; margin-top: 13px; line-height: 1.75}
.start-choice a:hover {box-shadow: 0 4px 14px #20364b17; transform: translateY(-1px)}
.local-notice {margin: 14px 0 40px; padding: 26px 30px 20px; background: #f3f7fa; border: 1px solid #b8cbd8; border-left: 5px solid var(--blue); border-radius: 4px}
.local-notice-label {display: block; color: var(--accent); font-size: .94rem; font-weight: 600; margin-bottom: 4px}
.local-notice h2 {font: 600 clamp(1.3rem, 2.1vw, 1.65rem)/1.6 var(--sans); text-wrap: pretty}
.local-notice-points {display: grid; grid-template-columns: 1fr 1.35fr 1.05fr; gap: 16px 24px; margin: 22px 0 18px}
.local-notice-points p {margin: 0; padding-left: 13px; border-left: 2px solid #8ca8be; font-size: .95rem; line-height: 1.8}
.local-notice-points strong {display: block; color: var(--blue); font-size: 1.05rem; margin-bottom: 3px}
.local-notice-points p > span {display: block; color: var(--muted)}
.local-notice-foot {display: flex; justify-content: space-between; align-items: center; gap: 10px 24px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid #c5d4df; font-size: .94rem; line-height: 1.75}
.local-notice-foot a {min-height: 40px; display: inline-flex; align-items: center}
.mobile-break {display: none}
.start-panel .local-notice {margin-bottom: 0; text-align: left}
.journey-section {padding: 26px 0 30px; border-block: 1px solid var(--rule); margin: 40px 0 70px}
.journey-heading {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px}
.journey-heading h2 {font-size: clamp(1.5rem, 2.6vw, 2rem)}
.journey-track {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 24px 0 14px; padding: 0; gap: 26px}
.journey-track li {position: relative; margin: 0; min-width: 0}
.journey-track li:not(:last-child)::after {content: '→'; position: absolute; right: -21px; top: 26px; font-size: 1.3rem; color: #8da6b7}
.journey-track a {display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 3px 8px; padding: 17px 10px 15px; border-top: 3px solid #a8bdcc; background: #f8fafc; text-decoration: none; height: 100%}
.journey-track li:nth-child(2) a {border-color: #c8b779; background: #fffaf0}
.journey-track a:hover {background: #eaf2f7; border-color: var(--blue)}
.journey-number {grid-row: span 2; font-size: 1.3rem; color: #7b95a9}
.journey-track strong {font-size: 1.13rem; line-height: 1.6}
.journey-track a > span:last-child {font-size: .93rem; line-height: 1.75; color: var(--muted)}
.journey-return {display: flex; align-items: start; gap: 10px; font-size: .95rem; line-height: 1.8; color: var(--muted); margin-top: 16px}
.journey-return > span {font-size: 1.5rem; line-height: 1.2; color: var(--accent)}
.outcomes-heading {margin-bottom: 28px}
.outcomes-heading h2 {max-width: 21em; font-size: clamp(1.7rem, 3.1vw, 2.5rem); line-height: 1.55}
.outcomes-heading > p:last-child {font-size: 1.07rem; color: var(--muted); margin-top: 16px; line-height: 1.85}
.outcomes-layout {display: grid; grid-template-columns: minmax(250px, .69fr) minmax(0, 1.31fr); gap: 32px; align-items: start}
.outcome-choice {position: sticky; top: 24px; min-width: 0}
.outcome-choice-label {font-size: .95rem; color: var(--muted); margin-bottom: 12px}
.outcome-tabs {display: grid; gap: 14px}
.outcome-tabs button {display: flex; align-items: start; gap: 12px; width: 100%; text-align: left; padding: 18px 16px; border: 1px solid var(--rule); border-left: 4px solid #a6bbca; border-radius: 4px; background: white; color: var(--ink)}
.outcome-tabs button.is-active {border-color: var(--blue); background: #edf4f9; box-shadow: 0 3px 10px #20364b08}
.outcome-tabs button:hover {background: #f3f7fa; border-color: var(--accent)}
.outcome-tab-number {font-size: 1.2rem; color: #8098aa; line-height: 1.6}
.outcome-tabs strong {display: block; font-size: 1.15rem; line-height: 1.6}
.outcome-tabs small {display: block; font-size: .94rem; color: var(--muted); line-height: 1.75; margin-top: 5px}
.outcome-tab-arrow {margin-left: auto; font-size: 1.3rem; align-self: center; color: var(--accent)}
.outcome-reading {display: flex; align-items: center; gap: 16px; margin: 28px 0 22px; padding-top: 22px; border-top: 1px solid var(--rule)}
.outcome-reading img {width: 67px; height: auto; flex: 0 0 67px; box-shadow: 2px 3px 8px #20364b20}
.outcome-reading p {font-size: .94rem; line-height: 1.8}
.outcome-reading strong {display: block; font-size: 1rem; margin-bottom: 6px}
.outcome-reading p span {display: block; color: var(--muted)}
.outcome-choice > .button {width: 100%; min-height: 54px; font-size: 1rem}
.outcome-choice > .text-link {margin-top: 13px; font-size: .94rem}
.outcome-paper {border: 1px solid #c1cfda; border-top: 4px solid var(--blue); background: #fff; box-shadow: 0 9px 30px #233e5610; padding: 24px; min-width: 0; border-radius: 4px}
.outcome-paper-top {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px 14px; padding-bottom: 19px; margin-bottom: 20px; border-bottom: 1px solid var(--rule)}
.outcome-paper-top > span:last-child {font-size: .93rem; color: var(--muted)}
.example-label {font-size: .93rem; line-height: 1.7; padding: 3px 10px}
.outcome-kicker {font-size: .94rem; line-height: 1.75; color: var(--accent); font-weight: 600; display: block; margin-bottom: 7px}
.outcome-current-summary {display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 12px}
.outcome-current-summary h3 {font-family: var(--sans); font-size: 1.3rem; line-height: 1.7; text-wrap: pretty}
.outcome-current-summary h3 strong {font-size: 2.8rem; color: var(--blue); margin-right: 4px; line-height: 1.2}
.outcome-current-summary > p {font-size: .94rem; line-height: 1.75; text-align: right; color: var(--muted); margin: 0}
.outcome-current-summary > p > span {display: block}
.example-evidence {background: #fff9e8; border-left: 3px solid #c3ae6c; padding: 19px 21px; margin-top: 22px}
.example-evidence h4 {font-size: 1.22rem; line-height: 1.7; margin: 0}
.example-evidence a {display: inline-flex; align-items: center; min-height: 44px; margin-top: 10px; font-size: .95rem; line-height: 1.75}
.preview-change > h3, .preview-next > h3 {font: 600 clamp(1.3rem, 2vw, 1.6rem)/1.7 var(--sans); text-wrap: pretty}
.change-amounts {display: flex; align-items: center; justify-content: space-around; gap: 14px; margin: 28px 0 20px}
.change-amounts > div > span {display: block; font-size: 1rem; color: var(--muted)}
.change-amounts strong {font-size: 3.6rem; line-height: 1.4; color: var(--blue)}
.change-amounts > div:first-child strong {color: #778fa1}
.change-amounts small {font-size: 1rem; font-weight: 400; color: var(--muted)}
.change-arrow {font-size: 2rem; color: #98afc0}
.change-track {display: grid; gap: 12px; background: repeating-linear-gradient(90deg,#d8e1e8 0,#d8e1e8 1px,transparent 1px,transparent 25%); padding: 3px 0 8px}
.change-track > div {width: var(--amount); min-width: 0; min-height: 38px; display: flex; align-items: center; padding: 7px 12px; border-radius: 0 3px 3px 0; font-size: .96rem; line-height: 1.4; white-space: nowrap}
.change-track .before {background: #dbe5ec; color: #365168}
.change-track .current {background: var(--blue); color: white}
.habit-change {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px}
.habit-change p {font-size: 1.1rem; font-weight: 600; margin: 0}
.habit-change p > span {display: block; font-size: .93rem; font-weight: 400; color: var(--muted); margin-bottom: 4px}
.habit-change > span {color: #8da6b7; font-size: 1.5rem}
.outcome-note {font-size: .93rem; line-height: 1.8; color: var(--muted); margin-top: 18px}
.next-example-body {display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 22px; align-items: start; margin-top: 28px}
.next-example-body > img {width: 92px; box-shadow: 2px 4px 10px #20364b22}
.next-example-body .book-tag {margin: 0 0 11px; font-size: .94rem}
.next-example-body h4 {font-size: 1.2rem; line-height: 1.75; margin-bottom: 11px}
.next-example-body p {font-size: 1rem; line-height: 1.85; color: var(--muted)}
.next-example-body p strong {color: var(--ink)}
.next-example-body a {display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; font-size: .95rem}
.next-example-plan {display: grid; grid-template-columns: 1fr 25px 1.35fr; align-items: center; gap: 12px; margin-top: 30px}
.next-example-plan > div {padding: 16px; background: #f2f6f9; border: 1px solid #c5d4de; border-radius: 4px; min-width: 0}
.next-example-plan > div:last-child {background: #fffaf0; border: 2px dashed #c2af76}
.next-example-plan span {font-size: .94rem; color: var(--muted); display: block}
.next-example-plan strong {font-size: 1.05rem; line-height: 1.75; display: block; margin-top: 6px}
.next-check-date {margin-top: 22px; font-size: 1rem; line-height: 1.9}
.next-check-date b {font-size: 1.5rem; color: var(--blue); margin-right: 6px}
.meaning-intro {display: grid; grid-template-columns: .85fr 1.15fr; gap: 32px; align-items: center; margin-top: 38px; padding: 28px; background: #f3f7fa; border-radius: 4px}
.meaning-intro h3 {font-size: clamp(1.4rem, 2vw, 1.65rem); line-height: 1.6; margin-bottom: 12px}
.meaning-intro > div > p:not(.kicker) {font-size: 1rem; line-height: 1.85; color: var(--muted)}
.meaning-example {padding: 21px 24px; border: 1px solid #c5d4de; background: white}
.meaning-example ol {list-style: none; margin: 15px 0 0; padding: 0}
.meaning-example li {display: grid; grid-template-columns: 4em minmax(0, 1fr); gap: 12px; padding: 11px 0; margin: 0; border-top: 1px solid var(--rule); font-size: 1rem; line-height: 1.8}
.meaning-example b {color: var(--blue)}
.discovery-heading {display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 30px; margin-bottom: 26px}
.discovery-heading > p {font-size: 1.05rem; line-height: 1.9; color: var(--muted); margin: 0}
.discovery-heading > p strong {color: var(--ink)}
.discovery-grid {display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px}
.discovery-card {display: grid; grid-template-columns: 138px minmax(0,1fr); gap: 16px; min-width: 0; padding: 22px 22px 20px 12px; text-decoration: none; color: var(--ink); border: 1px solid #c4d3de; border-top: 3px solid #7e9bb1; background: white; border-radius: 4px; transition: box-shadow .15s ease,border-color .15s ease}
.discovery-card:last-child {border-top-color: #bba66f; background: #fffdf7}
.discovery-card:hover {color: var(--ink); border-color: var(--accent); box-shadow: 0 7px 24px #20364b14}
.discovery-scene .scene-art {width: 100%; background: transparent}
.discovery-scene > span:last-child {display: block; color: var(--accent); font-size: .93rem; line-height: 1.75; margin: 8px 0; text-align: center}
.discovery-card h3 {font-family: var(--sans); font-size: 1.22rem; line-height: 1.75; text-wrap: pretty}
.discovery-question {color: var(--muted); font-size: .98rem; line-height: 1.8; margin: 11px 0 17px}
.discovery-hint {background: #f0f5f8; border-left: 2px solid #9cb4c6; padding: 11px 13px; margin-top: 16px}
.discovery-hint > span {color: var(--accent); font-size: .93rem; font-weight: 600}
.discovery-hint p {font-size: .98rem; line-height: 1.85; margin-top: 5px}
.discovery-link {display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; font-size: .97rem; font-weight: 600; color: var(--blue); margin-top: 13px}
.discovery-link b {font-size: 1.3rem}
.discovery-copy > small {font-size: .92rem; color: var(--muted); display: block}
.discovery-more {margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--rule)}
.discovery-more p {font-size: .96rem; line-height: 1.8; color: var(--muted)}
.discovery-more a {font-size: .96rem; margin-top: 8px}
.overview-toggle {background: var(--blue); color: white; border-color: var(--blue); border-radius: 6px; box-shadow: 0 4px 18px #20364b25; min-height: 55px; font-size: 1rem; font-weight: 600; display: flex; align-items: center; gap: 11px; padding: 12px 20px}
.overview-toggle::before {content: ''; width: 18px; height: 18px; flex: 0 0 18px; background: linear-gradient(90deg,currentColor 7px,transparent 7px,transparent 11px,currentColor 11px) top/100% 7px no-repeat,linear-gradient(90deg,currentColor 7px,transparent 7px,transparent 11px,currentColor 11px) bottom/100% 7px no-repeat; opacity: .85}
.overview-toggle:hover {color: white; background: #173f61}
.result-overview {grid-template-columns: minmax(235px,.56fr) minmax(0,1.44fr); align-items: start; border: 0; gap: 24px}
.result-metrics {border: 1px solid var(--yellow-rule); border-top: 4px solid #c1ab6a; border-radius: 4px; padding: 26px 23px}
.result-domains {min-width: 0; border: 1px solid var(--rule); border-top: 4px solid var(--blue); border-radius: 4px; padding: 25px}
.result-domain-intro {font-size: 1rem; color: var(--muted); line-height: 1.8; margin: 12px 0 20px}
.result-overview .metric-strip {grid-template-columns: minmax(0,1fr); gap: 10px; padding-block: 15px}
.result-overview .metric-strip > span {display: flex; align-items: baseline; gap: 12px; font-size: .95rem}
.result-overview .metric-strip b {font-size: 1.65rem; min-width: 1.3em; margin: 0}
.result-overview .big-count {font-size: 4.6rem}
.result-overview .big-count small {font-size: .94rem}
.result-overview .completed-note {font-size: .95rem; line-height: 1.85}
@media (max-width:1100px) {
  .discovery-card {grid-template-columns: 105px minmax(0,1fr); gap: 12px; padding: 20px 18px 18px 10px}
  .discovery-card h3 {font-size: 1.12rem}
  .outcomes-layout {grid-template-columns: minmax(225px,.66fr) minmax(0,1.34fr); gap: 22px}
  .outcome-paper {padding: 20px}
  .start-choice {padding-inline: 24px}
  .journey-track {gap: 22px}
  .journey-track a {grid-template-columns: minmax(0,1fr)}
  .journey-number {grid-row: auto; font-size: 1.05rem}
}
@media (max-width:979px) and (min-width:701px) {
  .hero-refresh {grid-template-columns: 1fr 1fr; align-items: center}
  .hero-refresh h1 {font-size: clamp(1.9rem,4.4vw,2.65rem)}
  .hero-refresh .hero-copy {display: block}
  .hero-refresh .hero-bottom {grid-column: 1/-1}
  .hero-refresh .hero-art {margin-inline: -8px}
  .hero-refresh .hero-lead {font-size: 1.1rem}
  .hero-refresh .lead {font-size: 1rem}
  .hero-refresh .hero-evidence {font-size: .93rem}
}
@media (max-width:820px) {
  .result-overview {grid-template-columns: minmax(0,1fr); gap: 22px}
  .result-overview .metric-strip {grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px}
  .result-overview .metric-strip > span {display: block; font-size: .95rem}
  .result-domains {padding: 23px}
  .takeaway-strip > div {padding-inline: 12px; gap: 3px 8px; grid-template-columns: 22px minmax(0,1fr)}
  .takeaway-strip strong {font-size: 1.05rem}
  .takeaway-strip p {font-size: .93rem}
  .local-notice {padding: 23px 23px 18px}
  .local-notice-points {grid-template-columns: 1fr; gap: 13px; margin-top: 20px}
  .local-notice-points p {display: grid; grid-template-columns: 1.05fr 1.25fr; gap: 14px; align-items: center}
  .local-notice-points strong {margin: 0}
  .outcomes-layout {grid-template-columns: minmax(0,1fr)}
  .outcome-choice {position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px}
  .outcome-choice-label {grid-column: 1/-1; margin: 0}
  .outcome-tabs {grid-column: 1/-1; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px}
  .outcome-tabs button {display: block; padding: 14px 12px; border-left-width: 1px; border-top-width: 3px}
  .outcome-tabs strong {font-size: 1.04rem}
  .outcome-tabs small {font-size: .93rem}
  .outcome-tab-number {display: block; font-size: 1rem; margin-bottom: 4px}
  .outcome-tab-arrow {display: none}
  .outcome-reading {grid-column: 1/-1; margin: 8px 0; padding: 16px 0 0}
  .outcome-choice > .button {margin: 0; align-self: center}
  .outcome-choice > .text-link {margin: 0; font-size: .93rem}
  .outcome-paper {padding: 25px}
  .meaning-intro {grid-template-columns: 1fr; gap: 22px; padding: 25px}
  .meaning-intro br {display: none}
  .discovery-heading {grid-template-columns: 1fr; gap: 18px}
  .discovery-card {grid-template-columns: 1fr; padding: 20px}
  .discovery-scene {display: flex; align-items: center; gap: 16px}
  .discovery-scene .scene-art {width: 130px; flex: 0 0 130px}
  .discovery-scene > span:last-child {text-align: left}
  .discovery-card h3 {font-size: 1.18rem}
}
@media (max-width:700px) {
  .result-metrics {padding: 23px 20px}
  .result-domains {padding: 21px 15px}
  .hero-refresh {grid-template-columns: minmax(0,1fr); grid-template-areas: 'intro' 'title' 'image' 'tagline' 'text' 'evidence' 'buttons'; padding: 25px 0 20px; gap: 6px}
  .hero-refresh .hero-copy {display: contents}
  .hero-refresh .hero-copy > .kicker {grid-area: intro; margin: 0 0 5px}
  .hero-refresh h1 {grid-area: title; margin: 0; font-size: clamp(1.9rem,7.8vw,2.8rem); line-height: 1.4}
  .hero-refresh .hero-art {grid-area: image; margin: 6px auto 10px; max-width: 500px; width: 100%}
  .hero-refresh .hero-art img {max-height: 310px}
  .hero-refresh .hero-art figcaption {font-size: .93rem; gap: 7px; padding-top: 4px}
  .hero-refresh .hero-lead {grid-area: tagline; font-size: 1.16rem; line-height: 1.75; margin: 5px 0}
  .hero-refresh .hero-copy > .lead {grid-area: text; font-size: 1rem; margin: 0; line-height: 1.9}
  .hero-refresh .hero-evidence {grid-area: evidence; font-size: .93rem; margin: 12px 0 4px; line-height: 1.85}
  .hero-refresh .hero-bottom {grid-area: buttons; grid-column: 1}
  .takeaway-heading {margin-top: 22px; gap: 4px}
  .takeaway-heading strong {font-size: 1.1rem}
  .takeaway-heading a {font-size: .93rem}
  .takeaway-strip {padding: 15px 0 17px}
  .takeaway-strip > div {display: block; padding-inline: 12px}
  .takeaway-strip > div > span {display: block; font-size: 1rem; margin-bottom: 7px}
  .takeaway-strip strong {display: block; font-size: 1rem; line-height: 1.75}
  .takeaway-strip p {font-size: .93rem; line-height: 1.8; margin-top: 6px}
  .start-choices {grid-template-columns: minmax(0,1fr); gap: 18px; margin-top: 20px}
  .start-choice {padding: 20px 22px; border-top-width: 3px}
  .start-choice h2 {font-size: 1.4rem; margin-top: 15px}
  .start-choice h2 br {display: none}
  .start-choice p {font-size: 1rem; margin-bottom: 18px}
  .hero-refresh .start-choice .button {font-size: 1rem; padding: 12px 13px; min-height: 56px}
  .start-choice small {font-size: .93rem}
  .local-notice {padding: 22px 20px 18px; margin: 10px 0 35px}
  .local-notice h2 {font-size: 1.27rem}
  .local-notice-points p {display: block; padding-left: 12px}
  .local-notice-points strong {font-size: 1.02rem; margin-bottom: 3px}
  .local-notice-points span {font-size: .94rem}
  .local-notice-foot {font-size: .94rem; gap: 7px}
  .journey-section {margin: 35px 0 46px; padding-top: 22px}
  .journey-heading {gap: 8px}
  .journey-heading h2 {font-size: 1.5rem}
  .journey-track {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 24px; margin-top: 18px}
  .journey-track li:nth-child(2)::after {display: none}
  .journey-track li:not(:last-child)::after {right: -20px}
  .journey-track a {padding: 14px 12px; gap: 4px}
  .journey-track strong {font-size: 1.12rem}
  .journey-return {font-size: .94rem; margin-top: 20px}
  .outcomes-heading h2 {font-size: 1.65rem; line-height: 1.6}
  .outcomes-heading > p:last-child {font-size: 1rem}
  .outcome-choice {display: block}
  .outcome-choice-label {font-size: .94rem; margin-bottom: 12px}
  .outcome-tabs {gap: 7px}
  .outcome-tabs button {padding: 12px 9px; min-width: 0}
  .outcome-tabs strong {font-size: .98rem; line-height: 1.7; word-break: auto-phrase}
  .outcome-tabs small {display: none}
  .outcome-reading {display: none}
  .outcome-choice > .button, .outcome-choice > .text-link {display: none}
  .outcome-paper {padding: 20px 16px; margin-top: 0}
  .outcome-paper-top {gap: 9px; padding-bottom: 14px; margin-bottom: 16px}
  .outcome-paper-top > span:last-child {font-size: .93rem}
  .outcome-current-summary {display: block}
  .outcome-current-summary h3 {font-size: 1.25rem}
  .outcome-current-summary h3 strong {font-size: 2.7rem}
  .outcome-current-summary > p {text-align: left; margin-top: 9px; font-size: .94rem}
  .outcome-current-summary > p > span {display: inline; margin-left: 8px}
  .example-evidence {padding: 16px; margin-top: 20px}
  .example-evidence h4 {font-size: 1.12rem}
  .example-evidence h4 br {display: none}
  .example-evidence a {font-size: .94rem; margin-top: 9px}
  .change-amounts {gap: 10px; margin: 24px 0 18px}
  .change-amounts strong {font-size: 3.1rem}
  .change-amounts small {font-size: .94rem}
  .change-track > div {font-size: .93rem; min-height: 37px}
  .habit-change {gap: 8px}
  .habit-change p {font-size: 1rem}
  .habit-change p > span {font-size: .93rem}
  .next-example-body {grid-template-columns: 64px minmax(0,1fr); gap: 15px; margin-top: 22px}
  .next-example-body > img {width: 64px}
  .next-example-body h4 {font-size: 1.1rem}
  .next-example-body p {font-size: .97rem}
  .next-example-body .book-tag {font-size: .93rem}
  .next-example-plan {grid-template-columns: 1fr; gap: 8px; margin-top: 22px}
  .next-example-plan > span {text-align: center; transform: rotate(90deg); line-height: 1.1}
  .next-example-plan > div {padding: 13px 16px}
  .next-example-plan strong {margin-top: 3px}
  .next-check-date {font-size: .96rem}
  .meaning-intro {padding: 22px 18px; margin-top: 28px; gap: 18px}
  .meaning-intro h3 {font-size: 1.4rem}
  .meaning-example {padding: 17px 15px}
  .meaning-example li {grid-template-columns: 3.5em minmax(0,1fr); gap: 10px; font-size: .96rem; padding-block: 12px}
  .meaning-example .example-label {font-size: .93rem}
  .discovery-grid {grid-template-columns: minmax(0,1fr); gap: 22px}
  .discovery-card {padding: 20px; gap: 10px}
  .discovery-heading h2 {font-size: 1.65rem}
  .discovery-heading > p {font-size: 1rem}
  .discovery-scene .scene-art {width: 120px; flex-basis: 120px}
  .discovery-scene > span:last-child {font-size: .96rem}
  .discovery-card h3 {font-size: 1.22rem}
  .discovery-question {font-size: 1rem}
  .discovery-hint {padding: 12px 14px}
  .overview-toggle {font-size: .95rem; min-height: 49px; padding: 10px 15px; right: 12px; bottom: 12px; gap: 9px}
}
@media (max-width:359px) {
  .hero-refresh h1 {font-size: 1.68rem}
  .hero-refresh .hero-lead {font-size: 1.06rem}
  .hero-refresh .hero-art figcaption {font-size: .93rem; gap: 4px}
  .takeaway-strip > div {padding-inline: 8px}
  .takeaway-strip p {display: none}
  .takeaway-strip strong {font-size: .94rem}
  .start-choice {padding-inline: 17px}
  .local-notice {padding-inline: 15px}
  .local-notice h2 {font-size: 1.2rem}
  .mobile-break {display: initial}
  .outcome-tabs strong {font-size: .93rem}
  .outcome-tabs button {padding-inline: 7px}
  .outcome-paper {padding-inline: 12px}
  .meaning-example {padding-inline: 12px}
}
@media (prefers-reduced-motion: reduce) {
  .start-choice a:hover {transform: none}
  .discovery-card {transition: none}
}
@media print {
  .start-choices, .local-notice, .journey-section, .outcome-choice, .overview-toggle {display: none !important}
  .hero-refresh {grid-template-columns: 1fr 1fr; grid-template-areas: none}
  .hero-refresh .hero-copy {display: block}
  .hero-refresh .hero-art {grid-area: auto}
  .hero-refresh .hero-bottom {display: none}
  .outcomes-layout, .meaning-intro, .discovery-grid {display: block}
  .outcome-paper {box-shadow: none}
}