/* The inner pages are chapters of the same travelling night carnival.
   Reading surfaces and working forms retain their own light, high-contrast ink. */
.inner-page {
  --ni-night: #071e26;
  --ni-green: #0b302e;
  --ni-emerald: #123b32;
  --ni-cream: #fbf2df;
  --ni-copy: #dce6d8;
  --ni-muted: #b7ccbc;
  --ni-cyan: #84f0df;
  --ni-lime: #dcf784;
  --ni-coral: #ffac8f;
  --ni-gold: #efc77d;
  --ni-line: rgba(219, 239, 208, .21);
  background: var(--ni-night);
}
.inner-page main { background: var(--ni-night); color: var(--ni-cream); }
.inner-page main > .content-section {
  --line: var(--ni-line);
  position: relative;
  isolation: isolate;
  padding-block: clamp(76px, 8vw, 122px);
  color: var(--ni-copy);
  border-bottom: 1px solid var(--ni-line);
  background-color: var(--ni-night);
  background-image: radial-gradient(ellipse at 94% 0%, #1a55402c, transparent 63%), linear-gradient(#071e26e8, #071e26f2), url('night-wood.webp');
  background-size: auto, auto, cover;
  background-position: center;
  background-repeat: no-repeat;
  scroll-margin-top: calc(var(--night-header-offset, 0px) + 92px);
}
.inner-page main > .content-section:nth-of-type(2n+1) {
  background-color: var(--ni-green);
  background-image: radial-gradient(ellipse at 0% 80%, #29523f42, transparent 65%), linear-gradient(#0b302ee8, #0b302ef2), url('night-wood.webp');
}
.inner-page .content-section > .wrap { min-width: 0; position: relative; }
.inner-page .content-section .eyebrow { color: var(--ni-cyan); }
.inner-page .content-section .section-heading { margin-bottom: clamp(36px, 5vw, 66px); }
.inner-page .content-section .section-heading > .eyebrow,
.inner-page .content-section > .wrap > .eyebrow { color: var(--ni-cyan); font-size: 12px; letter-spacing: .19em; }
.inner-page .content-section .section-heading > .eyebrow::after {
  content: ''; display: inline-block; width: 40px; height: 1px;
  margin: 0 0 4px 16px; background: currentColor; opacity: .65;
}
.inner-page .content-section .section-heading h2,
.inner-page .restored-section .section-heading h2 {
  max-width: 1110px; margin: 16px 0 0; color: var(--ni-cream);
  font-size: clamp(35px, 4.1vw, 61px); line-height: 1.47;
  font-weight: 900; letter-spacing: -.025em; text-wrap: balance;
}
.inner-page .content-section > .wrap > .prose { max-width: 910px; color: var(--ni-copy); }
.inner-page .content-section .prose { line-height: 2.15; }
.inner-page .content-section .prose h3 { font-size: clamp(23px, 2.3vw, 31px); color: var(--ni-cream); }
.inner-page .content-section a:not(.button):is(:hover,.is-touch-active,.is-scroll-active) { color: var(--ni-cyan); }
.inner-page .content-section .note {
  --note-paper: #183c33; --note-paper-end: #102c29; --note-ink: #e6ebd8;
  --note-edge: #b29a626e; --note-rule: #ddc58d59; --note-stamp: #edce8b;
  color: var(--note-ink); font-size: 13px;
}
.inner-page .content-section .note a,
.inner-page .content-section .note a:not(.button):is(:hover,:focus-visible,.is-touch-active,.is-scroll-active) { color: inherit; }
.inner-page .content-section .button {
  background: var(--ni-lime); color: #102d26; border: 1px solid var(--ni-lime);
  min-height: 59px; box-shadow: 4px 4px 0 #04130e;
}
.inner-page .content-section .button-outline { background: transparent; color: var(--ni-cream); border-color: #a7c7ab8c; box-shadow: none; }
.inner-page .content-section .button:is(:hover,.is-touch-active,.is-scroll-active) { background: var(--ni-cyan); border-color: var(--ni-cyan); color: #082f28; }
.inner-page .content-section .button-outline:is(:hover,.is-touch-active,.is-scroll-active) { background: #a8e3cb14; color: var(--ni-cyan); }
.inner-page .content-section .button:focus-visible { outline: 3px solid var(--ni-coral); outline-offset: 6px; }

/* Chapter openers: photographic depth, broad type, and a quiet bulb border. */
.inner-page .page-hero { min-height: 490px; padding-top: 170px; padding-bottom: 92px; background: var(--ni-night); border-bottom: 1px solid #c9e1b52c; }
.inner-page .page-hero::after { background: linear-gradient(90deg, #071e26 12%, #071e26d9 50%, #071e2647 100%); }
.inner-page .page-hero::before {
  content: ''; position: absolute; inset: auto 0 11px; height: 9px; pointer-events: none; opacity: .72;
  background: radial-gradient(circle at 5px 4px, #ffdc91 0 2px, #e8c07935 3px, transparent 5px) 0 0 / 32px 9px repeat-x;
}
.inner-page .page-hero h1 { font-size: clamp(39px, 5.2vw, 77px); line-height: 1.35; font-weight: 900; letter-spacing: -.035em; max-width: 1040px; text-wrap: balance; }
.inner-page .page-hero .eyebrow { color: var(--ni-cyan); letter-spacing: .2em; }
.inner-page .page-hero .page-intro { color: #dfebdf; max-width: 700px; font-size: 16px; line-height: 2.1; }
.inner-page .breadcrumb { color: #bdd3c3; }
.inner-page .page-hero .button { background: var(--ni-lime); border-color: var(--ni-lime); color: #102e26; }
.inner-page .page-hero .button-outline { background: #071e2655; border-color: #b3d2b391; color: var(--ni-cream); }
.inner-page .audition-hero { min-height: 660px; }
.inner-page .audition-hero > img { width: 47%; opacity: 1; mask-image: linear-gradient(90deg, transparent, #000 24%); }
.inner-page .audition-hero::after { background: linear-gradient(90deg, #071e26 37%, #071e269e 60%, #071e260c 100%); }
.inner-page .audition-hero .page-intro { max-width: 58%; }

/* Existing jump links double as the chapter rail. night.js can set either hook. */
.inner-page .page-jump { position: sticky; top: var(--night-header-offset, 0px); z-index: 20; background: #092627f5; color: var(--ni-cream); border-bottom: 1px solid #adc89b5c; box-shadow: 0 10px 25px #020f112b; }
.inner-page .page-jump .wrap { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px 30px; min-height: 68px; padding-block: 0; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #8dbb7e #0c2928; }
.inner-page .page-jump a { position: relative; flex: 0 0 auto; padding: 22px 0; font-size: 13px; text-decoration: none; color: #c6d9c7; transition: color .2s; }
.inner-page .page-jump a::after { content: ''; position: absolute; bottom: 0; height: 3px; left: 0; right: 0; background: var(--ni-lime); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.inner-page .page-jump a:is(:hover, .is-touch-active, [aria-current="location"], .is-active) { color: var(--ni-lime); }
.inner-page .page-jump a:is(:hover, .is-touch-active, [aria-current="location"], .is-active)::after { transform: scaleX(1); }
.inner-page .page-jump a > span { display: inline-block; color: var(--ni-cyan); transition: transform .2s; }
.inner-page .page-jump a:is(:hover,.is-touch-active) > span { transform: translateY(3px); }
@media (hover: none), (pointer: coarse) {
  .inner-page .page-jump a[aria-current="location"] > span { transform: translateY(3px); }
  html:is(.motion-paused,.motion-reduced) .inner-page .page-jump a[aria-current="location"] > span { transform: none; transition: none; }
}
.inner-page .page-jump a:focus-visible { outline: 2px solid var(--ni-coral); outline-offset: -3px; }

/* Tickets are reserved for decisions. Support stories remain open and spacious. */
.inner-page .detail-grid { gap: 30px; margin-top: 30px; }
.inner-page .option-card {
  --ticket-accent: var(--ni-cyan); position: relative; min-width: 0;
  border: 1px solid #c2dca92d; border-top: 3px solid var(--ticket-accent);
  padding: 32px; background: #16393199; color: var(--ni-copy);
  transition: transform .25s, border-color .25s, background .25s;
}
.inner-page .option-card:nth-child(4n+2) { --ticket-accent: var(--ni-gold); }
.inner-page .option-card:nth-child(4n+3) { --ticket-accent: var(--ni-lime); background: #0d2c34a6; }
.inner-page .option-card:nth-child(4n) { --ticket-accent: var(--ni-coral); background: #183b35ad; }
.inner-page .option-card > .eyebrow { color: var(--ticket-accent); font-size: 14px; letter-spacing: .13em; margin-bottom: 17px; }
.inner-page .option-card h3 { color: var(--ni-cream); font-size: 25px; line-height: 1.6; margin-top: 0; }
.inner-page .option-card p { color: inherit; }
.inner-page .option-card :is(dt, dd) { color: inherit; }
.inner-page .option-card dt { color: #afcbbb; font-size: 12px; }
.inner-page .option-card dd { margin-top: 7px; }
.inner-page .feature-list > :is(li, article, div) { border-color: var(--ni-line); }
.inner-page .option-card .feature-list > li { font-size: 13px; border-color: #cde6ad2e; }
.inner-page .content-section .split { gap: 55px; }
.inner-page :is(#strengths, #partner-support) .option-card { border: 0; border-top: 1px solid #bad7b83d; background: transparent; padding: 32px 20px 28px 0; }
.inner-page :is(#strengths, #partner-support) .option-card > .eyebrow { font-size: 17px; }
.inner-page :is(#strengths, #partner-support) .detail-grid { gap: 15px 60px; }
.inner-page :is(#debut, #plans) .option-card:nth-child(-n+2) { background: var(--ni-cream); color: #23483c; border-color: #efc77d; box-shadow: 7px 7px 0 #020d0e55; }
.inner-page :is(#debut, #plans) .option-card:nth-child(-n+2) > .eyebrow { display: inline-block; padding: 5px 9px; border: 1px solid #97783f; color: #75582c; transform: rotate(-2deg); font-size: 12px; }
.inner-page :is(#debut, #plans) .option-card:nth-child(-n+2) h3 { color: #153c32; }
.inner-page :is(#debut, #plans) .option-card:nth-child(-n+2) dt { color: #58715b; }
.inner-page :is(#debut, #plans) .option-card:nth-child(-n+2) .note {
  --note-paper: #f4ead3; --note-paper-end: #e9dec2; --note-ink: #304b40;
  --note-edge: #a4864e; --note-rule: #9b7e4666; --note-stamp: #8b6832;
}
.inner-page #styles .option-card { border: 0; border-bottom: 1px dashed #bdcd9d7a; padding-top: 22px; background: #10342f; }
.inner-page #styles .option-card > .eyebrow { display: block; width: max-content; max-width: 100%; padding-bottom: 7px; border-bottom: 1px solid currentColor; }
.inner-page #styles .option-card:nth-child(2n) { background: #102a34; }
.inner-page :is(#campaign, #start, #partner-contact)::before { content: ''; position: absolute; inset: 13px 0 auto; height: 10px; opacity: .8; pointer-events: none; background: radial-gradient(circle at 5px 5px, #f5d38d 0 2px, #f3ca7b26 3px, transparent 5px) 0 0 / 35px 10px repeat-x; }
.inner-page #campaign { border-block: 1px solid #e4c17869; background-color: #1c3429; }
.inner-page #campaign .option-card { border-top: 1px solid #e6ce914d; background: none; padding-inline: 0; }
.inner-page :is(#start, #partner-contact) { text-align: center; background-image: radial-gradient(ellipse at 50% 100%, #2a694b66, transparent 70%); }
.inner-page :is(#start, #partner-contact) :is(.section-heading h2, .prose) { margin-inline: auto; }
.inner-page :is(#start, #partner-contact) .button-row { justify-content: center; margin-top: 32px; }
.inner-page .stat-row { gap: 35px; border-block: 1px solid #b7cf9e59; padding-block: 34px; }
.inner-page .stat-row > div { min-width: 0; }
.inner-page .stat-row > div > span { font-size: 13px; color: var(--ni-muted); }
.inner-page .stat-row strong { display: block; font-size: clamp(38px, 4.4vw, 66px); line-height: 1.4; color: var(--ni-lime); }
.inner-page .stat-row strong small { font-size: .46em; margin-left: 5px; }
.inner-page .stat-row > div:last-child strong { font-size: clamp(27px, 3vw, 40px); color: var(--ni-coral); }
.inner-page .steps { gap: 32px; margin-block: 40px; }
.inner-page .steps > li { padding-top: 22px; border-top: 1px solid #b6d89f73; }
.inner-page .steps > li > span { display: inline-block; font-size: 56px; color: var(--ni-cyan); line-height: 1; }
.inner-page .steps > li:nth-child(2n) > span { color: var(--ni-gold); }
.inner-page .steps h3 { font-size: 22px; color: var(--ni-cream); }
.inner-page .steps p { color: var(--ni-copy); }
.inner-page .story-cards { gap: 0 45px; }
.inner-page .story-cards article { border-color: #bfd5a64d; padding-block: 30px 38px; }
.inner-page .story-index { color: var(--ni-coral); font-size: 54px; line-height: 1; }
.inner-page .story-cards article:nth-child(3n+2) .story-index { color: var(--ni-cyan); }
.inner-page .story-cards article:nth-child(3n) .story-index { color: var(--ni-lime); }
.inner-page .story-cards h3 { color: var(--ni-cream); font-size: 25px; }
.inner-page .story-cards .story-sub { color: #d5dfaf; }
.inner-page .debut-routes article { border-color: #acceb354; background: #0b2d29; padding: 35px; }
.inner-page .debut-routes h3 { color: var(--ni-cream); }
.inner-page .debut-routes article > strong { color: var(--ni-lime); }
.inner-page .debut-routes strong > b { font-size: 48px; }
.inner-page .opportunity-panel { border: 0; border-block: 1px solid #9ebf9c54; padding: 35px 0; background: none; }
.inner-page .opportunity-panel > h3 { color: var(--ni-cream); font-size: 28px; }
.inner-page .opportunity-grid article { border-color: var(--ni-line); }
.inner-page .opportunity-grid span { color: var(--ni-coral); }
.inner-page .opportunity-grid h4 { color: var(--ni-cream); }
.inner-page :is(.opportunity-panel .chart-caption, .agency-benefit-strip span, .reward-diagram > figcaption) { color: var(--ni-muted); }
.inner-page .dream-uses { border-color: var(--ni-line); }
.inner-page .dream-uses li { border-color: #b7cda74d; background: #173c32; color: #e0ecd8; }
.inner-page .business-diagram > figcaption { background: var(--ni-gold); border: 1px dashed #493720; outline: 5px solid var(--ni-gold); color: #203d31; }
.inner-page .business-branches { border-color: #d7d7a842; }
.inner-page .business-branches article { background: #0c2d2f; border-color: #adcda23f; }
.inner-page .business-branches h3 { color: var(--ni-cream); }
.inner-page .business-branches .business-main { background: var(--ni-cream); color: #24493a; border-color: var(--ni-gold); }
.inner-page .business-main :is(h3, .eyebrow) { color: #234a3a; }
.inner-page .business-main > strong { color: #8d6230; }
.inner-page .agency-benefit-strip { border-color: #bad69f70; }
.inner-page .agency-benefit-strip a { border-color: #adcfa83d; }
.inner-page .agency-benefit-strip strong { color: var(--ni-cream); }
.inner-page .agency-benefit-strip a:hover { background: #a4d6ad0b; }
.inner-page .inline-stat strong { color: var(--ni-lime); }
.inner-page .reward-diagram { border: 1px solid #bdd69b4d; background: #092629; }
.inner-page .reward-origin { color: var(--ni-cyan); border-color: #84f0df62; background: #123936; }
.inner-page :is(.reward-routes strong, .route-arrow),
.inner-page .mission-list li::before { color: var(--ni-gold); }
.inner-page .mission-list li { color: var(--ni-copy); }
.inner-page .safe-steps li { border-color: #c8d69e5e; }
.inner-page .safe-steps span { color: var(--ni-coral); }
.inner-page .question-banner { border-color: #c4d99c5c; }
.inner-page .question-banner h3 { color: var(--ni-cream); }

/* Keep every graph honest: only the frame changes, not values or geometry. */
.inner-page .data-section { background: var(--ni-green) !important; color: var(--ni-copy) !important; }
.inner-page .data-section:nth-of-type(2n) { background: var(--ni-night) !important; }
.inner-page :is(.analysis-report, .chart-panel, .settlement-figure) {
  --line: #c6cebb; background: #fbf3df; color: #1c4439;
  border: 1px solid #d3cda8; border-top: 4px solid #d5b46c;
  border-radius: 2px; box-shadow: 8px 9px 0 #030f143d;
}
.inner-page :is(.analysis-report, .chart-panel, .settlement-figure) :is(h3, .chart-caption, .chart-legend, dt, dd, .eyebrow) { color: #214b3e; }
.inner-page .analysis-report .report-heading .eyebrow,
.inner-page .settlement-figure .eyebrow { color: #79602f; }
.inner-page .report-heading h3 { font-size: 30px; }
.inner-page .report-stamp { color: #715329; background: #f4e6be; border: 1px solid #a88b4c; transform: rotate(-3deg); }
.inner-page .report-insights dd { color: #234e3d; }
.inner-page .report-insights dt { color: #627c50; }
.inner-page .analysis-report > figcaption { color: #4f6955; }
.inner-page .big-stat > strong { color: var(--ni-lime); }
.inner-page .stat-comparison { border-color: #c2d69d59; }
.inner-page .chart-panel :is(.economy-number, .chart-takeaway strong) { color: #496d41; }
.inner-page .chart-panel .eyebrow { color: #77632c; }
.inner-page .audience-story > h3 { color: var(--ni-cream); }
.inner-page .age-timeline { border-color: #bbd39547; }
.inner-page .age-timeline i { color: var(--ni-coral); }
.inner-page .genre-stat { color: #b9cfbb; }
.inner-page .genre-stat strong { color: var(--ni-lime); }
.inner-page .settlement-control output { color: #284c34; }
.inner-page .settlement-control input:focus-visible { outline: 3px solid #157765; outline-offset: 5px; }
.inner-page .source-note { color: #b6cbb7; opacity: 1; }
.inner-page .source-note a { color: inherit; }
.inner-page .table-scroll { border: 1px solid #b7d09c4d; scrollbar-width: thin; scrollbar-color: #afc680 #102c2e; }
.inner-page .comparison-table { background: #0d292f; color: var(--ni-copy); }
.inner-page .comparison-table caption { color: var(--ni-cream); padding-top: 15px; }
.inner-page .comparison-table :is(th, td) { border-color: #adc6a538; }
.inner-page .comparison-table thead { background: #194237; color: var(--ni-cream); }
.inner-page .comparison-table :is(th, td):nth-child(2) { background: #fbf1d8; color: #264631; }
.inner-page .comparison-table td:nth-child(2) strong { color: #436632; }
.inner-page .comparison-table tr > :first-child { background: #123632; color: var(--ni-cream); }
.inner-page .content-section > .wrap > .data-table { padding: 6px 0; border-block: 1px solid #b7cf9870; }
.inner-page .data-table > div { display: grid; grid-template-columns: minmax(130px, .35fr) minmax(0, 1fr); gap: 30px; border-bottom: 1px solid #b7cf9830; padding: 22px 0; }
.inner-page .data-table > div:last-child { border-bottom: 0; }
.inner-page .data-table > div > dt { color: var(--ni-cyan); margin: 0; font-size: 13px; }
.inner-page .data-table > div > dd { color: var(--ni-copy); margin: 0; overflow-wrap: anywhere; }

/* FAQ is a quiet stage: the open answer has room, rather than a neon outline. */
.inner-page .faq-list { border-top: 1px solid #d4dfae4d; }
.inner-page .faq-list details { border-color: #d4dfae4d; transition: background .2s; }
.inner-page .faq-list summary { color: var(--ni-cream); font-size: 16px; line-height: 1.95; padding-block: 29px; padding-right: 50px; }
.inner-page .faq-list summary::after { color: var(--ni-cyan); }
.inner-page .faq-list summary:focus-visible { outline: 2px solid var(--ni-coral); outline-offset: -4px; }
.inner-page .faq-list details[open] { background: #2042375c; padding-inline: 22px; }
.inner-page .faq-list details > .prose { color: #d8e7d6; font-size: 14px; padding-bottom: 29px; }
.inner-page .faq-list details > .prose p { color: inherit; }

/* Legal reading and forms keep ink on paper, framed by the night. */
.inner-page #policy > .wrap { max-width: 1030px; background: var(--ni-cream); color: #24483c; padding: clamp(28px, 5vw, 65px); border-top: 4px solid var(--ni-gold); box-shadow: 9px 10px 0 #020f1540; }
.inner-page #policy .section-heading h2 { color: #173f34; font-size: clamp(27px, 3vw, 41px); }
.inner-page #policy .section-heading > .eyebrow { color: #82632f; }
.inner-page #policy .prose { color: #24483c; }
.inner-page #policy .prose h3 { color: #173e32; font-size: 23px; border-top: 1px solid #c5cbb2; padding-top: 25px; }
.inner-page #policy a:hover { color: #087161; }
.inner-page #policy .feature-list > li { border-color: #c5cbb2; }
.inner-page :is(.app-section, .inq-section) { padding-block: 80px 115px; }
.inner-page :is(.app-sidebar, .inq-sidebar) > .eyebrow { color: var(--ni-cyan); }
.inner-page :is(.app-sidebar, .inq-sidebar) h2 { color: var(--ni-cream); font-size: clamp(31px, 3.2vw, 44px); }
.inner-page :is(.app-sidebar, .inq-sidebar) > p,
.inner-page :is(.app-sidebar-note p, .app-sidebar .app-help, .inq-sidebar .inq-small) { color: var(--ni-copy); }
.inner-page .app-sidebar-note { border-color: #d0d69f4d; }
.inner-page .app-sidebar-note > span { color: var(--ni-gold); }
.inner-page .inq-guidance { color: var(--ni-copy); border-color: #c5d79b50; }
.inner-page .inq-guidance summary { color: var(--ni-cream); }
.inner-page .inq-sidebar .inq-audition-note { color: #f4d7be; background: #2d3c30; border-color: var(--ni-coral); }
.inner-page :is(.app-panel, .inq-panel) {
  position: relative; color: #1b4335; background: #fffaed; border: 1px solid #cbbd85;
  border-top: 6px solid var(--ni-gold); box-shadow: 9px 10px 0 #03131566, 0 25px 70px #020e153d;
}
.inner-page :is(.app-panel, .inq-panel) :is(.eyebrow, .app-step-heading .eyebrow, .inq-step-heading .eyebrow) { color: #7d5b26; }
.inner-page :is(.app-panel, .inq-panel) :is(h3, dt, dd) { color: #1e4938; }
.inner-page :is(.app-panel, .inq-panel) a:not(.button):is(:hover,.is-touch-active,.is-scroll-active) { color: #087260; }
.inner-page :is(.app-panel, .inq-panel) .button { background: #153e2f; border-color: #153e2f; color: #fff6e1; box-shadow: 3px 3px 0 #cbb877; }
.inner-page :is(.app-panel, .inq-panel) .button:is(:hover,.is-touch-active,.is-scroll-active) { background: #285d40; border-color: #285d40; color: #fff9ec; }
.inner-page :is(.app-panel, .inq-panel) .button-outline { background: transparent; color: #1c4633; border-color: #628060; box-shadow: none; }
.inner-page :is(.app-panel, .inq-panel) .button-outline:is(:hover,.is-touch-active,.is-scroll-active) { background: #d6e6c8; color: #193f2b; }
.inner-page :is(.app-panel, .inq-panel) :is(input, select, textarea):focus-visible { outline: 3px solid #117964; outline-offset: 4px; }
.inner-page :is(.app-panel, .inq-panel) .button:focus-visible { outline-color: #117964; }
.inner-page :is(.app-success, .inq-success) > .eyebrow { color: #7e612c; }
.inner-page :is(.app-result-notice, .inq-result-notice) h3 { color: #604a24; }
.inner-page :is(.app-error-summary, .inq-error-summary) h3 { color: #813b28; }
.inner-page :is(.app-panel, .inq-panel) .note {
  --note-paper: #f4ead3; --note-paper-end: #e9dec2; --note-ink: #304b40;
  --note-edge: #a4864e; --note-rule: #9b7e4666; --note-stamp: #8b6832;
}

@media (hover: hover) and (pointer: fine) {
  .inner-page .option-card:hover { transform: translateY(-4px); border-top-color: var(--ticket-accent); background-color: #1b483a; }
  .inner-page :is(#debut, #plans) .option-card:nth-child(-n+2):hover { background: #fff7df; }
  .inner-page :is(#strengths, #partner-support, #campaign) .option-card:hover { background: transparent; }
}
/* Touch and scroll use the same card treatment as a fine-pointer hover. */
.inner-page .option-card:is(.is-touch-active,.is-scroll-active) { transform: translateY(-4px); border-top-color: var(--ticket-accent); background-color: #1b483a; }
.inner-page :is(#debut, #plans) .option-card:nth-child(-n+2):is(.is-touch-active,.is-scroll-active) { background: #fff7df; }
.inner-page :is(#strengths, #partner-support, #campaign) .option-card:is(.is-touch-active,.is-scroll-active) { background: transparent; }

@media (max-width: 1000px) {
  .inner-page .content-section .split { gap: 32px; }
  .inner-page .page-jump .wrap { gap: 25px; }
  .inner-page .option-card { padding: 27px; }
  .inner-page .audition-hero h1 { max-width: 78%; }
  .inner-page .content-section .section-heading h2 { font-size: clamp(34px, 4.7vw, 48px); }
}
@media (max-width: 760px) {
  .inner-page main > .content-section { padding-block: 65px; scroll-margin-top: calc(var(--night-header-offset, 0px) + 73px); }
  .inner-page .page-hero { padding-top: 136px; padding-bottom: 65px; min-height: 0; }
  .inner-page .page-hero h1 { font-size: clamp(35px, 7.8vw, 55px); }
  .inner-page .page-hero .page-intro { font-size: 14px; }
  .inner-page .audition-hero { min-height: 590px; }
  .inner-page .audition-hero > img { width: 62%; opacity: .8; }
  .inner-page .audition-hero::after { background: linear-gradient(90deg, #071e26 16%, #071e26cd 53%, #071e2647); }
  .inner-page .audition-hero .page-intro { max-width: 78%; }
  .inner-page .page-jump .wrap { min-height: 59px; gap: 23px; }
  .inner-page .page-jump a { font-size: 12px; padding-block: 18px; }
  .inner-page .content-section .section-heading h2 { font-size: clamp(31px, 6.1vw, 42px); line-height: 1.5; }
  .inner-page .content-section .section-heading > .eyebrow { font-size: 11px; letter-spacing: .14em; }
  .inner-page .detail-grid { gap: 22px; }
  .inner-page :is(#strengths, #partner-support) .detail-grid { gap: 14px 30px; }
  .inner-page .option-card h3 { font-size: 23px; }
  .inner-page .data-table > div { gap: 18px; grid-template-columns: minmax(105px, .3fr) minmax(0, 1fr); }
  .inner-page .stat-row { gap: 24px; }
  .inner-page .stat-row > div { min-width: 115px; }
  .inner-page .stat-row strong { font-size: 49px; }
  .inner-page .stat-row > div:last-child strong { font-size: 28px; }
  .inner-page :is(.app-sidebar, .inq-sidebar) h2 { font-size: 33px; }
  .inner-page :is(.app-section, .inq-section) { padding-block: 56px 80px; }
}
@media (max-width: 600px) {
  .inner-page { --ni-line: rgba(219, 239, 208, .23); }
  .inner-page .page-hero h1 { font-size: clamp(32px, 8.6vw, 45px); line-height: 1.4; }
  .inner-page .audition-hero { min-height: 0; padding-bottom: 66px; }
  .inner-page .audition-hero > img { width: 100%; opacity: .44; mask-image: none; object-position: center 25%; }
  .inner-page .audition-hero h1 { max-width: 100%; }
  .inner-page .audition-hero::after { background: linear-gradient(90deg, #071e26e8, #071e268c 85%); }
  .inner-page .audition-hero .page-intro { max-width: 100%; }
  .inner-page .page-hero .eyebrow { font-size: 11px; letter-spacing: .12em; }
  .inner-page .page-hero .button-row { margin-top: 26px; }
  .inner-page main > .content-section { padding-block: 54px; }
  .inner-page .content-section .section-heading { margin-bottom: 31px; }
  .inner-page .content-section .section-heading h2,
  .inner-page .restored-section .section-heading h2 { font-size: clamp(29px, 7.7vw, 36px); line-height: 1.55; margin-top: 14px; }
  .inner-page .content-section .section-heading > .eyebrow::after { width: 25px; margin-left: 10px; }
  .inner-page .content-section .prose { line-height: 2.1; }
  .inner-page .content-section .prose h3 { font-size: 23px; }
  .inner-page .content-section .note { font-size: 12px; }
  .inner-page .content-section .button { font-size: 14px; min-height: 57px; }
  .inner-page .detail-grid { grid-template-columns: 1fr; gap: 24px; }
  .inner-page .option-card { padding: 26px 22px; }
  .inner-page .option-card h3 { font-size: 23px; }
  .inner-page .option-card > .eyebrow { font-size: 13px; }
  .inner-page :is(#strengths, #partner-support) .detail-grid { gap: 0; }
  .inner-page :is(#strengths, #partner-support) .option-card { padding: 26px 0; }
  .inner-page #styles .option-card { padding-inline: 22px; }
  .inner-page .steps { gap: 26px; margin-block: 32px; }
  .inner-page .steps > li > span { font-size: 49px; }
  .inner-page .steps h3 { font-size: 22px; margin-top: 16px; }
  .inner-page .stat-row { flex-direction: column; gap: 0; padding-block: 0; }
  .inner-page .stat-row > div { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 9px 15px; align-items: center; padding-block: 24px; border-bottom: 1px solid #d7dfb82e; }
  .inner-page .stat-row > div:last-child { border-bottom: 0; }
  .inner-page .stat-row > div > span { font-size: 12px; }
  .inner-page .stat-row strong { font-size: 45px; }
  .inner-page .stat-row > div:last-child strong { font-size: 26px; }
  .inner-page .stat-row > div > p { grid-column: 1 / -1; font-size: 12px; }
  .inner-page .story-index { font-size: 44px; }
  .inner-page .story-cards article { padding-block: 27px; }
  .inner-page .story-cards h3 { font-size: 24px; }
  .inner-page .debut-routes article { padding: 25px 22px; }
  .inner-page .debut-routes strong > b { font-size: 39px; }
  .inner-page .opportunity-panel { padding-block: 26px; }
  .inner-page .opportunity-panel > h3 { font-size: 25px; }
  .inner-page .business-branches article { padding: 28px 22px; }
  .inner-page .report-heading h3 { font-size: 21px; }
  .inner-page .report-stamp { transform: rotate(-2deg); font-size: 10px; }
  .inner-page :is(.analysis-report, .chart-panel, .settlement-figure) { box-shadow: 5px 6px 0 #030f143d; }
  .inner-page .comparison-table { min-width: 570px; }
  .inner-page .table-scroll::before { padding: 12px 14px 0; color: #d3e0c3; }
  .inner-page .data-table { display: block; overflow: visible; }
  .inner-page .data-table > div { grid-template-columns: 1fr; gap: 9px; padding-block: 22px; }
  .inner-page .data-table > div > dt { font-size: 12px; }
  .inner-page .data-table > div > dd { font-size: 14px; }
  .inner-page .faq-list summary { font-size: 14px; line-height: 2; padding-block: 24px; padding-right: 35px; }
  .inner-page .faq-list details[open] { padding-inline: 14px; }
  .inner-page .faq-list details > .prose { padding-bottom: 25px; }
  .inner-page #policy > .wrap { padding: 27px 21px; }
  .inner-page #policy .section-heading h2 { font-size: 28px; }
  .inner-page #policy .prose h3 { font-size: 21px; }
  .inner-page :is(.app-section, .inq-section) { padding-block: 46px 75px; }
  .inner-page :is(.app-panel, .inq-panel) { box-shadow: 5px 6px 0 #03131566; padding-inline: 20px; }
  .inner-page :is(.app-sidebar, .inq-sidebar) h2 { font-size: 32px; }
  .inner-page :is(.app-panel, .inq-panel) .button { font-size: 13px; }
}
@media (max-width: 360px) {
  .inner-page .page-hero h1 { font-size: 32px; letter-spacing: -.04em; }
  .inner-page .content-section .section-heading h2,
  .inner-page .restored-section .section-heading h2 { font-size: 29px; }
  .inner-page .page-jump .wrap { gap: 20px; }
  .inner-page :is(.app-panel, .inq-panel) { padding-inline: 17px; }
  .inner-page .app-progress li,
  .inner-page .inq-progress li { font-size: 10px; gap: 5px; }
  .inner-page .app-progress li > span,
  .inner-page .inq-progress li > span { font-size: 17px; }
  .inner-page .report-heading { flex-wrap: wrap; }
  .inner-page .horizontal-chart li,
  .inner-page .horizontal-chart li:not(:has(.chart-change)) { grid-template-columns: 29px 1fr 43px 38px; gap: 5px; }
  .inner-page .chart-change { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .inner-page .option-card,
  .inner-page .page-jump a,
  .inner-page .page-jump a::after,
  .inner-page .page-jump a > span,
  .inner-page .faq-list details { transition: none; }
  .inner-page .option-card:is(:hover,.is-touch-active,.is-scroll-active),
  .inner-page .page-jump a:is(:hover,.is-touch-active,[aria-current="location"]) > span { transform: none; }
}
@media print {
  .inner-page main,
  .inner-page main > .content-section,
  .inner-page .data-section { color: #111 !important; background: #fff !important; }
  .inner-page .page-jump,
  .inner-page .page-hero::before,
  .inner-page :is(#campaign, #start, #partner-contact)::before { display: none; }
  .inner-page .page-hero { background: #fff; color: #111; min-height: 0; padding-block: 30px; }
  .inner-page :is(.section-heading h2, .prose h3, .option-card h3, .story-cards h3, .steps h3) { color: #111 !important; }
  .inner-page :is(.option-card, .analysis-report, .chart-panel, .settlement-figure, .app-panel, .inq-panel, #policy > .wrap) { color: #111; background: #fff; box-shadow: none; }
  .inner-page .option-card :is(dt, dd),
  .inner-page .data-table > div > dd { color: #111; }
}