/* Scoped additions to the existing warm YiPhase homepage. */
.future-home .learning-hero { padding-top: 52px; align-items: center; }
.future-home #home-title { font-size: clamp(40px, 4.3vw, 61px); line-height: 1.08; letter-spacing: -.04em; margin-bottom: 20px; }
.future-home .future-promise { max-width: 540px; font: 400 clamp(20px, 2vw, 25px)/1.45 var(--serif); color: var(--ink); margin-bottom: 0; }
.future-home .hero-words > .home-actions { margin-top: 24px; gap: 12px; }
.future-home .hero-words > .home-actions .home-button { min-height: 54px; }
.future-home .hero-footnote { margin: 18px 0 22px; line-height: 1.6; }
.future-home .future-example-label { display: block; max-width: 520px; margin-top: 5px; font-size: 11px; }
.future-home .home-lead { font-size: 16px; line-height: 1.7; margin-bottom: 14px; }
.future-home .future-guide-link { margin: 0; font-size: 13px; }
.future-home .future-guide-link a { color: var(--copper); }
.future-home .hero-han { margin: 22px 0 0; font-size: 17px; }
@media (max-width: 980px) {
  .future-home .learning-hero { padding-top: 35px; }
  .future-home .hero-words { max-width: 730px; }
  .future-home .home-book-stage { width: min(100%, 620px); }
}
@media (max-width: 600px) {
  .future-home .learning-hero { padding-top: 26px; }
  .future-home #home-title { font-size: clamp(36px, 9.8vw, 52px); margin-bottom: 15px; }
  .future-home .home-eyebrow { margin-bottom: 15px; }
  .future-home .future-promise { font-size: 21px; line-height: 1.4; }
  .future-home .hero-words > .home-actions { margin-top: 21px; }
  .future-home .hero-footnote { margin: 17px 0 20px; }
  .future-home .home-lead { font-size: 15px; }
  .future-home .home-book-stage { margin-top: 12px; }
}

/* Oracle entry and question page: keep the same restrained reading-first hierarchy. */
.casting-choice-label{margin:22px 0 -10px;font-size:13px;letter-spacing:.02em;color:var(--ink,#294b65)}
.casting-methods{margin:28px 0 34px}
.casting-methods h2{margin-bottom:8px;font-size:clamp(24px,3vw,32px)}
.casting-methods>p{margin:0 0 16px;color:var(--muted,#665f59)}
.casting-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.casting-method-option{display:flex;flex-direction:column;gap:11px;padding:22px;border:1px solid #c8b9a7;border-radius:8px;background:#fffaf3;box-shadow:0 4px 0 #e5d8c8;text-decoration:none;color:#294b65;transition:transform .15s ease,box-shadow .15s ease}
.casting-method-option:hover{transform:translateY(-2px);box-shadow:0 6px 0 #dfcdb7}
.casting-method-option:focus-visible{outline:3px solid #487fa8;outline-offset:4px}
.casting-method-option.is-selected{border-color:#487fa8;background:#edf3f5;box-shadow:inset 4px 0 #487fa8,0 4px 0 #d1dfe7}
.casting-method-option .method-kicker{font-size:11px;letter-spacing:.11em;color:#8c5945}
.casting-method-option strong{font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.3}
.casting-method-option strong span{font-size:18px}
.casting-method-option>span:not(.method-kicker){font-size:15px;line-height:1.6;color:#665f59}
.casting-method-option b{margin-top:auto;padding-top:4px;font-size:14px}
@media(max-width:600px){.casting-method-grid{grid-template-columns:1fr;gap:14px}.casting-method-option{padding:14px;gap:8px}.casting-method-option>span:not(.method-kicker){font-size:14px;line-height:1.5}.casting-methods{margin:24px 0}.casting-method-option strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.casting-method-option{transition:none}.casting-method-option:hover{transform:none}}
.future-oracle-entry .hero h1 { font-size: clamp(40px, 4.6vw, 64px); line-height: 1.08; overflow-wrap: normal; }
.future-oracle-entry .future-method,
.future-oracle-quick .future-method { font-size: 16px; line-height: 1.7; max-width: 720px; color: var(--muted, #665f59); }
.future-oracle-quick .intro h1 { max-width: 900px; font-size: clamp(35px, 4.1vw, 54px); line-height: 1.13; }
.future-oracle-quick .future-examples { padding-left: 22px; }
.future-oracle-quick .future-examples li { margin: 12px 0; }
@media (max-width: 600px) {
  .future-oracle-entry .hero h1 { font-size: clamp(35px, 9.5vw, 50px); }
  .future-oracle-quick .intro h1 { font-size: clamp(31px, 8.4vw, 42px); }
  .future-oracle-entry .future-method,
  .future-oracle-quick .future-method { font-size: 15px; }
}