.comparison-reading-controls{margin:24px 0 16px;border:1px solid #32525f;border-radius:5px;padding:22px;background:linear-gradient(120deg,#0a242e,#06131d)}
.comparison-reading-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.comparison-reading-top h2{font-size:1.25rem;line-height:1.8;font-weight:500;color:#d9edef;margin-top:8px;scroll-margin-top:105px}
.comparison-view-switch{display:flex;flex-wrap:wrap;gap:5px;padding:4px;border:1px solid #2f4c59;border-radius:4px;background:#041018}.comparison-view-switch button{padding:9px 13px;min-height:44px;font-size:.875rem;color:#a8c6d2;border:1px solid transparent;border-radius:3px;line-height:1.8}.comparison-view-switch button[aria-pressed=true]{background:#193e43;border-color:#70a9a5;color:#d5f2e6}
.comparison-field-controls{display:flex;align-items:end;gap:20px;justify-content:space-between;margin-top:22px;padding-top:20px;border-top:1px solid #294450}.comparison-field-controls>label{display:flex;flex-direction:column;gap:8px;color:#b4cdd9;font-size:.875rem;min-width:0;flex:1;max-width:430px}.comparison-field-controls select{width:100%;min-width:0;min-height:46px;padding:10px 12px;font:inherit;font-size:1rem;color:#dcecf0;border:1px solid #3b6070;border-radius:4px;background:#04121d}
.comparison-field-stepper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.875rem;color:#a4c4d1}.comparison-field-stepper button{min-height:44px;padding:10px 14px;color:#b6d5ba;border:1px solid #3e584f;border-radius:3px;line-height:1.8}.comparison-field-stepper button:disabled{opacity:.45;cursor:default}.comparison-field-stepper>span{font-variant-numeric:tabular-nums;color:#a8c3ce}
#comparison-reader-status{font-size:max(var(--pei-mobile-text-floor,0px),.8125rem);color:#a5c4ce;margin:17px 0 0;line-height:1.85}.comparison-reader-grid{display:grid;grid-template-columns:repeat(var(--comparison-columns,3),minmax(0,1fr));gap:16px}.comparison-reading-card{display:flex;flex-direction:column;min-width:0;border:1px solid #32515f;border-radius:5px;padding:22px;background:linear-gradient(140deg,#081b27,#040d15)}
.comparison-reading-kicker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:max(var(--pei-mobile-text-floor,0px),.75rem);line-height:1.8;color:#95b9c9}.comparison-reading-card h3{font-size:1rem;line-height:1.9;font-weight:500;margin:15px 0 8px;overflow-wrap:anywhere}.comparison-reading-region{font-size:max(var(--pei-mobile-text-floor,0px),.8125rem);color:#8eb8c8;margin-bottom:20px}
.comparison-reader-value{padding-top:18px;border-top:1px solid #2b4654;flex:1;font-size:1rem;line-height:1.95;color:#c8dfe7;overflow-wrap:anywhere}.comparison-field-label{display:block;font-size:max(var(--pei-mobile-text-floor,0px),.75rem);color:#bcd29e;margin-bottom:13px}.comparison-reader-value small{display:block;color:#a4becb;font-size:max(var(--pei-mobile-text-floor,0px),.8125rem);line-height:1.9;margin-top:10px}.comparison-reader-value .source-link{max-width:100%;overflow-wrap:anywhere;white-space:normal;align-items:flex-start}.comparison-reader-value .source-link .icon{flex:none;margin-top:5px}.comparison-reader-value .comparison-number{display:block;line-height:1.7}.comparison-reader-value .comparison-number small{display:inline;margin-left:8px}
.comparison-reading-actions{display:flex;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;border-top:1px solid #263e4d;padding-top:12px;margin-top:23px}.comparison-reading-actions button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:max(var(--pei-mobile-text-floor,0px),.8125rem);line-height:1.8;color:#a9d2d3;text-align:left}.comparison-reading-actions button:last-child{color:#8fa6b5}.comparison-reading-actions .icon{width:15px;height:15px;flex:none}.comparison-reader-value .source-save-button,.comparison-reader-value .note-open-button{min-height:44px;font-size:.875rem;margin:4px 7px 4px 0}
@media(max-width:1000px){.comparison-reading-top{align-items:flex-start;flex-direction:column}.comparison-reader-grid{grid-template-columns:1fr}.comparison-field-controls{align-items:stretch;flex-direction:column}.comparison-field-controls>label{max-width:none}.comparison-reading-card{padding:20px}.comparison-reading-card h3{font-size:1.0625rem}}
@media(max-width:680px){.comparison-reading-controls{padding:16px}.comparison-reading-top h2{font-size:1.125rem;scroll-margin-top:75px}.comparison-view-switch{width:100%}.comparison-view-switch button{flex:1;padding:9px 8px;font-size:max(var(--pei-mobile-text-floor,0px),.8125rem)}.comparison-field-stepper{gap:8px;justify-content:space-between}.comparison-field-stepper button{padding:9px;font-size:max(var(--pei-mobile-text-floor,0px),.8125rem)}.comparison-reading-card{padding:17px}.comparison-reader-value{font-size:1rem}.comparison-picker-panel .panel-heading{flex-wrap:wrap;gap:10px}.comparison-picker-panel [data-comparison-jump]{min-height:44px}}

.comparison-reading-region>span{display:block;margin-top:7px;font-size:max(var(--pei-mobile-text-floor,0px),.75rem);line-height:1.85;color:#91afbf}.comparison-bottom-nav{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.comparison-bottom-nav button{border:1px solid #416055;border-radius:4px;background:#132822;color:#c1d5a7;min-height:46px;padding:12px 18px;font-size:.875rem;line-height:1.8}.comparison-bottom-nav button:disabled{opacity:.4;cursor:default}@media(max-width:680px){.comparison-bottom-nav button{flex:1 1 145px;padding:10px}}