#periodComparisonView{max-width:1500px;min-width:0;margin:auto}#periodComparisonView>section,#periodComparisonView .comparison-two>section{background:#0f0c17;border:1px solid #2c2247;border-radius:10px;padding:14px;margin:14px 0;min-width:0}.comparison-head{display:flex;justify-content:space-between;gap:20px}.comparison-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,1fr) auto minmax(190px,1fr);gap:12px;align-items:end;margin:18px 0;padding:14px;background:#0e0b16;border:1px solid #2c2247;border-radius:10px}.comparison-controls label{display:grid;gap:6px;color:#cacad1}.comparison-controls input{border:1px solid #60626f;background:#161125;color:#f6f6f6;border-radius:8px;padding:9px 12px;font-weight:700;min-width:0}.comparison-controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #484a53;border-radius:8px;min-width:0}.comparison-controls legend{color:#b1b3bc}.comparison-periods,.comparison-two,.top-changes,.comparison-extremes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison-periods article,.top-changes article,.comparison-extremes article{background:#0f0c17;border:1px solid #2c2247;border-radius:10px;padding:14px}.comparison-periods small,.top-changes small,.comparison-extremes small{display:block;color:#aeb0b9;margin-bottom:7px}.top-changes strong,.comparison-extremes strong{display:block;overflow-wrap:anywhere}.comparison-overlap,.comparison-empty,.comparison-error{padding:14px;margin:14px 0;border:1px solid #d6a62f;background:#2b2615;border-radius:10px;color:#ffd166}.comparison-error{border-color:#df5968;background:#2b1520;color:#ffb5bf}.comparison-chart{overflow:hidden}.comparison-chart svg{display:block;width:100%;min-height:240px}.comparison-line{fill:none;stroke-width:3}.comparison-line.period-a{stroke:#a9b4ff}.comparison-line.period-b{stroke:#f5b95f}.comparison-zero{stroke:#7b7d8c;stroke-width:1}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;color:#aeb0b9}.chart-legend .period-a::before,.chart-legend .period-b::before{content:"";display:inline-block;width:18px;height:3px;margin:0 7px 3px 0;background:#a9b4ff}.chart-legend .period-b::before{background:#f5b95f}#periodComparisonView caption{text-align:left;padding:10px;color:#aeb0b9}#periodComparisonView td small{color:#848795;margin-left:6px}#periodComparisonView .table-wrap{max-width:100%;overflow-x:auto}.comparison-reconcile{color:#aeb0b9}.comparison-two>section{margin:0}@media(max-width:1024px){.comparison-controls{grid-template-columns:1fr 1fr}.comparison-controls #swapPeriods{order:4}.comparison-two{grid-template-columns:1fr}}@media(max-width:768px){.comparison-controls,.comparison-periods,.top-changes,.comparison-extremes{grid-template-columns:1fr}.comparison-controls fieldset{grid-template-columns:1fr}.comparison-controls button,.comparison-controls input,.comparison-controls select{min-height:44px;width:100%}}