/* Le même univers visuel que l’accueil, avec des surfaces stables pour lire et calculer. */
@media screen {
  .inner-page .journal,
  .inner-page .tools-main { padding-block: 64px 96px; }

  .inner-page .journal-header { padding-bottom: 40px; gap: 48px; }
  .inner-page .journal-header h1 { font-size: clamp(56px, 6.7vw, 94px); }
  .inner-page .journal-header h1 em,
  .inner-page .tools-intro h1 em { font-style: italic; color: var(--fx-text); }
  .inner-page .journal-header > p { max-width: 420px; line-height: 1.75; }
  .inner-page .journal-topics {
    gap: 10px 20px;
    padding: 12px 20px;
    border: 1px solid var(--fx-line);
    border-radius: 18px;
    background: var(--fx-glass);
    backdrop-filter: blur(16px);
  }
  .inner-page .journal-topics a { font-size: 13px; }
  .inner-page .journal-feature {
    gap: 32px 48px;
    margin-block: 32px 64px;
    padding: 28px;
    border: 1px solid var(--fx-line);
    border-radius: 30px;
    background: var(--fx-raised);
    box-shadow: var(--fx-shadow);
  }
  .inner-page .journal-feature-art {
    grid-column: 1 / -1;
    height: clamp(180px, 23vw, 310px);
    overflow: hidden;
    border-radius: 20px;
    background: var(--fx-raised);
  }
  .inner-page .journal-feature-art img,
  .inner-page .journal-entry-media img,
  .inner-page .article-cover img,
  .inner-page .tools-intro-art img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .inner-page .journal-feature-copy { padding: 4px 4px 12px; }
  .inner-page .journal-feature-copy h2 { font-size: clamp(34px, 4.2vw, 56px); }
  .inner-page .journal-note {
    padding: 28px;
    border: 1px solid rgba(103,232,249,.45);
    border-radius: 22px;
    background: var(--fx-raised);
  }
  .inner-page .journal-note-title { font-size: 38px; }
  .inner-page .journal-note .eyebrow { color: var(--fx-cyan-2); }
  .inner-page .journal-library { border: 0; }
  .inner-page .journal-library-head { padding-block: 0 24px; }
  .inner-page .journal-library-head h2 {
    font: 500 clamp(30px, 3vw, 42px)/1.12 var(--fx-font);
    letter-spacing: -.02em;
  }
  .inner-page .journal-entry {
    grid-template-columns: 220px minmax(0, 1fr) auto;
    gap: 10px 28px;
    align-items: center;
    padding: 20px;
    border: 1px solid var(--fx-line);
    border-radius: 24px;
    background: var(--fx-raised);
    box-shadow: var(--fx-shadow);
  }
  .inner-page .journal-entry + .journal-entry { margin-top: 16px; }
  .inner-page .journal-entry-media {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: stretch;
    min-height: 170px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--fx-raised);
  }
  .inner-page .journal-entry-media img { object-position: 77% center; }
  .inner-page .journal-entry > .eyebrow { grid-column: 2; padding: 6px 0 0; }
  .inner-page .journal-entry > div:not(.journal-entry-media) { grid-column: 2; grid-row: 2; padding-bottom: 8px; }
  .inner-page .journal-entry h3 { font: 500 clamp(26px, 2.8vw, 36px)/1.12 var(--fx-font); }
  .inner-page .journal-entry p { margin-top: 12px; }
  .inner-page .journal-read { grid-column: 3; grid-row: 1 / 3; white-space: nowrap; font-weight: 500; }
  .inner-page .journal-tools,
  .inner-page .tools-next {
    padding: 40px;
    border: 1px solid var(--fx-line);
    border-radius: 26px;
    background: var(--fx-raised);
  }
  .inner-page .journal-tools h2 { font: 500 clamp(30px, 3vw, 42px)/1.12 var(--fx-font); }

  .inner-page .article-header { max-width: 920px; margin-bottom: 32px; }
  .inner-page .article-header h1 { font-size: clamp(44px, 5.3vw, 76px); line-height: 1.03; }
  .inner-page .article-intro { line-height: 1.75; }
  .inner-page .article-cover {
    height: clamp(200px, 24vw, 300px);
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid var(--fx-line);
    border-radius: 26px;
    background: var(--fx-raised);
  }
  .inner-page .article-layout { grid-template-columns: 240px minmax(0, 1fr); gap: 32px; padding-top: 0; border: 0; }
  .inner-page .article-aside {
    top: 130px;
    padding: 24px;
    border: 1px solid var(--fx-line);
    border-radius: 22px;
    background: var(--fx-raised);
    backdrop-filter: blur(16px);
  }
  .inner-page .article-aside .eyebrow { font-size: 10px; }
  .inner-page .article-aside li a { font-size: 12px; line-height: 1.7; }
  .inner-page .article-body {
    padding: clamp(24px, 3.5vw, 48px);
    border: 1px solid var(--fx-line);
    border-radius: 26px;
    background: var(--fx-raised);
    box-shadow: var(--fx-shadow);
  }
  .inner-page .article-body h2 { font: 500 clamp(28px, 3vw, 36px)/1.13 var(--fx-font); }
  .inner-page .article-body > section > p { margin-top: 20px; }
  .inner-page .article-body > section + section { margin-top: 44px; }
  .inner-page .article-calculation { border: 1px solid var(--fx-line); border-radius: 18px; background: var(--fx-glass); }
  .inner-page .article-calculation strong { font-size: clamp(22px, 2.1vw, 30px); }
  .inner-page .article-action { padding: 28px; border-radius: 20px; background: rgba(103,232,249,.12); }
  .inner-page .article-next { padding: 28px; border: 1px solid var(--fx-line); border-radius: 22px; background: var(--fx-raised); }

  .inner-page .tools-intro {
    grid-template-columns: 1.15fr .85fr;
    gap: 24px 48px;
    align-items: start;
    padding-bottom: 40px;
  }
  .inner-page .tools-intro > div:first-child { grid-column: 1; }
  .inner-page .tools-intro h1 { font-size: clamp(48px, 5.1vw, 76px); }
  .inner-page .tools-intro-copy { grid-column: 1; max-width: 550px; font-size: 16px; line-height: 1.75; }
  .inner-page .tools-intro-copy .tools-privacy { margin-top: 14px; font-size: 12px; }
  .inner-page .tools-intro-art {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: stretch;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid var(--fx-line);
    border-radius: 28px;
    background: var(--fx-raised);
    box-shadow: var(--fx-shadow);
  }
  .inner-page .tools-intro-art img { object-position: 76% center; }
  .inner-page .tools-directory {
    gap: 12px;
    border: 0;
  }
  .inner-page .tools-directory a,
  .inner-page .tools-directory a:first-child {
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--fx-line);
    border-radius: 18px;
    background: var(--fx-raised);
    box-shadow: var(--fx-shadow);
  }
  .inner-page .tools-directory small { font-size: 11px; }
  .inner-page .tools-index { color: var(--accent-ink); }
  .inner-page .tool-heading { grid-template-columns: 140px minmax(0, 1fr); }
  .inner-page .tool-heading h2 { font: 500 clamp(30px, 3.5vw, 44px)/1.12 var(--fx-font); }
  .inner-page .tool-workbench { border: 1px solid var(--fx-line); border-radius: 26px; background: var(--fx-raised); box-shadow: var(--fx-shadow); }
  .inner-page .simulator-form,
  .inner-page .simulator-result { padding: 32px; }
  .inner-page .simulator-form { border-right-color: var(--fx-line); }
  .inner-page .simulator-input input { min-height: 50px; border-radius: 12px; background: var(--fx-night); }
  .inner-page .simulator-result { background: var(--fx-glass); }
  .inner-page .simulator-formula { padding-inline: 20px; margin-top: 12px; border: 1px solid var(--fx-line); border-radius: 14px; background: var(--fx-glass); }
  .inner-page .simulator-formula summary { padding-block: 18px; }
}

@media screen and (hover: hover) {
  .inner-page .journal-entry { transition: border-color .2s, box-shadow .2s; }
  .inner-page .journal-entry:hover { border-color: var(--fx-cyan-2); box-shadow: var(--fx-shadow); }
  .inner-page .tools-directory a:hover { border-color: var(--fx-cyan-2); background: var(--fx-glass); }
}

@media screen and (max-width: 900px) {
  .inner-page .journal-feature { gap: 28px; }
  .inner-page .journal-entry { grid-template-columns: 180px minmax(0, 1fr); gap: 12px 24px; }
  .inner-page .journal-entry-media { grid-row: 1 / 4; }
  .inner-page .journal-read { grid-column: 2; grid-row: 3; }
  .inner-page .article-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 24px; }
  .inner-page .article-aside { padding: 20px; }
  .inner-page .tools-intro { gap: 24px; }
  .inner-page .tools-intro-art { min-height: 280px; }
  .inner-page .tools-directory a,
  .inner-page .tools-directory a:first-child { padding: 16px; }
  .inner-page .simulator-form,
  .inner-page .simulator-result { padding: 24px; }
}

@media screen and (max-width: 640px) {
  .inner-page .journal,
  .inner-page .tools-main { padding-block: 36px 64px; }
  .inner-page .journal-header { gap: 24px; padding-bottom: 28px; }
  .inner-page .journal-header h1 { font-size: clamp(48px, 12vw, 68px); }
  .inner-page .journal-header > p { font-size: 15px; }
  .inner-page .journal-topics { gap: 2px 16px; padding: 12px 16px; }
  .inner-page .journal-feature { gap: 24px; margin-block: 24px 44px; padding: 16px; border-radius: 24px; }
  .inner-page .journal-feature-art { height: 170px; border-radius: 16px; }
  .inner-page .journal-feature-art img { object-position: 70% center; }
  .inner-page .journal-feature-copy { padding: 0 4px; }
  .inner-page .journal-feature-copy h2 { font-size: 38px; }
  .inner-page .journal-note { padding: 24px; }
  .inner-page .journal-entry { grid-template-columns: 1fr; padding: 16px; gap: 12px; }
  .inner-page .journal-entry-media { grid-column: 1; grid-row: 1; min-height: 0; height: 160px; }
  .inner-page .journal-entry > .eyebrow { grid-column: 1; grid-row: 2; padding: 6px 4px 0; }
  .inner-page .journal-entry > div:not(.journal-entry-media) { grid-column: 1; grid-row: 3; padding: 0 4px; }
  .inner-page .journal-read { grid-column: 1; grid-row: 4; padding-inline: 4px; }
  .inner-page .journal-entry h3 { font-size: 32px; }
  .inner-page .journal-tools,
  .inner-page .tools-next { padding: 26px 22px; border-radius: 22px; }
  .inner-page .article-header h1 { font-size: clamp(40px, 10vw, 56px); }
  .inner-page .article-intro { font-size: 16px; }
  .inner-page .article-cover { height: 180px; margin-bottom: 24px; border-radius: 20px; }
  .inner-page .article-cover img { object-position: 72% center; }
  .inner-page .article-layout { grid-template-columns: 1fr; gap: 24px; }
  .inner-page .article-aside { position: static; }
  .inner-page .article-body { padding: 26px 20px; border-radius: 22px; }
  .inner-page .article-body h2 { font-size: 32px; }
  .inner-page .article-action { padding: 22px 18px; }
  .inner-page .article-next { padding: 24px; }
  .inner-page .tools-intro { grid-template-columns: 1fr; gap: 20px; }
  .inner-page .tools-intro h1 { font-size: clamp(46px, 11vw, 64px); }
  .inner-page .tools-intro-art { grid-column: 1; grid-row: 3; min-height: 0; height: 180px; border-radius: 22px; }
  .inner-page .tools-intro-art img { object-position: 70% center; }
  .inner-page .tools-directory { gap: 10px; }
  .inner-page .tools-directory a,
  .inner-page .tools-directory a:first-child { padding: 16px 18px; }
  .inner-page .tool-heading { grid-template-columns: 1fr; gap: 12px; }
  .inner-page .tool-workbench { border-radius: 22px; }
  .inner-page .simulator-form,
  .inner-page .simulator-result { padding: 24px 20px; }
}

@media print {
  .journal-feature-art,
  .journal-entry-media,
  .article-cover,
  .tools-intro-art { display: none; }
}