.period-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end;padding:16px 18px;margin:-13px 0 28px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.period-controls label{display:block;font:10px "DM Mono";letter-spacing:.12em;color:var(--gold);margin-bottom:8px;text-transform:uppercase}
.period-controls select{width:100%;background:#131a15;color:var(--paper);border:1px solid var(--line);padding:10px 11px;font:13px "DM Sans"}
.period-controls p{margin:8px 0 0;color:var(--muted);font-size:12px}
.period-controls button{height:40px;white-space:nowrap;background:transparent;border:1px solid var(--line);color:var(--paper);padding:9px 13px;font:11px "DM Mono";letter-spacing:.06em;cursor:pointer}
.period-controls button:hover{border-color:var(--gold);color:var(--gold)}
.comparison{margin:20px 0}.comparison-rows{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.comparison-rows article{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.comparison-rows p{font-size:12px;color:var(--muted);margin:0 0 7px}.comparison-rows strong{display:block;font:24px "Playfair Display";color:#fff}
.comparison-rows span{display:block;margin-top:7px;font-size:12px;color:var(--green)}.comparison-rows span.negative{color:#d78372}
@media(max-width:900px){.period-controls{grid-template-columns:1fr 1fr}.period-controls button{grid-column:1/-1}.comparison-rows{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.period-controls,.comparison-rows{grid-template-columns:1fr}}