.section-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}
.section-grid>section{min-width:0}
#charts,#faq,.measure-guide,.tool-order{padding:clamp(20px,3vw,34px)}
#charts h2,.measure-guide h2,.tool-order h2{font-size:clamp(1.55rem,2.6vw,2.15rem);margin:0 0 8px}
.reference-heading{display:flex;justify-content:space-between;align-items:start;gap:28px;margin-bottom:22px}
.reference-heading>div:first-child{max-width:760px}
.reference-heading p{line-height:1.55;margin:0}
.reference-kicker{font-size:.76rem!important;font-weight:800;letter-spacing:.15em;color:#aa2c27!important;margin-bottom:9px!important}
.reference-tip{max-width:290px;min-width:220px;background:#e6ebea;border-left:4px solid #bd342a;padding:14px 16px;color:#173849;font-size:.86rem;line-height:1.45}
.reference-tip strong,.reference-tip span{display:block}.reference-tip span{margin-top:5px}
#charts .chart-search{max-width:520px;width:100%;font-size:1rem}
.expanded-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:17px}
.expanded-charts .chart-block{min-width:0;margin:0}
.expanded-charts h3{margin:0 0 5px;font-size:1.12rem;color:#123549}
.chart-explain{font-size:.85rem;line-height:1.45;color:#455864;min-height:2.6em;margin:0 0 10px}
.expanded-charts .table-wrap{overflow-x:auto;max-width:100%;margin-top:0}
.expanded-charts table{width:100%;min-width:480px;border-collapse:collapse;font-size:.84rem}
.expanded-charts th,.expanded-charts td{padding:9px 8px;text-align:left;white-space:nowrap}
.expanded-charts thead th{white-space:normal;line-height:1.25;background:#dae3e2;color:#133345}
.expanded-charts tbody th{font-weight:800}
.chart-footnote{font-size:.87rem;line-height:1.55;color:#455864;margin:15px 0 0}
.measure-guide,.tool-order{background:linear-gradient(145deg,#fff8e8,#f5ead6);border:1px solid #ecdab9;border-radius:7px;color:#102f41;margin-top:20px}
.measure-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:28px}
.measure-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0}
.measure-steps li{counter-increment:step;background:#fffdf5;border:1px solid #dfd4c0;padding:15px;line-height:1.45}
.measure-steps li::before{content:counter(step,decimal-leading-zero);display:block;font:900 1.15rem Impact,'Arial Narrow',sans-serif;color:#b53029;margin-bottom:7px}
.measure-steps strong,.measure-steps span{display:block}.measure-steps strong{font-size:1rem;margin-bottom:5px}.measure-steps span{font-size:.9rem;color:#3e5260}
.measure-drawing{background:#e8eeeb;border:1px solid #c7d4d0;padding:14px;border-radius:4px}
.measure-drawing svg{display:block;width:100%;height:auto;max-height:280px}
.measure-drawing p{font-size:.88rem;line-height:1.5;margin:10px 0 0;color:#294758}
.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.order-card{min-width:0;border:1px solid #d8cbb8;background:#fffdf5;padding:16px}
.order-card h3{margin:0 0 13px;color:#12384b;font-size:1.1rem}.order-card h3 span{font-size:.8rem;font-weight:500;color:#586b70}
.order-card ol{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}
.order-card li{background:#f2ebe0;border:1px solid #d9cfc0;border-radius:3px;color:#173749;font-size:.88rem;font-weight:750;padding:7px 9px;min-width:52px;text-align:center}
.order-card li:first-child{background:#17374b;color:#fff}
@media(max-width:900px){.expanded-charts,.measure-layout{grid-template-columns:1fr}.chart-explain{min-height:0}.measure-drawing{max-width:650px}}
@media(max-width:650px){.reference-heading{display:block}.reference-tip{max-width:none;margin-top:16px}.measure-steps,.order-grid{grid-template-columns:1fr}.expanded-charts table{font-size:.8rem}.expanded-charts th,.expanded-charts td{padding:8px 7px}}