/* Task and relationship diagrams: labels remain HTML and scale with the page. */
.thinking-page .thinking-stimuli .thinking-stimulus { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 3px; }
.thinking-page .thinking-stimulus>span { padding:0; }
.thinking-page .thinking-category-icon { display:block;width:36px;height:38px;flex-shrink:0;color:#526985; }
.thinking-page .thinking-feature .thinking-category-icon { color:#001858; }
.thinking-page .thinking-illustrated-problems { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.thinking-page .thinking-illustrated-problems>span { display:flex;flex-direction:column;align-items:center;padding:16px 12px 18px;min-width:0;text-align:center; }
.thinking-page .thinking-physics-diagram { display:block;width:100%;max-width:180px;height:100px;color:#526985;margin-bottom:8px; }
.thinking-page .thinking-evidence-figure .thinking-diagram-note { color:#526477;font-size:16px;line-height:1.9; }
.thinking-page .thinking-transfer-relation { display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;align-items:center; }
.thinking-page .thinking-transfer-example { border-top:1px solid #aabbd0;padding-top:16px; }
.thinking-page .thinking-transfer-example>strong { font-size:20px; }
.thinking-page .thinking-transfer-shape { text-align:center; }
.thinking-page .thinking-convergence-diagram { width:100%;max-width:300px;height:auto;color:#34577e; }
.thinking-page .thinking-transfer-shape p { margin:0;line-height:1.8; }
.thinking-page .thinking-transfer-shape p>strong { font-size:18px; }
@media(max-width:800px){
 .thinking-page .thinking-transfer-relation { grid-template-columns:1fr;gap:18px; }
 .thinking-page .thinking-transfer-shape { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px; }
 .thinking-page .thinking-convergence-diagram { max-width:260px;margin:auto; }
}
@media(max-width:540px){
 .thinking-page .thinking-illustrated-problems { grid-template-columns:1fr;gap:12px; }
 .thinking-page .thinking-illustrated-problems>span { flex-direction:row;text-align:left;justify-content:flex-start;gap:12px;padding:9px 12px; }
 .thinking-page .thinking-physics-diagram { width:110px;height:70px;margin:0;flex-shrink:0; }
 .thinking-page .thinking-transfer-shape { grid-template-columns:1fr;gap:0; }
 .thinking-page .thinking-convergence-diagram { max-width:230px; }
 .thinking-page .thinking-category-icon { width:30px;height:32px; }
 .thinking-page .thinking-stimuli .thinking-stimulus { gap:5px;padding:10px 2px; }
}