/* AI readings use the same independent columns and source-order phone layout. */
.page-vice-reference .bottom-panel.virtue-panels{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:48px;row-gap:0;align-items:start}
.page-vice-reference .virtue-panels>.main-panel{display:block;grid-column:1;min-width:0;order:initial}
.page-vice-reference .virtue-panels>.side-panel{display:block;grid-column:2;min-width:0;order:initial}
.page-vice-reference .virtue-main-column,.page-vice-reference .virtue-sidebar-column{min-width:0}
.page-vice-reference .virtue-main-column{grid-column:1}
.page-vice-reference .virtue-sidebar-column{grid-column:2;display:flex;flex-direction:column;gap:16px}
.page-vice-reference .virtue-sidebar-column>.side-panel,.page-vice-reference .virtue-sidebar-column .card{margin:0}
@media(max-width:760px){
 .page-vice-reference .bottom-panel.virtue-panels{grid-template-columns:minmax(0,1fr)}
 .page-vice-reference .virtue-panels>.main-panel,.page-vice-reference .virtue-panels>.side-panel{display:block;grid-column:1;order:initial}
 .page-vice-reference .virtue-panels>.main-panel>*,.page-vice-reference .virtue-panels>.side-panel>*{order:initial}
 .page-vice-reference .virtue-sidebar-module{margin:0 0 24px}
}