/* Legislation Passed While in Office panel + two-column president layout */
:root{--leg-ink:#18212F;--leg-muted:#70675C;--leg-border:#DCD6CB;--leg-accent:#B28434;--leg-card:#FFFFFF;}
html.dark{--leg-ink:#EDE8DD;--leg-muted:#A79E8C;--leg-border:#262E3B;--leg-accent:#C99A4A;--leg-card:#12161F;}

/* Equal open space: left edge = gap between columns = right edge (the three 1fr tracks share free space equally) */
.pres-grid{display:grid;grid-template-columns:minmax(32px,1fr) 360px minmax(32px,1fr) minmax(0,max-content) minmax(32px,1fr);align-items:start;text-align:left;}
.pres-grid > .pres-left{grid-column:2;}
.pres-grid > .leg{grid-column:4;}
.pres-wide{grid-template-columns:minmax(32px,1fr) 400px minmax(32px,1fr) minmax(0,max-content) minmax(32px,1fr);}
.pres-left{text-align:center;}
@media (min-width:901px){.pres-left,.tl-hero-left{position:sticky;top:24px;}}
@media (max-width:900px){.pres-grid,.pres-wide{grid-template-columns:1fr;gap:40px;padding:0 24px;}.pres-grid > .pres-left,.pres-grid > .leg{grid-column:1;}}

.leg{text-align:left;color:var(--leg-ink);font-family:"General Sans","Inter",sans-serif;}
.leg-title{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:26px;line-height:1.2;margin:0 0 6px;color:var(--leg-ink);}
.leg-note{font-size:13px;color:var(--leg-muted);margin:0 0 18px;line-height:1.5;}
.leg-group{margin:0 0 22px;}
.leg-group-title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--leg-accent);margin:0 0 4px;}
.leg-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--leg-border);}
.leg-item{padding:11px 0;border-bottom:1px solid var(--leg-border);}
.leg-name{display:block;font-weight:700;font-size:15px;line-height:1.35;color:var(--leg-ink);}
.leg-gist{display:block;font-size:14px;line-height:1.45;color:var(--leg-muted);margin-top:2px;}
.leg-none{font-size:15px;color:var(--leg-muted);padding:14px 0;border-top:1px solid var(--leg-border);border-bottom:1px solid var(--leg-border);margin:0;}

/* Transcript-archive hero (React pages) */
.tl-hero-grid{display:grid;max-width:none!important;padding-left:0!important;padding-right:0!important;grid-template-columns:minmax(32px,1fr) minmax(0,500px) minmax(32px,1fr) minmax(0,max-content) minmax(32px,1fr);align-items:start;}
.tl-hero-grid > .tl-hero-left{grid-column:2;}
.tl-hero-grid > .leg{grid-column:4;}
.tl-hero-left{text-align:center;}
.tl-photo{width:148px;height:148px;border-radius:50%;overflow:hidden;margin:0 auto 22px;border:1px solid var(--leg-border);background:#e9e5da;}
.tl-photo img{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:900px){.tl-hero-grid{grid-template-columns:1fr;gap:40px;padding-left:16px!important;padding-right:16px!important;}.tl-hero-grid > .tl-hero-left,.tl-hero-grid > .leg{grid-column:1;}}

/* Washington: full-width hero grid, rest of the page keeps its 832px column */
body.pres-wide-page main{max-width:none;padding-left:0;padding-right:0;}
body.pres-wide-page #listView > :not(.pres-grid), body.pres-wide-page #readerView, body.pres-wide-page main > .support{width:min(832px, calc(100% - 48px));margin-left:auto;margin-right:auto;}

/* List lines match the width of the note under the title: only the title + note set the column width */
.leg{width:max-content;max-width:100%;}
.leg-group,.leg-list,.leg-none{width:0;min-width:100%;}
@media (max-width:900px){.leg{width:auto;}}