/* Summary diagrams stay readable at their intended 180–220px width. */
.thinking-page .thinking-study-preview { display:block;width:210px;max-width:100%;min-width:0;padding:15px 10px;color:#264b77;background:#f5f8fc;text-align:center;font-family:"Noto Sans JP",sans-serif;font-size:15px;line-height:1.65;font-weight:400;letter-spacing:0;box-sizing:border-box; }
.thinking-page .thinking-study-preview * { box-sizing:border-box; }
.thinking-page .thinking-study-preview .thinking-preview-svg { display:block;width:100%;height:auto; }
.thinking-page .thinking-study-preview .thinking-preview-caption { display:block;margin:11px 0 0;padding:0;font-size:15px;line-height:1.65;color:#354b68; }
.thinking-page .thinking-study-preview .thinking-preview-caption strong { font-size:15px;color:#001858;font-weight:500; }
.thinking-page .thinking-study-preview .thinking-preview-topline { display:block;margin:0 0 12px;padding:0;font-size:15px;line-height:1.6;color:#354b68; }
.thinking-page .thinking-study-preview .thinking-preview-two-labels { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 0;color:#001858;font-size:15px; }
.thinking-page .thinking-study-preview .thinking-preview-two-labels>span { min-width:0; }
.thinking-page .thinking-study-preview .thinking-preview-conditions { display:flex;flex-direction:column;gap:6px; }
.thinking-page .thinking-study-preview .thinking-preview-conditions>span { display:flex;gap:10px;align-items:center;text-align:left;background:white;border-bottom:1px solid #d1ddea;padding:3px 8px;font-size:15px; }
.thinking-page .thinking-study-preview .thinking-preview-conditions i { display:block;width:22px;flex-shrink:0;font-style:normal; }
.thinking-page .thinking-study-preview .thinking-preview-record { display:flex;gap:8px;align-items:center;justify-content:center;margin-top:8px; }
.thinking-page .thinking-study-preview .thinking-preview-record>.thinking-preview-svg { width:18px;flex-shrink:0; }
.thinking-page .thinking-study-preview .thinking-preview-record strong { font-size:15px;font-weight:500;color:#001858; }
.thinking-page .thinking-study-preview .thinking-preview-problems { display:flex;gap:8px;align-items:center;justify-content:center;font-size:15px; }
.thinking-page .thinking-study-preview .thinking-preview-problems>span:not(:first-child) { display:flex;align-items:center;justify-content:center;width:27px;height:30px;background:#fff;border:1px solid #9cb0cb;color:#001858;font-size:16px; }
.thinking-page .thinking-study-preview .thinking-preview-sort { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.thinking-page .thinking-study-preview .thinking-preview-sort>span { display:flex;flex-direction:column;border-top:2px solid #8ca4c3;padding-top:6px;gap:4px; }
.thinking-page .thinking-study-preview .thinking-preview-sort strong { display:block;font-size:18px;line-height:1.5;font-weight:500;color:#001858; }
.thinking-page .thinking-study-preview .thinking-preview-sort small { display:block;font-size:15px;line-height:1.6;color:#52677e; }
.thinking-page .thinking-study-preview .thinking-preview-framebar { display:flex;height:18px;margin:4px 5px 12px;border:1px solid #547294; }
.thinking-page .thinking-study-preview .thinking-preview-framebar>span:first-child { display:block;flex:1;background:#345b89; }
.thinking-page .thinking-study-preview .thinking-preview-framebar>span:last-child { display:block;flex:2;background:#d6e1ef;border-left:2px solid white; }
.thinking-page .thinking-study-preview .thinking-preview-equivalent { display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.6;font-size:15px; }
.thinking-page .thinking-study-preview .thinking-preview-equivalent strong { font-weight:500;font-size:19px;color:#001858; }
.thinking-page .thinking-study-preview .thinking-preview-equivalent>b { font-size:20px;line-height:1.2;font-weight:400;color:#5a7291; }
.thinking-page .thinking-study-preview .thinking-preview-timeline { display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left; }
.thinking-page .thinking-study-preview .thinking-preview-timeline>span { position:relative;display:flex;gap:10px;align-items:center;min-height:39px;font-size:15px; }
.thinking-page .thinking-study-preview .thinking-preview-timeline>span:not(:last-child)::after { content:"";position:absolute;width:1px;left:11px;top:28px;bottom:-10px;background:#8aa0bd; }
.thinking-page .thinking-study-preview .thinking-preview-timeline i { position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:23px;height:23px;flex-shrink:0;border:1px solid #8199b7;border-radius:50%;background:white;font-size:15px;font-style:normal;color:#001858; }