/* Adapt preserved calculator/article components to the shared public design tokens.
   Header, navigation, footer and dialogs are owned exclusively by finexa.css. */
/* Mobile spacing of the preserved journal and tools pages, kept out of the home's stylesheet. */
@media(max-width:600px) {
  .inner-page .journal,.inner-page .tools-main { padding-block:45px 60px; }
  .inner-page .journal-feature { padding:18px;border-radius:20px; }
  .inner-page .journal-header h1,.inner-page .tools-intro h1 { font-size:42px; }
  .inner-page .journal-header>p { font-size:13px; }
}
.public-page.inner-page {
  color-scheme: dark;
  --fx-shadow: 0 18px 50px #00000059;
  --ink: var(--fx-text);
  --ink-2: var(--fx-text-2);
  --muted: var(--fx-text-2);
  --paper: var(--fx-night);
  --paper-2: var(--fx-raised);
  --surface: var(--fx-raised);
  --bg-hover: var(--fx-glass);
  --line: var(--fx-line);
  --control-line: var(--fx-control-line);
  --accent: var(--fx-cyan-2);
  --accent-ink: var(--fx-cyan-2);
  --accent-soft: rgba(103,232,249,.12);
  --text-inverse: var(--fx-text);
  --positive: var(--fx-mint);
  --negative: var(--fx-danger);
  --warn: #fcd34d;
  --status-info: var(--fx-cyan-2);
  --status-info-bg: rgba(103,232,249,.1);
  --status-success-bg: rgba(167,243,208,.1);
  --status-warning-bg: rgba(252,211,77,.1);
  --status-danger-bg: rgba(252,165,165,.1);
  --nav-muted: var(--fx-cyan-2);
  --nav-text: var(--fx-text-2);
  --nav-active: var(--fx-line);
  --font-sans: var(--fx-font);
  --font-numeric: var(--fx-font);
  --font-display: var(--fx-serif);
  --radius-sm: 10px;
  --radius: 20px;
  --radius-large: 24px;
  --shadow-control: none;
  --shadow: 0 18px 50px rgba(0,0,0,.35);
}
.inner-page .journal-header h1,.inner-page .tools-intro h1 {
  font-size: clamp(38px,5vw,64px);
  letter-spacing: -.045em;
  margin: 18px 0 24px;
}
.inner-page .journal-header h1 em,.inner-page .tools-intro h1 em {
  font-family: var(--fx-serif);
  font-style: italic;
  font-weight: 400;
  color: var(--fx-text);
}
.inner-page .eyebrow {
  font-family: var(--fx-serif);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--fx-text-2);
  font-size: 17px;
}
.inner-page .journal-text-link,.inner-page .article-source a { color: var(--accent-ink); }
.inner-page .article-source a,.inner-page .legal-main a:not(.button) { text-decoration: underline; text-underline-offset: 4px; }
.inner-page .legal-main { width:min(800px,calc(100% - 64px));margin:70px auto 90px; }
.inner-page .legal-main h1 { font-size:clamp(38px,5vw,64px);margin:18px 0 32px; }
.inner-page .legal-main h2 { font-size:25px;margin:34px 0 18px; }
.inner-page .legal-main p,.inner-page .legal-main li { color:var(--fx-text-2);line-height:1.9;margin:12px 0; }
.inner-page .legal-main .notice { background:var(--fx-raised);border-color:var(--fx-line);border-left-color:var(--fx-cyan-2);border-radius:16px; }
@media(max-width:600px) {
  .inner-page .journal-header h1,.inner-page .tools-intro h1 { font-size:40px;letter-spacing:-1.9px; }
  .inner-page .eyebrow { font-size:15px; }
  .inner-page .legal-main { width:calc(100% - 40px);margin:50px auto 60px; }
  .inner-page .legal-main h1 { font-size:40px; }
  .inner-page .legal-main h2 { font-size:23px; }
  .inner-page .legal-main p,.inner-page .legal-main li { font-size:12px; }
}
