.sdta{--sdta-ink:#172332;--sdta-muted:#586678;--sdta-line:#dfe6ed;--sdta-navy:#10283d;--sdta-blue:#126b95;--sdta-pale:#edf6f9;max-width:1120px;margin:32px auto;padding:clamp(18px,3vw,34px);border:1px solid var(--sdta-line);border-radius:18px;background:#fff;color:var(--sdta-ink);box-shadow:0 12px 40px rgba(17,37,51,.055);font:400 15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sdta *{box-sizing:border-box}.sdta h2,.sdta h3,.sdta p{margin-top:0}.sdta h2{font-size:clamp(25px,3vw,36px);line-height:1.18;letter-spacing:-.035em;margin:4px 0 10px;color:var(--sdta-navy)}.sdta h3{font-size:18px;line-height:1.3;margin:0;color:var(--sdta-navy)}.sdta a{color:#09688d;text-decoration:underline;text-underline-offset:3px}.sdta-topline{display:flex;justify-content:flex-end;margin-bottom:18px}.sdta-source{white-space:nowrap;padding:8px 11px;background:var(--sdta-pale);border-radius:7px;font-size:10px;letter-spacing:.09em;font-weight:800;color:#185776}.sdta-notice{padding:10px 14px;border-left:4px solid #b87613;background:#fff7e8;color:#60410d;border-radius:3px;margin:0 0 18px}
.sdta-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}.sdta-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:178px;padding:17px 18px;text-align:left;font:inherit;color:inherit;background:#f8fafc;border:1px solid var(--sdta-line);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.sdta-card:hover{background:#f0f6f9}.sdta-card:focus-visible{outline:3px solid #1b83b2;outline-offset:3px}.sdta-card.is-active{background:#eff8fb;border-color:#2180a8;box-shadow:inset 0 0 0 1px #2180a8}.sdta-card-term{font-size:12px;font-weight:750;color:#315064}.sdta-card-value{font-size:clamp(31px,3.5vw,42px);line-height:1.15;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:10px 0 0;color:var(--sdta-navy)}.sdta-card-value small{font-size:20px;letter-spacing:0;color:var(--sdta-blue)}.sdta-card-label{font-size:12px;font-weight:600;color:var(--sdta-muted)}.sdta-card-foot{font-size:11px;color:var(--sdta-muted);margin-top:auto;padding-top:12px}
.sdta-panel[hidden]{display:none!important}.sdta-panel:focus{outline:none}.sdta-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sdta-line);border:1px solid var(--sdta-line);border-radius:11px;overflow:hidden;margin-bottom:30px}.sdta-snapshot>div{display:flex;flex-direction:column;gap:5px;background:#fff;padding:13px 15px}.sdta-snapshot span{font-size:11px;color:var(--sdta-muted)}.sdta-snapshot strong{font-size:17px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--sdta-ink)}
.sdta-chart-header,.sdta-table-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sdta-chart-header p{font-size:12px;color:var(--sdta-muted);margin:2px 0 0}.sdta-chart-header>span,.sdta-table-header>span{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--sdta-muted);white-space:nowrap}.sdta-chart-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin;padding:9px 4px 4px;margin:8px 0}.sdta-bars{min-width:550px;height:165px;display:flex;align-items:stretch;gap:7px;border-bottom:1px solid var(--sdta-line)}.sdta-bar-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;text-align:center}.sdta-bar-number{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sdta-ink);padding-bottom:5px}.sdta-bar{display:block;width:65%;max-width:34px;height:var(--sdta-height);min-height:10px;max-height:100%;background:linear-gradient(180deg,#2188ae,#174766);border-radius:4px 4px 0 0}.sdta-bar-item:last-child .sdta-bar{background:linear-gradient(180deg,#c68e42,#9e642b)}.sdta-bar-date{position:absolute;top:100%;left:0;width:100%;font-size:10px;color:var(--sdta-muted);padding-top:6px;white-space:nowrap}.sdta-chart-note{font-size:11px;color:var(--sdta-muted);margin:23px 0 27px}
.sdta-table-header{margin-bottom:9px}.sdta-table{width:100%;border-collapse:collapse;border:1px solid var(--sdta-line);font-size:12px;font-variant-numeric:tabular-nums}.sdta-table th,.sdta-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--sdta-line);white-space:nowrap}.sdta-table thead{background:#f4f8fa;color:#455b6d}.sdta-table th{font-weight:700}.sdta-table tbody tr:nth-child(even){background:#fbfcfd}.sdta-table tbody tr:last-child>*{border-bottom:0}.sdta-table td strong{font-size:13px;color:var(--sdta-navy)}.sdta-method{margin-top:27px;padding:15px 17px;border-radius:10px;background:#f6f8fa;color:#4d5c6b;font-size:11px;line-height:1.6}.sdta-method p{margin:0}.sdta-method p+p{margin-top:9px}.sdta-method strong{color:var(--sdta-ink)}.sdta-empty{min-height:160px}
@media(max-width:720px){.sdta{margin:18px auto;padding:19px 15px;border-radius:12px}.sdta-topline{margin-bottom:16px}.sdta-cards{gap:7px}.sdta-card{padding:11px;min-height:145px}.sdta-card-value{font-size:29px}.sdta-card-value small{font-size:15px}.sdta-card-term{font-size:11px}.sdta-card-foot{font-size:10px;line-height:1.35}.sdta-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.sdta-snapshot>div{padding:11px}.sdta-snapshot strong{font-size:15px}.sdta-chart-header>span,.sdta-table-header>span{display:none}}
@media(max-width:540px){.sdta-cards{grid-template-columns:1fr}.sdta-card{min-height:0;display:grid;grid-template-columns:1fr auto;gap:1px 12px;align-items:center}.sdta-card-term{grid-column:1}.sdta-card-value{grid-column:2;grid-row:1/3;margin:0}.sdta-card-label{grid-column:1}.sdta-card-foot{grid-column:1/-1;padding-top:4px}.sdta-table,.sdta-table tbody,.sdta-table tr,.sdta-table th,.sdta-table td{display:block;width:100%}.sdta-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sdta-table{border:0}.sdta-table tbody tr{border:1px solid var(--sdta-line);border-radius:9px;background:#fff!important;padding:6px 12px;margin-bottom:8px}.sdta-table th,.sdta-table td{display:flex;justify-content:space-between;gap:10px;align-items:baseline;text-align:right;white-space:normal;padding:5px 0;border:0}.sdta-table th::before,.sdta-table td::before{content:attr(data-label);font-weight:500;color:var(--sdta-muted);text-align:left}.sdta-table tbody tr:last-child>*{border:0}.sdta-table-header{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.sdta-card{transition:none}}
.sdta-select-label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--sdta-muted);font-size:12px;font-weight:600}
.sdta-select-label select{max-width:140px;border:1px solid var(--sdta-line);border-radius:7px;background:#fff;color:var(--sdta-ink);font:inherit;padding:6px 24px 6px 8px}
.sdta-select-label select:focus-visible{outline:3px solid #1b83b2;outline-offset:2px}
.sdta-line-chart{display:block;min-width:550px;width:100%;height:auto}
.sdta-grid-line{stroke:#dfe6ed;stroke-width:1}
.sdta-axis-label{fill:#586678;font:11px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sdta-trend-line{fill:none;stroke:#126b95;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sdta-trend-point{fill:#126b95;stroke:#fff;stroke-width:1.5}
@media(max-width:540px){.sdta-chart-header,.sdta-table-header{align-items:flex-start}.sdta-select-label{gap:4px;font-size:11px}.sdta-select-label select{max-width:107px;padding:5px 18px 5px 5px}}
.sdta{font-size:16px;line-height:1.6}
.sdta h3{font-size:20px}
.sdta-source{font-size:11px;padding:9px 12px}
.sdta-card{min-height:190px;padding:20px}
.sdta-card-term,.sdta-card-label{font-size:13px}
.sdta-card-foot{font-size:12px}
.sdta-card-value{font-size:clamp(36px,3.7vw,46px)}
.sdta-snapshot>div{padding:16px}
.sdta-snapshot span{font-size:13px}
.sdta-snapshot strong{font-size:19px}
.sdta-chart-header p{font-size:13px}
.sdta-bars{min-width:650px;height:190px}
.sdta-bar-number,.sdta-bar-date{font-size:12px}
.sdta-chart-note,.sdta-method{font-size:12.5px}
.sdta-table{font-size:14px}
.sdta-table th,.sdta-table td{padding:12px 13px}
.sdta-table td strong{font-size:14px}
.sdta-select-label{font-size:13px}
.sdta-select-label select{max-width:150px;padding:8px 24px 8px 10px}
.sdta-line-chart{min-width:760px}
.sdta-axis-label{font-size:14px}
.sdta-history-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 20px;padding:13px 15px;border:1px solid #cfe2ea;border-radius:12px;background:#f3f9fb}
.sdta-history-label{font-size:12px;font-weight:800;letter-spacing:.11em;color:#225c79;white-space:nowrap}
.sdta-range-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;max-width:570px}
.sdta-range{min-height:44px;padding:9px 12px;border:1px solid #c7dbe5;border-radius:8px;background:#fff;color:#1c4359;font:700 14px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.sdta-range:hover{border-color:#126b95;background:#eaf4f8}
.sdta-range.is-active{border-color:#126b95;background:#126b95;color:#fff}
.sdta-range:focus-visible{outline:3px solid #10283d;outline-offset:2px}
@media(max-width:720px){.sdta{font-size:16px;padding:20px 16px}.sdta-card{min-height:155px;padding:14px}.sdta-card-value{font-size:35px}.sdta-card-foot{font-size:11px}.sdta-snapshot strong{font-size:17px}.sdta-history-controls{display:block;padding:12px}.sdta-history-label{display:block;margin-bottom:9px}.sdta-range-buttons{max-width:none}}
@media(max-width:540px){.sdta-card{min-height:0;padding:14px}.sdta-card-term,.sdta-card-label{font-size:13px}.sdta-card-value{font-size:34px}.sdta-select-label{font-size:12px}.sdta-select-label select{max-width:120px;padding:7px 20px 7px 8px}.sdta-chart-header p{font-size:13px}.sdta-history-controls{margin:16px 0 18px}.sdta-range{min-height:48px;padding:7px 5px;font-size:12px}.sdta-table th,.sdta-table td{padding:7px 0}}
.sdta{font-size:17px;line-height:1.65}
.sdta h3{font-size:21px}
.sdta-source{font-size:14px;letter-spacing:.04em}
.sdta-card-term,.sdta-card-label{font-size:15px}
.sdta-card-foot{font-size:14px;line-height:1.45}
.sdta-card-value small{font-size:21px}
.sdta-snapshot span{font-size:14px}
.sdta-chart-header p{font-size:15px}
.sdta-bars{min-width:760px;height:205px}
.sdta-bar-number,.sdta-bar-date{font-size:14px}
.sdta-chart-note,.sdta-method{font-size:14.5px;line-height:1.65}
.sdta-table,.sdta-table td strong{font-size:15px}
.sdta-select-label,.sdta-select-label select{font-size:14px}
.sdta-history-label{font-size:14px}
.sdta-range{font-size:15px}
.sdta-line-chart{min-width:840px}
.sdta-axis-label{font-size:16px}
.sdta-chart-scroll{overflow-y:hidden;padding-bottom:32px;-webkit-overflow-scrolling:touch}
.sdta-scroll-hint{display:none;color:var(--sdta-muted);font-size:14px;margin:5px 0 0}
@media(max-width:720px){.sdta{font-size:16px}.sdta-card-foot{font-size:14px}.sdta-card-value small{font-size:19px}.sdta-snapshot strong{font-size:18px}.sdta-chart-header p{font-size:15px}}
@media(max-width:720px){.sdta-scroll-hint{display:block}}
@media(max-width:540px){.sdta h3{font-size:19px}.sdta-card-term,.sdta-card-label{font-size:15px}.sdta-card-foot{font-size:14px}.sdta-select-label,.sdta-select-label select{font-size:14px}.sdta-select-label select{max-width:142px}.sdta-range{font-size:14px;padding:9px 6px}.sdta-table th,.sdta-table td{font-size:15px}}
.sdta-topline{align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 16px}
.sdta-updated{color:var(--sdta-muted);font-size:14px;line-height:1.45}
.sdta-updated time{font-weight:700;color:var(--sdta-ink)}
.sdta-explainer{margin:0 0 18px;padding:13px 16px;border-left:4px solid #2180a8;border-radius:8px;background:#f3f9fb;color:var(--sdta-ink);font-size:16px;line-height:1.6}
.sdta-explainer strong{color:var(--sdta-navy)}
.sdta-choose{margin:0 0 9px;color:var(--sdta-navy);font-size:15px;font-weight:700}
@media(max-width:540px){.sdta-topline{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:17px}.sdta-updated{font-size:14px}.sdta-explainer{font-size:16px;padding:12px 13px;margin-bottom:16px}}
.sdta-footline{margin:24px 0 9px;color:var(--sdta-muted);font-size:14px;line-height:1.5}
.sdta-method{margin-top:0;padding:0 15px;font-size:14px}
.sdta-method summary{cursor:pointer;padding:13px 0;font-weight:700;color:var(--sdta-navy);list-style:none}
.sdta-method summary::-webkit-details-marker{display:none}
.sdta-method summary::after{content:"+";float:right;font-size:20px;line-height:1}
.sdta-method[open] summary::after{content:"−"}
.sdta-method summary:focus-visible{outline:3px solid #1b83b2;outline-offset:2px}
.sdta-method p{padding:0 0 15px}
/* Mobile affordance: make horizontal chart scrolling immediately obvious. */
.sdta-chart-shell{position:relative}
.sdta-scroll-cue{display:none;position:absolute;z-index:3;top:50%;right:0;align-items:center;gap:3px;min-height:46px;padding:8px 8px 8px 28px;transform:translateY(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.92) 38%,#fff 68%);color:var(--sdta-blue);font-size:14px;font-weight:800;line-height:1;white-space:nowrap;opacity:0}
.sdta-scroll-arrow{display:inline-block;font-size:24px;line-height:1;transform:translateX(0)}
@media(max-width:720px){.sdta-scroll-cue.is-visible{display:flex;opacity:1}.sdta-scroll-cue.is-visible .sdta-scroll-arrow{animation:sdta-scroll-nudge 1.25s ease-in-out infinite}}
@keyframes sdta-scroll-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.sdta-scroll-cue.is-visible .sdta-scroll-arrow{animation:none}}