/* Visual reading layer — scoped to this guide. */
.thinking-page { --sans:'Noto Sans JP',Meiryo,'Hiragino Kaku Gothic ProN',sans-serif;font-family:var(--sans);font-size:18px;line-height:1.95; }
.thinking-page :is(h1,h2,h3,h4) { font-family:var(--serif, 'Noto Serif JP', serif)!important; }
.thinking-page :is(button,input,select,textarea,summary) { font-family:var(--sans)!important; }
.thinking-page .thinking-hero { padding-top:14px; }
.thinking-page .thinking-hero-layout { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;align-items:center; }
.thinking-page .thinking-hero h1 { font-size:clamp(40px,4.5vw,58px);line-height:1.5;margin:12px 0 18px;letter-spacing:.035em; }
.thinking-page .thinking-hero-line { font-family:var(--serif);font-size:26px;line-height:1.7;margin:20px 0 14px; }
.thinking-page .thinking-lead { font-size:18px;line-height:1.95;margin:0; }
.thinking-page .thinking-hero-actions { margin-top:28px; }
.thinking-page .thinking-first-look { margin:0;padding:26px 28px 22px;background:#f5f7fa;border-top:2px solid #001858; }
.thinking-page .thinking-first-look figcaption>span { display:block;font-size:15px;color:#50647f;margin-bottom:10px; }
.thinking-page .thinking-first-look figcaption>strong { display:block;font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.8; }
.thinking-page .thinking-first-head { display:grid;grid-template-columns:120px 1fr;gap:34px;font-size:14px;color:#50647f;padding:22px 0 10px; }
.thinking-page .thinking-first-branches>div { display:grid;grid-template-columns:120px 18px minmax(0,1fr);gap:8px;align-items:center;padding:16px 0;border-top:1px solid #c8d3e0; }
.thinking-page .thinking-first-view { color:#001858;font-size:17px;font-weight:600; }
.thinking-page .thinking-first-arrow { color:#637e9d; }
.thinking-page .thinking-first-branches strong { display:block;color:#001858;font-size:17px;font-weight:500; }
.thinking-page .thinking-first-branches small { display:block;font-size:15px;line-height:1.8;color:#50647f;margin-top:4px; }
.thinking-page .thinking-first-result { padding-top:16px;border-top:1px solid #9eb0c7;font-size:17px;line-height:1.9;margin:8px 0 0; }
.thinking-page .thinking-first-result strong { color:#001858;font-weight:600; }
.thinking-page .thinking-page-nav { position:sticky;top:0;z-index:8;background:#fff;border-block:1px solid #bdcbdc;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0; }
.thinking-page .thinking-page-nav a { padding:12px 8px;justify-content:center;font-size:16px;text-decoration:none;line-height:1.5; }
.thinking-page .thinking-page-nav a:hover { background:#eef3f9; }
.thinking-page :is(.thinking-section,.thinking-study,.thinking-panel) { scroll-margin-top:82px; }
.thinking-page .thinking-section { padding-block:52px; }
.thinking-page .thinking-experience-steps { list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;padding:0;margin:22px 0 0;font-size:16px;color:#365171; }
.thinking-page .thinking-experience-steps li { display:flex;gap:10px;align-items:center; }
.thinking-page .thinking-experience-steps li>span { display:inline-flex;width:27px;height:27px;border:1px solid #a6b7cd;align-items:center;justify-content:center;border-radius:50%;font:18px Georgia,serif; }
.thinking-page .thinking-case-copy strong { font-family:var(--serif); }
.thinking-page .thinking-research-index { gap:26px;margin:32px 0 48px; }
.thinking-page .thinking-research-index>div { border-top:3px solid #6e88a9;background:#f6f8fb;padding:22px 20px 6px; }
.thinking-page .thinking-research-index .thinking-index-group { font-size:14px;line-height:1.8;color:#526477;margin:0 0 10px; }
.thinking-page .thinking-research-index h3 { font-size:21px;margin-bottom:14px; }
.thinking-page .thinking-research-index a { gap:10px;padding:18px 0;align-items:flex-start;text-decoration:none; }
.thinking-page .thinking-research-index a>span { font:20px/1.6 Georgia,serif;color:#496589; }
.thinking-page .thinking-research-index a>div { flex:1; }
.thinking-page .thinking-research-index a strong { display:block;font-size:17px;line-height:1.85;font-weight:500;color:#001858; }
.thinking-page .thinking-research-index a small { display:block;font-size:15px;line-height:1.9;color:#526477;margin-top:7px; }
.thinking-page .thinking-research-index a>b { font-size:17px;font-weight:400; }
.thinking-page .thinking-research-index a:hover strong { text-decoration:underline; }
.thinking-page .thinking-study { border-top:2px solid #a6b8cf;padding-top:32px;margin-top:18px; }
.thinking-page .thinking-study>header { display:flex;flex-direction:column; }
.thinking-page .thinking-study>header .thinking-kicker { font-size:16px;color:#496589; }
.thinking-page .thinking-study h3 { margin-bottom:14px; }
.thinking-page .thinking-study-takeaway { color:#001858;font-size:22px;line-height:1.85;font-weight:500;margin:2px 0 12px;padding-left:20px;border-left:3px solid #d47a45; }
.thinking-page .thinking-study-setup { background:#fafbfd;padding:20px 24px;gap:25px 36px; }
.thinking-page .thinking-study-setup>div { border:0;padding:0; }
.thinking-page .thinking-study-setup dt { font-size:15px;color:#50647f; }
.thinking-page .thinking-study-setup dd { font-size:17px; }
.thinking-page .thinking-evidence-figure { background:#f2f5f9;border-top:0;border-left:3px solid #7c94b2; }
.thinking-page .thinking-evidence-figure figcaption { font-family:var(--serif);font-size:24px; }
.thinking-page .thinking-figure-source { font-size:15px; }
.thinking-page .thinking-evidence-figure .thinking-figure-conclusion { padding-top:18px;border-top:1px solid #becddd;font-weight:500; }
.thinking-page .thinking-study-columns { gap:30px; }
.thinking-page .thinking-study-columns>div:first-child { border-left:0;padding-left:0; }
.thinking-page .thinking-study-columns>div { padding:4px 0; }
.thinking-page .thinking-study-columns>div+div { padding:20px 24px;background:#f6f8fb; }
.thinking-page .thinking-study-columns h4 { font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #c3cfde; }
.thinking-page .thinking-study-columns p { font-size:18px;line-height:2; }
.thinking-page .thinking-study .thinking-question { background:#fff;border-left:2px solid #8ca3bf;font-size:18px;margin:16px 0 0;padding:12px 18px; }
.thinking-page .thinking-study-boundary { border-left:2px solid #becbdc;padding-left:20px; }
.thinking-page .thinking-study-boundary h4 { font-size:17px; }
.thinking-page .thinking-study-boundary p { font-size:17px; }
.thinking-page .thinking-comparison h4 { font-family:var(--serif);font-size:24px; }
.thinking-page .thinking-comparison dl { margin:0; }
.thinking-page .thinking-comparison dl>div+div { border-top:1px solid #c4d0e0;margin-top:20px;padding-top:18px; }
.thinking-page .thinking-comparison dt { font-size:15px;color:#526477;margin-bottom:8px; }
.thinking-page .thinking-comparison dd { font-size:18px;line-height:1.95;margin:0; }
@media(max-width:1000px){
 .thinking-page .thinking-hero-layout { gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
 .thinking-page .thinking-first-look { padding:22px; }
 .thinking-page .thinking-first-branches>div { grid-template-columns:102px 14px minmax(0,1fr);gap:7px; }
 .thinking-page .thinking-first-head { grid-template-columns:102px 1fr;gap:28px; }
 .thinking-page .thinking-research-index { grid-template-columns:1fr;gap:20px; }
 .thinking-page .thinking-research-index>div { padding:20px 24px 6px; }
}
@media(max-width:760px){
 .thinking-page .thinking-hero-layout { grid-template-columns:1fr;gap:26px; }
 .thinking-page .thinking-hero h1 { font-size:46px;margin-top:8px; }
 .thinking-page .thinking-hero-line br { display:none; }
 .thinking-page .thinking-hero-line { font-size:24px; }
 .thinking-page .thinking-hero-copy .thinking-lead br { display:none; }
 .thinking-page .thinking-first-look { padding:22px 20px; }
 .thinking-page .thinking-first-look figcaption>strong { font-size:22px; }
 .thinking-page .thinking-first-branches>div { grid-template-columns:100px 14px minmax(0,1fr); }
 .thinking-page .thinking-first-head { grid-template-columns:100px 1fr;gap:28px; }
 .thinking-page .thinking-first-view,.thinking-page .thinking-first-branches strong { font-size:16px; }
 .thinking-page .thinking-first-branches small { font-size:14px; }
 .thinking-page .thinking-first-result { font-size:16px; }
 .thinking-page .thinking-page-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .thinking-page .thinking-page-nav a { font-size:14px;padding:12px 3px;min-height:60px;text-align:center; }
 .thinking-page .thinking-experience-steps { flex-direction:column;gap:10px; }
 .thinking-page .thinking-case-grid { gap:16px; }
 .thinking-page .thinking-case { display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:16px;padding:14px 0 20px; }
 .thinking-page .thinking-case img { width:108px;height:110px;object-fit:contain; }
 .thinking-page .thinking-case-copy { padding:0;gap:7px; }
 .thinking-page .thinking-case-copy .thinking-kicker { font-size:14px; }
 .thinking-page .thinking-case-copy strong { font-size:20px;line-height:1.75;min-height:0; }
 .thinking-page .thinking-case-copy>span:not(.thinking-kicker,.thinking-case-action) { display:none; }
 .thinking-page .thinking-case-copy .thinking-case-action { font-size:15px;padding-top:3px; }
 .thinking-page .thinking-study-takeaway { font-size:21px;padding-left:16px; }
 .thinking-page .thinking-study-setup { padding:18px; }
 .thinking-page .thinking-evidence-figure { padding:22px 18px; }
 .thinking-page .thinking-study-columns>div+div { padding:20px; }
 .thinking-page .thinking-section-heading h2 { font-size:28px;line-height:1.8; }
 .thinking-page .thinking-meta span { margin-left:0;display:block; }
}
@media(max-width:380px){
 .thinking-page .thinking-hero h1 { font-size:40px; }
 .thinking-page .thinking-first-look { padding:18px 14px; }
 .thinking-page .thinking-first-branches>div { grid-template-columns:87px 12px minmax(0,1fr);gap:5px; }
 .thinking-page .thinking-first-head { grid-template-columns:87px 1fr;gap:22px; }
 .thinking-page .thinking-first-branches strong,.thinking-page .thinking-first-view { font-size:15px; }
 .thinking-page .thinking-first-branches small { font-size:14px; }
 .thinking-page .thinking-case { grid-template-columns:88px minmax(0,1fr);gap:12px; }
 .thinking-page .thinking-case img { width:88px; }
}
@media print{
 .thinking-page .thinking-page-nav { display:none; }
 .thinking-page .thinking-first-look { break-inside:avoid; }
 .thinking-page .thinking-hero-layout { display:block; }
 .thinking-page .thinking-research-index { display:block; }
 .thinking-page .thinking-research-index>div { break-inside:avoid; }
}
