/*
Theme Name: Shiken Nittei Navi V66
Theme URI: https://shiken-nittei-navi.com/
Author: Shiken Nittei Navi
Author URI: https://shiken-nittei-navi.com/about/
Description: 公式情報で確認した申込締切、試験日、結果発表を必要な期限から逆算するWordPressテーマ。
Version: 1.0.85
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shiken-navi
*/

:root {
  --ink: #172126;
  --muted: #55646c;
  --line: #cfd9de;
  --line-strong: #aebdc5;
  --paper: #ffffff;
  --canvas: #f4f7f8;
  --soft: #eaf0f2;
  --navy: #12344d;
  --navy-strong: #082337;
  --green: #0e6b4f;
  --green-soft: #e4f4ed;
  --amber: #9a4b08;
  --amber-soft: #fff1d9;
  --red: #a62d2d;
  --red-soft: #fce9e7;
  --blue-soft: #e7f0f7;
  --shadow: 0 8px 22px rgba(18, 52, 77, 0.08);
  --radius: 6px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--canvas);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0;
}
img { max-width: 100%; height: auto; }
a { color: #075d86; text-underline-offset: 3px; }
a:hover { color: var(--green); }
button, input, textarea, select { font: inherit; letter-spacing: 0; }
:focus-visible { outline: 3px solid #075d86; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
h1, h2, h3 { color: var(--navy-strong); line-height: 1.35; letter-spacing: 0; }
h1 { font-size: 40px; margin: 0 0 16px; }
h2 { font-size: 28px; margin: 36px 0 14px; }
h3 { font-size: 20px; margin: 24px 0 10px; }
p { margin: 0 0 18px; }
ul, ol { margin: 0 0 22px; padding-left: 1.5rem; }
li + li { margin-top: 6px; }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.narrow { max-width: 760px; }
.narrow-wide { max-width: 980px; }
.content-space { padding-block: 48px 72px; }
.site-main { min-height: 65vh; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 9999; background: var(--paper); color: var(--ink); padding: 10px 16px; }
.skip-link:focus { top: 10px; }

.site-header { position: sticky; top: 0; z-index: 100; background: var(--paper); border-bottom: 1px solid var(--line); }
.admin-bar .site-header { top: 32px; }
.site-header__inner { width: min(calc(100% - 40px), var(--container)); min-height: 76px; margin-inline: auto; display: grid; grid-template-columns: auto minmax(240px, 1fr) auto; align-items: center; gap: 24px; }
.site-brand { color: var(--navy-strong); font-size: 23px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.header-search { justify-self: end; width: min(100%, 360px); display: grid; grid-template-columns: 1fr auto; }
.header-search input { min-width: 0; border: 1px solid var(--line-strong); border-right: 0; border-radius: var(--radius) 0 0 var(--radius); padding: 9px 12px; background: var(--paper); }
.header-search button { border: 1px solid var(--navy); border-radius: 0 var(--radius) var(--radius) 0; background: var(--navy); color: #fff; padding: 9px 14px; cursor: pointer; }
.primary-nav { grid-column: 1 / -1; border-top: 1px solid var(--soft); }
.primary-nav ul { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 0; padding: 8px 0; }
.primary-nav li { margin: 0; }
.primary-nav a { display: block; color: var(--ink); font-size: 14px; font-weight: 700; padding: 5px 0; text-decoration: none; }
.primary-nav a:hover { color: var(--green); }

.site-footer { color: #eaf2f6; background: var(--navy-strong); padding: 48px 0 24px; }
.site-footer__inner { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; display: grid; grid-template-columns: minmax(260px, 1fr) minmax(300px, 1.6fr); gap: 48px; }
.site-footer__brand { color: #fff; font-size: 22px; font-weight: 800; margin-bottom: 8px; }
.site-footer p { color: #c9d8e0; }
.site-footer nav ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 22px; margin: 0; padding: 0; }
.site-footer nav li { margin: 0; }
.site-footer a { color: #fff; }
.site-footer__copyright { width: min(calc(100% - 40px), var(--container)); margin: 32px auto 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.18); color: #aebfca; font-size: 13px; }

.eyebrow { color: var(--green); font-size: 13px; font-weight: 800; text-transform: none; margin-bottom: 8px; }
.page-hero, .article-hero { background: var(--navy); color: #fff; padding: 44px 0; border-bottom: 5px solid var(--green); }
.page-hero.compact { padding: 34px 0; }
.page-hero h1, .article-hero h1 { color: #fff; }
.page-hero p, .article-hero p { color: #d6e4eb; max-width: 800px; }
.page-hero .eyebrow, .article-hero .eyebrow { color: #a5dfc9; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; color: #cbdce4; font-size: 13px; margin-bottom: 18px; }
.breadcrumbs a { color: #fff; }

.home-intro { background: var(--paper); border-bottom: 1px solid var(--line); padding: 54px 0; }
.home-intro__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr); align-items: center; gap: 64px; }
.home-intro h1 { color: var(--navy-strong); font-size: 44px; }
.home-intro__lead { max-width: 740px; color: var(--muted); font-size: 18px; }
.home-summary { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border: 1px solid var(--line); background: var(--canvas); }
.home-summary div { min-width: 0; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home-summary div:nth-child(2n) { border-right: 0; }
.home-summary div:nth-last-child(-n+2) { border-bottom: 0; }
.home-summary dt { color: var(--muted); font-size: 13px; }
.home-summary dd { margin: 4px 0 0; color: var(--navy-strong); font-size: 26px; font-weight: 800; overflow-wrap: anywhere; }
.planner-promo { padding: 34px 0; color: #fff; background: var(--navy); }
.planner-promo__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: center; }
.planner-promo h2 { color: #fff; margin: 0 0 8px; }
.planner-promo p { max-width: 760px; margin: 0; color: #d8e5eb; }
.planner-promo .eyebrow { color: #8de0bf; margin-bottom: 5px; }
.planner-promo .button-primary { color: var(--navy-strong); background: #fff; border-color: #fff; }

.workflow-band { background: var(--soft); }
.workflow-list { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-block: 1px solid var(--line-strong); }
.workflow-list li { min-width: 0; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 22px 24px; border-right: 1px solid var(--line-strong); }
.workflow-list li:last-child { border-right: 0; }
.workflow-list li > span { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: var(--green); border-radius: 50%; font-weight: 800; }
.workflow-list strong { display: block; color: var(--navy-strong); margin: 3px 0 7px; }
.workflow-list p { color: var(--muted); font-size: 14px; margin: 0; }
.workflow-action { margin-top: 22px; }

.section-band { padding: 64px 0; border-bottom: 1px solid var(--line); }
.section-band--white { background: var(--paper); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.section-heading h2 { margin: 0; }
.section-heading p { margin-bottom: 5px; }
.section-lead { max-width: 820px; color: var(--muted); margin: -12px 0 26px; }
.text-link { font-weight: 800; }
.button-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: var(--radius); padding: 9px 16px; font-weight: 800; line-height: 1.35; text-align: center; text-decoration: none; cursor: pointer; }
.button-primary { color: #fff; background: var(--green); border-color: var(--green); }
.button-primary:hover { color: #fff; background: #09563f; }
.button-secondary { color: var(--navy); background: var(--paper); border-color: var(--line-strong); }
.button-secondary:hover { color: var(--green); border-color: var(--green); }

.status-badge { display: inline-flex; max-width: 100%; align-items: center; border: 1px solid transparent; border-radius: 999px; padding: 3px 9px; font-size: 12px; font-weight: 800; line-height: 1.45; white-space: normal; text-align: center; }
.status-open { color: #07543e; background: var(--green-soft); border-color: #87c9b1; }
.status-upcoming { color: #7c3b04; background: var(--amber-soft); border-color: #e4bd7a; }
.status-closed { color: #6d3030; background: var(--red-soft); border-color: #dfaaa6; }
.status-variable { color: #244f6c; background: var(--blue-soft); border-color: #a9c8dc; }

.exam-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.exam-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.exam-card { min-width: 0; min-height: 280px; display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--line); border-top: 4px solid var(--green); border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow); }
.exam-card__meta { min-height: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px 10px; color: var(--muted); font-size: 12px; }
.exam-card h2 { font-size: 21px; margin: 16px 0; overflow-wrap: anywhere; }
.exam-card h2 a { color: var(--navy-strong); text-decoration: none; }
.exam-card__facts { margin: 0 0 18px; }
.exam-card__facts div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-top: 1px solid var(--soft); }
.exam-card__facts dt { color: var(--muted); font-size: 12px; }
.exam-card__facts dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.exam-card .text-link { margin-top: auto; }

.open-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); background: var(--paper); }
.open-list > a { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--ink); padding: 16px 18px; border-bottom: 1px solid var(--line); text-decoration: none; }
.open-list > a:nth-child(odd) { border-right: 1px solid var(--line); }
.open-list > a:nth-last-child(-n+2) { border-bottom: 0; }
.open-list strong, .open-list small { display: block; overflow-wrap: anywhere; }
.open-list small { color: var(--muted); font-size: 12px; margin-top: 2px; }

.trust-band { background: var(--soft); }
.trust-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 32px 64px; align-items: start; }
.trust-grid h2 { margin-top: 0; }
.trust-points { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-strong); }
.trust-points li { display: grid; grid-template-columns: 100px 1fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line-strong); }
.trust-points span { color: var(--muted); }
.trust-grid .button-row { grid-column: 1 / -1; margin-top: 0; }

.table-wrap { position: relative; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); scrollbar-width: thin; scrollbar-color: var(--line-strong) #f0f4f7; }
.table-wrap::-webkit-scrollbar { height: 6px; }
.table-wrap::-webkit-scrollbar-track { background: #f0f4f7; border-radius: 3px; }
.table-wrap::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 3px; }
.data-table { width: 100%; min-width: 720px; border-collapse: collapse; line-height: 1.55; }
.data-table--wide { min-width: 960px; }
.data-table th { color: #fff; background: var(--navy); font-size: 13px; text-align: left; padding: 12px 14px; white-space: nowrap; }
.data-table td { vertical-align: top; padding: 13px 14px; border-top: 1px solid var(--line); font-size: 14px; overflow-wrap: anywhere; }
.data-table--fees td:nth-child(2), .data-table--fees td:nth-child(4) { white-space: nowrap; overflow-wrap: normal; }
.data-table tbody tr:nth-child(even) { background: #f8fafb; }
.data-table td span:not(.status-badge) { display: block; color: var(--muted); font-size: 12px; margin-top: 3px; }
.data-table td a { color: var(--navy-strong); text-decoration: none; }
.data-table--cbt th:nth-child(4) { width: 28%; }
.comparison-fees { margin: 0 0 10px; padding-left: 18px; }
.comparison-fees li + li { margin-top: 10px; }
.table-note { color: var(--muted); font-size: 13px; margin: 12px 0 0; }
.table-scroll-hint { display: none; color: var(--muted); font-size: 12px; margin-bottom: 6px; }
@media (max-width: 782px) {
  .table-scroll-hint { display: block; }
}
.empty-inline { padding: 18px; background: var(--paper); border-left: 4px solid var(--amber); }

.article-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; color: #d6e4eb; font-size: 13px; margin-bottom: 16px; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 44px; padding-block: 48px 72px; align-items: start; }
.article-main { min-width: 0; }
.decision-summary { background: var(--paper); border: 1px solid var(--line); border-left: 5px solid var(--green); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow); }
.decision-summary h2 { margin-top: 0; font-size: 24px; }
.decision-summary dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 14px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.decision-summary dl div { min-width: 0; padding: 12px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.decision-summary dt { color: var(--muted); font-size: 12px; }
.decision-summary dd { margin: 4px 0 0; font-weight: 800; overflow-wrap: anywhere; }
.article-content { background: var(--paper); margin-top: 24px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); }
.article-content > :first-child { margin-top: 0; }
.article-content h2 { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding-top: 8px; border-bottom: 2px solid var(--soft); padding-bottom: 8px; }
.heading-text { min-width: 0; }
.heading-source { flex: 0 0 auto; color: var(--green); font-size: 12px; font-weight: 800; white-space: nowrap; }
.article-source-summary { margin: 24px 0; padding: 16px 18px; background: var(--canvas); border-left: 4px solid var(--green); }
.article-source-summary strong { display: block; margin-bottom: 8px; }
.article-source-summary ul { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; list-style: none; }
.article-source-summary li { margin: 0; }
.article-source-summary a { font-size: 13px; font-weight: 800; }
.article-section { margin-top: 44px; }
.decision-guide { padding: 30px 0; border-top: 4px solid var(--green); border-bottom: 1px solid var(--line); }
.decision-guide__lead { max-width: 790px; color: var(--navy-strong); font-size: 17px; font-weight: 700; }
.decision-guide__timing { max-width: 820px; margin: 22px 0; padding: 14px 0 14px 18px; border-left: 4px solid var(--amber); }
.decision-guide__timing strong { display: block; color: var(--navy-strong); margin-bottom: 4px; }
.decision-guide__timing p { margin: 0; color: var(--muted); }
.decision-steps { counter-reset: decision-step; list-style: none; margin: 28px 0; padding: 0; border-top: 1px solid var(--line); }
.decision-steps li { counter-increment: decision-step; display: grid; grid-template-columns: 46px minmax(170px, .55fr) minmax(0, 1.45fr); gap: 14px 18px; align-items: start; margin: 0; padding: 18px 0; border-bottom: 1px solid var(--line); }
.decision-steps li::before { content: counter(decision-step); width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: var(--green); border-radius: 50%; font-size: 14px; font-weight: 900; }
.decision-steps strong { color: var(--navy-strong); }
.decision-steps span { color: var(--muted); }
.decision-cautions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; padding-top: 8px; }
.decision-cautions h3 { margin-top: 0; font-size: 18px; }
.decision-cautions ul, .decision-cautions p { margin-bottom: 0; }
.calculation-section { padding-top: 30px; border-top: 4px solid var(--navy); }
.calculation-section > p { max-width: 820px; }
.data-table--analysis { min-width: 880px; }
.source-section { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; }
.article-author { margin-top: 32px; padding: 24px; background: var(--soft); border-left: 5px solid var(--navy); border-radius: var(--radius); }
.article-author h2 { margin: 0 0 12px; font-size: 22px; }
.article-author p { margin: 7px 0; }
.article-author .text-link { display: inline-block; margin-top: 8px; }
.source-list { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; }
.source-list li { margin: 0; }
.source-list a { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; color: var(--ink); background: var(--canvas); border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; }
.source-list a span { font-weight: 800; }
.source-list a small { color: var(--muted); overflow-wrap: anywhere; text-align: right; }
.verification-box { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 20px 0 0; border-top: 1px solid var(--line); }
.verification-box div { min-width: 0; padding: 14px 12px 0 0; }
.verification-box dt { color: var(--muted); font-size: 12px; }
.verification-box dd { margin: 3px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.final-note { margin-top: 32px; padding: 18px; border: 1px solid #e0b76f; background: var(--amber-soft); border-radius: var(--radius); }
.final-note p { margin: 6px 0 0; }
.article-sidebar { position: sticky; top: 140px; display: grid; gap: 14px; }
.admin-bar .article-sidebar { top: 172px; }
.sidebar-panel { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; }
.sidebar-panel h2 { font-size: 17px; margin: 0 0 12px; }
.sidebar-panel ul { margin: 0; padding-left: 18px; font-size: 13px; }
.sidebar-panel a { display: block; padding: 8px 0; border-top: 1px solid var(--soft); font-size: 14px; font-weight: 700; }
.related-section { background: var(--soft); }

.page-layout { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 48px; align-items: start; }
.page-content { min-width: 0; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 32px; }
.page-content.page-content--planner { background: transparent; border: 0; border-radius: 0; padding: 0; }
.page-content > :first-child { margin-top: 0; }
.page-content h2 { border-bottom: 2px solid var(--soft); padding-bottom: 8px; }
.page-content ol li::marker { color: var(--green); font-weight: 800; }
.dynamic-section { margin-top: 44px; padding-top: 8px; border-top: 4px solid var(--navy); }
.page-sidebar { position: sticky; top: 140px; }
.page-sidebar nav { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; }
.page-sidebar h2 { font-size: 17px; margin: 0 0 8px; }
.page-sidebar a { display: block; padding: 8px 0; border-top: 1px solid var(--soft); font-size: 14px; font-weight: 700; }
.source-index__row { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.2fr) auto; gap: 18px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--line); }
.source-index__row h3 { margin: 0 0 4px; }
.source-index__row p { color: var(--muted); font-size: 13px; margin: 0; }
.source-index__row ul { display: flex; flex-wrap: wrap; gap: 6px 12px; list-style: none; margin: 0; padding: 0; }
.source-index__row li { margin: 0; }
.update-log { border-left: 3px solid var(--green); padding-left: 20px; }
.update-log article { position: relative; padding: 0 0 24px; }
.update-log article::before { content: ""; position: absolute; left: -27px; top: 8px; width: 11px; height: 11px; border-radius: 50%; background: var(--green); border: 2px solid var(--paper); }
.update-log time { color: var(--muted); font-size: 12px; }
.update-log h3 { margin: 2px 0 6px; }
.update-log p { margin: 0; }
.sitemap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sitemap-grid h2 { font-size: 20px; margin-top: 0; }

.operator-profile { margin-top: 38px; padding: 24px; background: var(--canvas); border: 1px solid var(--line); border-left: 5px solid var(--green); border-radius: var(--radius); }
.operator-profile h2 { margin-top: 0; }
.operator-profile__name { color: var(--navy-strong); font-size: 20px; font-weight: 900; }
.operator-profile dl { display: grid; margin: 20px 0 0; border-top: 1px solid var(--line); }
.operator-profile dl div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.operator-profile dt { color: var(--muted); font-size: 13px; font-weight: 800; }
.operator-profile dd { margin: 0; }

.planner-tool { margin-top: 44px; padding-top: 28px; border-top: 4px solid var(--green); }
.planner-tool__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.planner-tool__heading h2 { margin: 0; border: 0; padding: 0; }
.planner-tool__version { flex: 0 0 auto; color: var(--muted); font-size: 12px; margin: 0; }
.planner-controls { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(170px, 1fr) minmax(260px, 1.4fr); gap: 16px; align-items: end; padding: 20px; background: var(--canvas); border: 1px solid var(--line); border-radius: var(--radius); }
.planner-field { min-width: 0; }
.planner-field > label, .planner-field legend { display: block; margin-bottom: 7px; color: var(--navy-strong); font-size: 13px; font-weight: 800; }
.planner-field select, .planner-field input[type="date"], .planner-field input[type="time"] { width: 100%; min-height: 44px; padding: 9px 11px; color: var(--ink); background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius); font-size: 16px; }
.planner-field--criterion { margin: 0; padding: 0; border: 0; }
.segmented-control { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 44px; }
.segmented-control label { position: relative; min-width: 0; }
.segmented-control input { position: absolute; opacity: 0; pointer-events: none; }
.segmented-control span { height: 100%; display: flex; align-items: center; justify-content: center; padding: 8px 10px; background: var(--paper); border: 1px solid var(--line-strong); font-size: 13px; font-weight: 800; text-align: center; }
.segmented-control label:first-child span { border-radius: var(--radius) 0 0 var(--radius); }
.segmented-control label:last-child span { border-left: 0; border-radius: 0 var(--radius) var(--radius) 0; }
.segmented-control input:checked + span { color: #fff; background: var(--navy); border-color: var(--navy); }
.segmented-control input:focus-visible + span { outline: 3px solid #8ec5df; outline-offset: 2px; }
.planner-toggle { min-height: 44px; display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 800; }
.planner-toggle input, .planner-result__select input { width: 18px; height: 18px; accent-color: var(--green); }
.planner-reset { min-height: 44px; }
.planner-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 0 16px; }
.planner-count { margin: 0; font-weight: 900; }
.planner-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.planner-actions .button { min-height: 44px; }
.planner-actions button:disabled { cursor: not-allowed; opacity: .48; }
.planner-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.planner-result { min-width: 0; display: flex; flex-direction: column; padding: 18px; background: var(--paper); border: 1px solid var(--line); border-top: 4px solid var(--green); border-radius: var(--radius); box-shadow: var(--shadow); }
.planner-result[hidden] { display: none !important; }
.planner-result__select { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.planner-result__select label { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 800; }
.planner-result__select input:disabled + span { color: #78858b; }
.planner-result h3 { margin: 14px 0 3px; font-size: 19px; overflow-wrap: anywhere; }
.planner-result h3 a { color: var(--navy-strong); text-decoration: none; }
.planner-result__round { min-height: 40px; margin: 0 0 12px; color: var(--muted); font-size: 13px; }
.planner-result__facts { margin: 0; border-top: 1px solid var(--line); }
.planner-result__facts div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--soft); }
.planner-result__facts dt { color: var(--muted); font-size: 12px; }
.planner-result__facts dd { margin: 0; font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.planner-result__note { margin: 12px 0; color: var(--muted); font-size: 12px; }
.planner-result__links { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: auto; padding-top: 12px; }
.planner-result__links a { font-size: 13px; font-weight: 800; }
.planner-result__checked { margin: 12px 0 0; color: var(--muted); font-size: 11px; }
.planner-empty { padding: 22px; background: var(--amber-soft); border-left: 4px solid var(--amber); }
.planner-disclaimer { margin: 18px 0 0; color: var(--muted); font-size: 13px; }

/* Planner 3-Status System */
.planner-groups { display: grid; gap: 32px; margin-top: 24px; }
.planner-view-tabs { display: flex; gap: 0; border-bottom: 2px solid var(--line); margin-bottom: 24px; }
.planner-view-tabs [role="tab"] { flex: 1; min-width: 0; padding: 14px 10px; background: transparent; border: 0; border-bottom: 3px solid transparent; color: var(--ink); font: inherit; font-weight: 700; cursor: pointer; }
.planner-view-tabs [aria-selected="true"] { border-bottom-color: var(--green); color: var(--green); }
.planner-view-tabs [role="tab"]:focus-visible { outline: 2px solid var(--green); outline-offset: -4px; }
.combination-slots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.combination-slot { min-width: 0; margin: 0; padding: 16px 0; border: 0; border-top: 1px solid var(--line); }
.combination-slot legend { font-weight: 700; padding: 0 10px 0 0; }
.combination-slot .planner-field { margin-bottom: 16px; }
.combination-slot input[type="text"], .combination-options input[type="number"] { width: 100%; min-width: 0; min-height: 44px; padding: 9px 11px; color: var(--ink); background: var(--paper); border: 1px solid var(--line-strong); border-radius: var(--radius); font-size: 16px; }
.combination-times { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.combination-entry { font-size: 13px; overflow-wrap: anywhere; }
.combination-options { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; padding-block: 16px; }
.combination-options .planner-field { flex: 1 1 240px; max-width: 400px; }
.combination-result { padding: 18px 0 18px 16px; border-left: 4px solid var(--line); margin-block: 16px; }
.combination-result h3 { margin-top: 0; }
.combination-result[data-state="overlap"], .combination-result[data-state="insufficient"], .combination-result[data-state="invalid"] { border-left-color: #b42318; }
#combination-check, #combination-analysis-title { scroll-margin-top: 190px; }
@media (max-width: 700px) { .combination-slots { grid-template-columns: 1fr; gap: 12px; } }
.planner-outside-dates { min-width: 0; border-top: 1px solid var(--line); padding-top: 16px; }
.planner-outside-dates > summary { cursor: pointer; font-weight: 700; padding-block: 12px; }
.planner-outside-dates > summary:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
.planner-outside-dates[open] > summary { margin-bottom: 12px; }
.planner-status-group { padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.status-group--a { border-left: 5px solid var(--green); }
.status-group--b { border-left: 5px solid #075d86; }
.status-group--c { border-left: 5px solid var(--muted); background: var(--canvas); }
.status-group__header { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; flex-wrap: wrap; }
.status-group__header h3 { margin: 0; font-size: 19px; }
.status-category-badge { display: inline-block; padding: 3px 9px; font-size: 12px; font-weight: 900; border-radius: 4px; letter-spacing: 0.5px; }
.badge--status-a { color: #fff; background: var(--green); }
.badge--status-b { color: #fff; background: #075d86; }
.badge--status-c { color: #fff; background: var(--muted); }
.status-group__count { margin-left: auto; font-size: 13px; font-weight: 800; color: var(--muted); }
.status-group__desc { margin: 0 0 16px; font-size: 13px; color: var(--muted); }
.planner-status-hint { padding: 16px; background: var(--amber-soft); border-left: 4px solid var(--amber); border-radius: var(--radius); margin-top: 10px; font-size: 13px; line-height: 1.6; }
.planner-status-hint p { margin: 0 0 6px; }
.planner-status-hint p:last-child { margin: 0; }
.planner-evidence-notice { font-size: 12px; font-weight: 700; margin: 8px 0 4px; padding: 4px 8px; border-radius: 4px; }
.notice--unsupported { color: #7d2424; background: var(--red-soft); border-left: 3px solid var(--red); }
.notice--ship-only { color: #075d86; background: var(--blue-soft); border-left: 3px solid #075d86; }
.notice--ship-unknown { color: #8a4b08; background: var(--amber-soft); border-left: 3px solid var(--amber); }
.notice--ship-confirmed { color: #07543e; background: var(--green-soft); border-left: 3px solid var(--green); }
.notice--cbt-seat { color: #075d86; background: var(--blue-soft); border-left: 3px solid #075d86; }

/* Freshness Notice & Days Badges */
.data-freshness-notice { padding: 14px 18px; background: var(--blue-soft); border-left: 4px solid #075d86; border-radius: var(--radius); margin-bottom: 24px; font-size: 14px; }
.data-freshness-notice p { margin: 0; }
.days-badge { display: inline-block; padding: 2px 8px; font-size: 12px; font-weight: 800; border-radius: 4px; white-space: nowrap; }
.days-left-urgent { color: var(--red); background: var(--red-soft); font-weight: 900; }
.days-left-warn { color: var(--amber); background: var(--amber-soft); }
.days-left-ok { color: var(--green); background: var(--green-soft); }
.deadline-note { font-size: 12px; color: var(--muted); }

.site-search-form { max-width: 680px; margin-bottom: 30px; }
.site-search-form label { display: block; font-weight: 800; margin-bottom: 6px; }
.site-search-form div { display: grid; grid-template-columns: 1fr auto; }
.site-search-form input { min-width: 0; padding: 11px 12px; border: 1px solid var(--line-strong); border-radius: var(--radius) 0 0 var(--radius); }
.site-search-form button { color: #fff; background: var(--navy); border: 1px solid var(--navy); border-radius: 0 var(--radius) var(--radius) 0; padding: 10px 18px; font-weight: 800; }
.search-results { margin-top: 28px; }
.contact-form { display: grid; gap: 16px; margin-top: 24px; }
.contact-form label { display: grid; gap: 6px; font-weight: 800; }
.contact-form input, .contact-form textarea { width: 100%; border: 1px solid var(--line-strong); border-radius: var(--radius); padding: 10px 12px; background: var(--paper); }
.contact-form textarea { resize: vertical; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.notice-success, .notice-error { padding: 12px 14px; border-radius: var(--radius); }
.notice-success { color: #07543e; background: var(--green-soft); border-left: 4px solid var(--green); }
.notice-error { color: #7d2424; background: var(--red-soft); border-left: 4px solid var(--red); }
.empty-state { padding: 36px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); text-align: center; }
.empty-state h1, .empty-state h2 { margin-top: 0; }
.empty-state .button-row { justify-content: center; }
.nav-links { display: flex; justify-content: center; gap: 8px; margin-top: 32px; }
.nav-links .page-numbers { min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); background: var(--paper); border-radius: var(--radius); text-decoration: none; }
.nav-links .current { color: #fff; background: var(--navy); }

.cross-tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.cross-tool-card {
  background: #fff;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cross-tool-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
.cross-tool-card h3 {
  margin: 0 0 10px 0;
  font-size: 1.12rem;
}
.cross-tool-card h3 a {
  color: var(--text, #1e293b);
  text-decoration: none;
}
.cross-tool-card h3 a:hover {
  color: var(--primary, #0284c7);
  text-decoration: underline;
}
.cross-tool-card p {
  color: var(--text-muted, #64748b);
  font-size: 0.92rem;
  line-height: 1.6;
  margin: 0 0 16px 0;
  flex-grow: 1;
}

@media (max-width: 1000px) {
  .site-header__inner { grid-template-columns: 1fr auto; gap: 14px; padding-top: 12px; }
  .header-search { width: 300px; }
  .primary-nav { grid-column: 1 / -1; }
  .home-intro__grid { grid-template-columns: 1fr; gap: 30px; }
  .planner-promo__inner { grid-template-columns: 1fr; gap: 20px; }
  .home-summary { max-width: 620px; }
  .workflow-list { grid-template-columns: 1fr; }
  .workflow-list li { border-right: 0; border-bottom: 1px solid var(--line-strong); }
  .workflow-list li:last-child { border-bottom: 0; }
  .exam-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-layout, .page-layout { grid-template-columns: 1fr; }
  .article-sidebar, .page-sidebar { position: static; }
  .article-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-sidebar nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 18px; }
  .page-sidebar h2 { grid-column: 1 / -1; }
  .planner-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

@media (max-width: 720px) {
  body { font-size: 15px; }
  .container, .site-header__inner, .site-footer__inner, .site-footer__copyright { width: min(calc(100% - 28px), var(--container)); }
  h1, .home-intro h1 { font-size: 32px; }
  h2 { font-size: 24px; }
  .site-header { position: static; }
  .site-header__inner { grid-template-columns: 1fr; padding-block: 13px 0; }
  .site-brand { font-size: 21px; }
  .header-search { width: 100%; justify-self: stretch; }
  .primary-nav { overflow-x: auto; }
  .primary-nav ul { flex-wrap: nowrap; width: max-content; gap: 18px; padding-bottom: 10px; }
  .primary-nav a { white-space: nowrap; }
  .site-footer__inner { grid-template-columns: 1fr; gap: 24px; }
  .site-footer nav ul { justify-content: flex-start; }
  .home-intro { padding: 38px 0; }
  .home-intro__lead { font-size: 16px; }
  .planner-promo { padding: 30px 0; }
  .home-summary dd { font-size: 21px; }
  .cross-tools-grid { grid-template-columns: 1fr; }
  .section-band { padding: 46px 0; }
  .section-heading { align-items: start; flex-direction: column; gap: 8px; }
  .exam-grid, .exam-grid--three, .open-list, .trust-grid, .source-list, .sitemap-grid { grid-template-columns: 1fr; }
  .exam-card { min-height: 0; }
  .open-list > a, .open-list > a:nth-child(odd), .open-list > a:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .open-list > a:last-child { border-bottom: 0; }
  .trust-grid .button-row { grid-column: auto; }
  .page-hero, .article-hero { padding: 32px 0; }
  .article-layout, .page-layout { padding-block: 28px 52px; gap: 28px; }
  .decision-summary, .article-content, .page-content, .source-section { padding: 20px; }
  .decision-summary dl, .verification-box { grid-template-columns: 1fr; }
  .article-sidebar { grid-template-columns: 1fr; }
  .page-sidebar nav { grid-template-columns: 1fr 1fr; }
  .source-index__row { grid-template-columns: 1fr; gap: 8px; }
  .article-content h2 { align-items: start; flex-direction: column; gap: 5px; }
  .heading-source { white-space: normal; }
  .article-source-summary ul { display: grid; gap: 5px; }
  .decision-steps li { grid-template-columns: 38px minmax(0, 1fr); gap: 8px 12px; }
  .decision-steps li::before { grid-row: 1 / span 2; width: 32px; height: 32px; }
  .decision-steps span { grid-column: 2; }
  .decision-cautions { grid-template-columns: 1fr; gap: 22px; }
  .operator-profile dl div { grid-template-columns: 1fr; gap: 3px; }
  .planner-tool__heading, .planner-toolbar { align-items: stretch; flex-direction: column; }
  .planner-tool__version { flex: auto; }
  .planner-controls, .planner-results { grid-template-columns: 1fr; }
  .planner-actions { display: grid; grid-template-columns: 1fr; }
  .planner-result__round { min-height: 0; }
  .button { width: 100%; }
  .button-row { display: grid; grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .decision-comparison { min-width: 0; width: 100%; }
  .decision-comparison thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .decision-comparison tbody, .decision-comparison tr, .decision-comparison td { display: block; width: 100%; }
  .decision-comparison tr + tr { border-top: 2px solid currentColor; }
  .decision-comparison td { box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }
  .decision-comparison td::before { display: block; font-weight: 700; margin-bottom: 4px; }
  .submission-comparison td:nth-child(1)::before { content: '提出先の条件'; }
  .submission-comparison td:nth-child(2)::before { content: '比較する日付'; }
  .submission-comparison td:nth-child(3)::before { content: '次に確かめること'; }
  .mode-comparison td:nth-child(1)::before { content: '方式・候補'; }
  .mode-comparison td:nth-child(2)::before { content: 'まず確認すること'; }
  .mode-comparison td:nth-child(3)::before { content: '見落とすと困る点'; }
  .choice-comparison td:nth-child(1)::before { content: '自分の条件'; }
  .choice-comparison td:nth-child(2)::before { content: '残す方式・候補'; }
  .choice-comparison td:nth-child(3)::before { content: '候補から外す条件'; }
  .choice-comparison td:nth-child(4)::before { content: '選択を確定する確認'; }
  .deadline-comparison td:nth-child(1)::before { content: '必要なもの・期限'; }
  .deadline-comparison td:nth-child(2)::before { content: '比較する候補'; }
  .deadline-comparison td:nth-child(3)::before { content: '当サイトの判断と理由'; }
  .deadline-comparison td:nth-child(4)::before { content: '残る確認条件・公式根拠'; }
}

.retake-check { margin-block: 24px; padding-block: 22px; border-block: 1px solid var(--line-strong); scroll-margin-top: 140px; }
.page-content .retake-check h3 { font-size: 20px; margin: 0 0 16px; }
.retake-check > .planner-toggle { min-height: 44px; }
.retake-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-block: 18px; }
.retake-controls[hidden], .retake-result[hidden], .retake-controls .planner-field[hidden] { display: none; }
.retake-controls > *, .retake-timeline dd { min-width: 0; }
.retake-controls input, .retake-controls select { width: 100%; min-height: 44px; box-sizing: border-box; font-size: 16px; }
.retake-result { margin-block: 18px; padding-block: 16px; border-block: 2px solid var(--line-strong); }
.retake-result h4 { font-size: 18px; line-height: 1.6; margin-block: 0 12px; overflow-wrap: anywhere; }
.retake-result[data-state="retry_late"] h4, .retake-result[data-state="too_early"] h4 { color: #9a312a; }
.retake-timeline { margin-block: 18px; }
.retake-timeline > div { display: grid; grid-template-columns: minmax(130px, 0.7fr) minmax(0, 2fr); gap: 12px 18px; padding-block: 12px; border-bottom: 1px solid var(--line); }
.retake-timeline dt { font-weight: 700; }
.retake-timeline dd { margin: 0; overflow-wrap: anywhere; }
.retake-timeline strong, .retake-timeline span { display: block; }
.retake-timeline span, .retake-sources { font-size: 14px; }
.retake-sources { overflow-wrap: anywhere; }
.retake-sources a { display: inline-block; margin: 4px 10px 4px 0; }
.retake-example > summary { cursor: pointer; font-weight: 700; padding-block: 12px; }
.booking-analysis { margin-block: 24px; }
.booking-question { margin: 18px 0; padding: 12px 18px; border-left: 3px solid var(--green); background: #fff; overflow-wrap: anywhere; }
.booking-sources { padding-left: 20px; overflow-wrap: anywhere; }
.booking-sources li { margin-block: 8px; }
.booking-analysis h3 { font-size: 20px; }
.booking-money th:first-child { width: 32%; }
.progression-analysis { margin-block: 24px; }
.progression-analysis h2 { overflow-wrap: anywhere; }
.progression-sources { padding-left: 20px; overflow-wrap: anywhere; }
.progression-sources li { margin-block: 8px; }
.plan-notebook { margin-block: 24px; padding-block: 18px; border-block: 2px solid var(--line-strong); scroll-margin-top: 170px; }
.plan-notebook h2 { font-size: 24px; }
.plan-notebook summary { cursor: pointer; padding-block: 12px; font-weight: 700; }
.notebook-list { list-style: none; padding: 0; margin: 0; }
.notebook-plan { padding-block: 20px; border-top: 1px solid var(--line); min-width: 0; overflow-wrap: anywhere; }
.notebook-plan h3 { font-size: 19px; margin-block: 0 8px; }
.notebook-plan .button-row { gap: 10px; }
.notebook-plan .button { white-space: normal; max-width: 100%; }
.notebook-review { font-weight: 700; color: #9a312a; }
.notebook-diff { width: 100%; table-layout: fixed; }
.notebook-diff td, .notebook-diff th { overflow-wrap: anywhere; }
.purpose-links { list-style: none; padding: 0; margin: 24px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.purpose-links li { border-top: 1px solid var(--line-strong); min-width: 0; }
.purpose-links a { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 58px; padding-block: 12px; font-weight: 700; overflow-wrap: anywhere; }
.purpose-links a span:first-child { min-width: 0; }
.purpose-links--compact { margin-top: 8px; }
.analysis-conclusion { padding-block: 12px; border-block: 2px solid var(--line-strong); }
.cost-comparison { margin-block: 24px; padding-block: 20px; border-block: 2px solid var(--line-strong); min-width: 0; }
.cost-comparison h2 { font-size: 22px; line-height: 1.6; margin-block: 0 12px; overflow-wrap: anywhere; }
.cost-selectors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cost-year-note { padding: 10px 14px; border-left: 3px solid var(--green); font-size: 14px; overflow-wrap: anywhere; }
.cost-year-note[data-state="unavailable"] { border-left-color: #9a312a; }
.cost-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.cost-methods fieldset { border: 0; border-top: 1px solid var(--line); padding: 14px 0 0; margin: 0; min-width: 0; }
.cost-methods legend { font-weight: 700; padding-right: 12px; overflow-wrap: anywhere; max-width: 100%; }
.cost-base { min-height: 52px; margin-block: 0 12px; }
.cost-base strong { display: block; font-size: 20px; }
.cost-field { margin-block: 16px; min-width: 0; }
.cost-field label { display: block; font-weight: 700; margin-bottom: 6px; overflow-wrap: anywhere; }
.cost-field input, .cost-field select { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; padding: 8px 10px; font: inherit; font-size: 16px; color: var(--ink); background: #fff; border: 1px solid var(--line-strong); border-radius: 4px; }
.cost-field input[aria-invalid="true"] { border: 2px solid #a53028; }
.cost-note { font-size: 14px; color: var(--muted); overflow-wrap: anywhere; }
.cost-result { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 20px; min-height: 60px; overflow-wrap: anywhere; }
.cost-result h3 { font-size: 18px; line-height: 1.6; margin-block: 0 14px; }
.cost-result[data-state="blocked"] h3, .cost-result[data-state="invalid"] { color: #9a312a; }
.cost-totals { margin-block: 12px; }
.cost-totals > div { display: grid; grid-template-columns: minmax(100px, 0.6fr) minmax(0, 1fr); gap: 8px 16px; padding-block: 10px; border-bottom: 1px solid var(--line); }
.cost-totals dt { font-weight: 700; }
.cost-totals dd { margin: 0; overflow-wrap: anywhere; }
.cost-totals strong { display: block; font-size: 20px; }
.cost-comparison summary, .cost-examples summary { cursor: pointer; font-weight: 700; padding-block: 12px; }
.cost-comparison [hidden] { display: none; }
.notebook-verdicts:has(.notebook-current) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-block: 20px; }
.notebook-verdicts > * { min-width: 0; }
.notebook-current { border-top: 2px solid var(--green); padding-top: 12px; }
.notebook-current h4 { margin-top: 0; font-size: 18px; }
.notebook-verdict-text { white-space: pre-line; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .booking-analysis .decision-comparison td::before { content: attr(data-label); }
  .booking-analysis .decision-comparison td { padding-block: 10px; }
  .progression-analysis .decision-comparison td::before { content: attr(data-label); }
  .progression-analysis .decision-comparison td { padding-block: 10px; }
  .notebook-diff td::before { content: attr(data-label); }
  .editorial-overview td::before { content: attr(data-label); }
  .cost-tools-index td::before { content: attr(data-label); }
  .purpose-links, .notebook-verdicts:has(.notebook-current) { grid-template-columns: minmax(0, 1fr); }
  .cost-methods, .cost-totals > div { grid-template-columns: minmax(0, 1fr); }
  .cost-field select { font-size: 14px; }
}
@media (max-width: 720px) {
  .retake-controls { grid-template-columns: minmax(0, 1fr); }
  .retake-timeline > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}

.article-jump-links { display: flex; flex-wrap: wrap; gap: 12px 20px; padding-block: 16px; border-block: 1px solid var(--line); margin-block: 24px; }
.article-jump-links a { text-underline-offset: 4px; }
.article-main [id] { scroll-margin-top: 160px; }
#cost-tools-title { scroll-margin-top: 160px; }
.candidate-comparison { margin-block: 20px; padding-block: 18px; border-block: 2px solid var(--line-strong); scroll-margin-top: 180px; }
.candidate-comparison > summary { font-size: 18px; font-weight: 700; cursor: pointer; }
.candidate-comparison > summary h3 { display: inline; font-size: inherit; margin: 0; }
.candidate-comparison [hidden] { display: none; }
.candidate-slots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-block: 16px; }
.candidate-slot { min-width: 0; border-top: 1px solid var(--line); padding-top: 10px; }
.candidate-slot h4 { font-size: 16px; margin-block: 0 8px; }
.candidate-slot p, .candidate-comparison td, .candidate-comparison dd { overflow-wrap: anywhere; }
.candidate-summary { border-left: 3px solid var(--green); padding-left: 14px; }
.candidate-summary h4 { font-size: 18px; margin-block: 12px; scroll-margin-top: 180px; }
.candidate-questions p { white-space: pre-line; overflow-wrap: anywhere; }
.candidate-comparison button { min-height: 42px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.candidate-case-picker { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; margin-block: 16px; }
.candidate-case-picker label { display: block; margin-bottom: 6px; font-weight: 700; }
.candidate-case-picker select { width: 100%; min-width: 0; max-width: 100%; min-height: 42px; font: inherit; }
.candidate-case-facts { white-space: pre-line; overflow-wrap: anywhere; }
.candidate-case-teaser { border-block: 1px solid var(--line); padding-block: 18px; margin-block: 18px; }
.candidate-case-teaser h2 { font-size: 20px; margin-top: 0; }
@media (max-width: 640px) {
  .candidate-slots { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .candidate-case-picker { grid-template-columns: minmax(0, 1fr); }
  .candidate-table td::before { content: attr(data-label); }
}
.article-detail { margin-block: 24px; border-block: 1px solid var(--line); }
.article-detail > summary { padding-block: 16px; font-weight: 700; cursor: pointer; }
.article-detail > summary:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
.article-detail[open] > summary { border-bottom: 1px solid var(--line); }
.submission-question { margin-block: 12px 20px; }
.planner-next-step { margin-block: 16px; padding-top: 14px; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.planner-next-step h4 { margin: 0 0 8px; font-size: 16px; }
.planner-next-step p { margin-block: 8px; }
.planner-next-step ul { padding-left: 20px; margin-block: 8px; }
.planner-next-step__fallback { color: var(--muted); }
.planner-result[id] { scroll-margin-top: 160px; }
.planner-tool [hidden] { display: none; }
#planner-results-title { scroll-margin-top: 170px; }
.planner-overview-list { list-style: none; padding: 0; margin: 12px 0 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.planner-overview-list li { min-width: 0; padding-block: 12px; border-top: 1px solid var(--line); }
.planner-overview-list button { display: block; padding: 4px 0; min-height: 44px; border: 0; border-radius: 0; background: none; color: var(--navy); font: inherit; font-weight: 700; text-align: left; text-decoration: underline; cursor: pointer; overflow-wrap: anywhere; max-width: 100%; }
.planner-overview-list span { display: block; font-size: 14px; overflow-wrap: anywhere; }
@media (max-width: 640px) { .planner-overview-list { grid-template-columns: minmax(0, 1fr); } }

@media print {
  .site-header, .site-footer, .article-sidebar, .page-sidebar, .button-row, .related-section, .planner-controls, .planner-actions, .planner-result__select { display: none !important; }
  body { background: #fff; color: #000; font-size: 11pt; }
  .article-layout, .page-layout { display: block; padding: 0; }
  .article-content, .page-content, .decision-summary, .source-section { border: 0; box-shadow: none; padding: 0; }
  a { color: #000; text-decoration: none; }
}