/* v1.0: smartphone card density through placement; retain every rate and condition. */
@media(max-width:759px){
 #v6-settings-panel .v6-drawer-head{min-height:0;padding:8px 12px;background:var(--blue);color:white}
 #v6-settings-panel .v6-drawer-head h2{font-size:20px;line-height:1.2}
 #v6-settings-panel .v6-settings-foot{display:none}
 html[data-compact-card] .v6-card-head{padding:10px 44px 8px 10px;gap:4px 8px;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto auto}
 html[data-compact-card] .v6-bank-mark{width:28px;height:28px}
 html[data-compact-card] .v6-product .v6-source{padding-top:3px;line-height:1.3}
 html[data-compact-card] .v6-metrics{min-height:60px;padding:8px 10px;gap:16px}
 html[data-compact-card] .v6-conditions{padding:4px 10px}
 html[data-compact-card] .selected-condition-list li{gap:4px;line-height:1.35}
 html[data-compact-card="2"] .v6-card-head{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto auto}
 html[data-compact-card="2"] .v6-bank-mark{grid-row:1/3}
 html[data-compact-card="2"] .v6-product-link{grid-column:2;margin-top:0}
 html[data-compact-card="2"] .v6-product .v6-source{grid-column:1/-1;border-top:1px solid #e1e8ed;padding-top:4px;margin-top:3px}
 html[data-compact-card="2"] .v6-metrics{min-height:48px;grid-template-columns:1fr 1fr}
 html[data-compact-card="2"] .v6-metrics .is-primary,
 html[data-compact-card="2"] .v6-metrics .is-secondary{flex-direction:row;align-items:center;gap:4px}
 html[data-compact-card="2"] .v6-metrics .is-primary dt{white-space:normal;max-width:78px}
 html[data-compact-card="2"] .v6-metrics .is-secondary dt{max-width:48px}
 html[data-compact-card="3"] .v6-card-main{display:grid;grid-template-columns:minmax(0,1fr) 112px}
 html[data-compact-card="3"] .v6-card-head{grid-column:1;grid-row:1;padding-right:8px;grid-template-columns:28px minmax(0,1fr)}
 html[data-compact-card="3"] .v6-metrics{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:38px 8px 10px;min-width:0}
 html[data-compact-card="3"] .v6-metrics .is-primary,
 html[data-compact-card="3"] .v6-metrics .is-secondary{align-items:flex-start;gap:3px}
 html[data-compact-card="3"] .v6-metrics .is-primary dt{white-space:normal}
 html[data-compact-card="3"] .v6-conditions{grid-column:1/-1;grid-row:2}
}
@media(max-width:340px){
 html[data-compact-card="2"] .v6-metrics{gap:8px}
 html[data-compact-card="2"] .v6-metrics .is-primary,
 html[data-compact-card="2"] .v6-metrics .is-secondary{flex-direction:column;align-items:flex-start}
 html[data-compact-card="2"] .v6-metrics .is-primary dt,
 html[data-compact-card="2"] .v6-metrics .is-secondary dt{max-width:none}
}