.resource-section{padding:20px 22px;margin-bottom:24px}
.resource-section .panel-head>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.resource-section .panel-head h2,.resource-section .panel-head p{margin:0}
.resource-section .panel-head{align-items:center;gap:14px;flex-wrap:wrap;padding:0;margin-bottom:14px}
.resource-section .panel-head h2{display:flex;align-items:center;gap:8px}
.resource-section .panel-head h2 i{color:var(--muted);font-size:17px}
.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.resource-grid article{padding:16px;border:1px solid var(--border);border-radius:12px;min-width:0;background:var(--panel2)}
.resource-grid .metric-number{font-size:30px;line-height:1.3;margin:6px 0}
.resource-grid .metric-number small{font-size:55%;font-weight:600;margin-left:5px;color:var(--muted)}
.resource-grid .metric-detail{margin:6px 0 0;line-height:1.6;overflow-wrap:anywhere}
.resource-section .resource-time{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.resource-section .facts{padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.resource-section .facts>div{min-width:0;gap:12px}
.resource-section .facts dd{text-align:right;overflow-wrap:anywhere;min-width:0}
.resource-section details{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}
.resource-section summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--ink)}
.resource-section .range-control{display:flex;gap:4px;flex-wrap:wrap}
.resource-section .range-control button{height:44px;min-height:44px;padding:0 15px;font-size:14px;font-weight:700;border-radius:999px}
.resource-mini-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.resource-chart{min-width:0;padding:12px;margin:0;border:1px solid var(--border);border-radius:10px}
.resource-chart h3{font-size:12px;color:var(--muted);margin:0 0 8px}
.resource-chart svg{display:block;width:100%;height:80px;overflow:hidden}
.resource-chart .resource-chart-line{fill:none;stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke}
.resource-chart .resource-chart-point{fill:var(--green)}
.resource-chart .resource-chart-base{stroke:var(--border);stroke-width:1}
.resource-chart figcaption{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-top:6px}
.resource-section .resource-notice{margin:12px 0 0}
.resource-section .health{white-space:nowrap}
.resource-section .resource-source{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.resource-section .resource-source a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.resource-section{padding:16px;margin-bottom:18px}.resource-grid{gap:8px}.resource-grid article{padding:12px}.resource-grid .metric-number{font-size:25px}.resource-section .facts{grid-template-columns:minmax(0,1fr)}.resource-mini-charts{grid-template-columns:minmax(0,1fr)}.resource-section .range-control{width:100%}.resource-section .range-control button{flex:1;padding:0 9px}.resource-section .panel-head{gap:10px}.resource-section .facts>div{align-items:flex-start}}