/* Illustrated introductions shared by the Japanese and English guide libraries. */
.all-guides-refresh .guide-table-hint { display:none; }
.all-guides-refresh .guide-jumps { display:flex; flex-wrap:wrap; gap:12px 24px; margin:20px 0 28px; font-size:.9rem; font-weight:700; }
.all-guides-refresh .guide-jumps a { color:#116657; text-underline-offset:5px; }
.all-guides-refresh .guide-worked { margin:42px 0 56px; padding:clamp(18px,3vw,32px); border:1px solid #d8e4e3; border-radius:16px; background:#f6f9f7; }
.all-guides-refresh .guide-worked h2 { margin:0 0 24px; font-size:clamp(1.3rem,2.4vw,1.75rem); line-height:1.6; }
.all-guides-refresh .guide-section-label { margin:0 0 8px; font-weight:800; font-size:.75rem; letter-spacing:.08em; color:#176458; }
.all-guides-refresh .guide-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; list-style:none; margin:0 0 28px; padding:0; }
.all-guides-refresh .guide-flow li { position:relative; display:flex; flex-direction:column; gap:8px; margin:0; padding:16px 12px; background:#fff; border-top:3px solid #177d70; border-radius:4px; font-size:.95rem; line-height:1.65; }
.all-guides-refresh .guide-flow li:not(:last-child)::after { content:'→'; position:absolute; right:-18px; top:40%; color:#177d70; }
.all-guides-refresh .guide-flow span { color:#177d70; font-family:Inter,sans-serif; font-size:1.7rem; font-weight:800; font-variant-numeric:tabular-nums; }
.all-guides-refresh .guide-worked .editorial-table-wrap { margin:24px 0 16px; }
.all-guides-refresh .guide-worked caption { text-align:left; padding:0 0 12px; font-weight:700; color:#263b40; }
.all-guides-refresh .guide-worked th[scope=row] { text-align:left; font-weight:600; }
.all-guides-refresh .guide-worked .editorial-table { min-width:490px; background:#fff; }
.all-guides-refresh .guide-worked th,.all-guides-refresh .guide-worked td { padding:14px 16px; font-size:.95rem; line-height:1.8; }
.all-guides-refresh .guide-example-note { color:#52646c; font-size:.875rem; line-height:1.9; }
.all-guides-refresh .guide-next { margin:24px 0; padding:20px; border-left:4px solid #177d70; background:#e6f2ec; }
.all-guides-refresh .guide-next strong { color:#12574c; }
.all-guides-refresh .guide-next p { margin:8px 0 0; line-height:1.85; }
.all-guides-refresh .guide-reference { margin:24px 0 0; padding-top:20px; border-top:1px solid #cdded9; font-size:.875rem; }
.all-guides-refresh .guide-reference span { display:block; margin-top:8px; color:#52646c; line-height:1.85; }
.all-guides-refresh .guide-chart { margin:28px 0; padding:20px; background:#fff; border-radius:10px; }
.all-guides-refresh .guide-chart figcaption { margin:0 0 20px; color:#263b40; font-weight:700; font-size:1rem; text-align:left; }
.all-guides-refresh .guide-bar-row { display:grid; grid-template-columns:minmax(110px,1fr) 1.4fr 48px; align-items:center; gap:12px; margin:16px 0; font-size:.9rem; }
.all-guides-refresh .guide-bar-track { height:16px; background:#e5eeec; border-radius:4px; overflow:hidden; }
.all-guides-refresh .guide-bar-track i { display:block; height:100%; width:var(--value); background:#147d6f; }
.all-guides-refresh .guide-bar-row strong { font-variant-numeric:tabular-nums; }
.all-guides-refresh .guide-distribution { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:5px; }
.all-guides-refresh .guide-distribution span { padding:10px 0; text-align:center; background:#d9e9e4; color:#173b35; border:1px solid #9ebdb2; border-radius:4px; font-weight:800; }
.all-guides-refresh .guide-distribution .grade-3 { background:#176a5c; color:#fff; }
.all-guides-refresh .guide-distribution .grade-2 { background:#b4d6c7; }
.all-guides-refresh .guide-distribution .grade-0 { background:#f7e3ba; }
.all-guides-refresh .guide-original-figure { margin-top:40px; }
@media(max-width:520px) {
 .all-guides-refresh .guide-table-hint { display:block; margin:24px 0 -12px; color:#52646c; font-size:.75rem; }
 .all-guides-refresh .guide-flow { grid-template-columns:1fr; gap:16px; }
 .all-guides-refresh .guide-flow li { flex-direction:row; align-items:center; gap:16px; padding:12px 16px; }
 .all-guides-refresh .guide-flow li:not(:last-child)::after { content:'↓'; right:calc(50% - 6px); top:auto; bottom:-20px; }
 .all-guides-refresh .guide-bar-row { grid-template-columns:1fr 48px; }
 .all-guides-refresh .guide-bar-row > span { grid-column:1/-1; }
 .all-guides-refresh .guide-distribution { grid-template-columns:repeat(5,minmax(0,1fr)); }
 .all-guides-refresh .guide-worked { margin-left:0; margin-right:0; }
}
@media print { .all-guides-refresh .guide-jumps { display:none; } .all-guides-refresh .guide-worked { background:#fff; border:0; padding:0; } .all-guides-refresh .guide-chart { break-inside:avoid; } }