/* ics-art: decorative art is never clipped (owner 2026-11-04). Art sits in a padded wrapper and fills the padded box at its natural aspect. */
.ics-art{box-sizing:border-box;padding:var(--sp-s,.75rem);overflow:visible;max-width:100%;line-height:0}
@media (max-width:599px){.ics-art{padding:var(--sp-xs,.5rem)}}
.ics-art img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
html body :is(#card-1-art,#card-2-art,#card-3-art,#card-4-art){box-sizing:border-box;padding:var(--sp-s,.75rem);overflow:visible}
html body :is(#card-1-img,#card-2-img,#card-3-img,#card-4-img){display:block;width:100%;height:auto;max-width:100%;object-fit:contain}

/* P66 (2026-11-05): timeline alternation + page gutters, /lich-su-tien-trinh/ #mv-tl and /ve-chung-toi/ #ab-timeline. Scoped; CSS only. */
@media (min-width:600px){
#mv-tl #mv-r1,#mv-tl #mv-r3,#mv-tl #mv-r5,#mv-tl #mv-r7,#mv-tl #mv-r9{justify-content:flex-end!important}
#ab-timeline #ms-2-col,#ab-timeline #ms-4-col{margin-left:clamp(24px,6vw,80px)!important}
#ab-timeline #ms-1-col,#ab-timeline #ms-3-col,#ab-timeline #ms-5-col{margin-right:clamp(24px,6vw,80px)!important}
}
@media (min-width:600px) and (max-width:991px){
#mv-tl #mv-r2,#mv-tl #mv-r4,#mv-tl #mv-r6,#mv-tl #mv-r8,#mv-tl #mv-r10{justify-content:flex-start!important}
#mv-tl [id^="mv-r"][id$="-col"]{width:min(78%,34rem)!important;max-width:34rem!important}
#ab-timeline [id^="ms-"][id$="-col"]{width:min(78%,36rem)!important;max-width:36rem!important}
}
@media (min-width:992px){
#mv-tl #mv-dec-01{left:auto!important;right:24px!important}
#mv-tl #mv-dec-02{left:24px!important;right:auto!important}
#mv-tl #mv-dec-03{left:auto!important;right:24px!important}
#mv-tl #mv-dec-04{left:auto!important;right:24px!important}
#mv-tl #mv-dec-05{left:auto!important;right:24px!important}
#mv-tl #mv-dec-06{left:24px!important;right:auto!important}
#mv-tl #mv-dec-07{left:auto!important;right:24px!important}
}
@media (min-width:992px){
#ab-timeline #ab-dec-blob{left:auto!important;right:24px!important}
#ab-timeline #ab-dec-justice{left:24px!important;right:auto!important}
#ab-timeline #ab-dec-tl-1{top:1500px!important}
}

/* H4 timeline doodles (2026-11-05): each #mv-tl doodle sits on the side opposite its row card, >=16px from the viewport edge, never overlapping a card, text or photo (measured 1440/1366/1194). Top kept except mv-dec-06 at 992-1279. Doodles below 992px are 0x0 (no change). #ab-timeline: 0 overlaps measured, unchanged. */
@media (min-width:1400px){
#mv-tl #mv-dec-01{left:24px!important;right:auto!important;width:152px!important;height:152px!important}
#mv-tl #mv-dec-04{left:24px!important;right:auto!important;width:297px!important;height:277px!important}
#mv-tl #mv-dec-05{left:24px!important;right:auto!important;width:319.5px!important;height:318.6px!important}
#mv-tl #mv-dec-06{left:auto!important;right:16px!important;width:242px!important;height:242px!important}
#mv-tl #mv-dec-07{left:24px!important;right:auto!important;width:194px!important;height:194px!important}
}
@media (min-width:1280px) and (max-width:1399px){
#mv-tl #mv-dec-01{left:24px!important;right:auto!important;width:152px!important;height:152px!important}
#mv-tl #mv-dec-04{left:24px!important;right:auto!important;width:237.6px!important;height:221.6px!important}
#mv-tl #mv-dec-05{left:auto!important;right:16px!important;width:355px!important;height:354px!important}
#mv-tl #mv-dec-06{left:auto!important;right:16px!important;width:169.4px!important;height:169.4px!important}
#mv-tl #mv-dec-07{left:auto!important;right:16px!important;width:194px!important;height:194px!important}
}
@media (min-width:992px) and (max-width:1279px){
#mv-tl #mv-dec-01{left:24px!important;right:auto!important;width:121.6px!important;height:121.6px!important}
#mv-tl #mv-dec-04{left:24px!important;right:auto!important;width:178.2px!important;height:166.2px!important}
#mv-tl #mv-dec-05{left:auto!important;right:16px!important;width:355px!important;height:354px!important}
#mv-tl #mv-dec-06{left:24px!important;right:auto!important;top:2620px!important;width:242px!important;height:242px!important}
#mv-tl #mv-dec-07{left:auto!important;right:16px!important;width:194px!important;height:194px!important}
}

/* H4b gavel + ILGA (2026-11-05): gavel mv-dec-05 sits left of the 2015 card (row 7) at card top+40; ILGA mv-dec-07 sits left of the 2022 card (row 9) at card top+80. Left side, >=16px from edges, no overlap (1194/1280-1399/1440 sets; 1180 checked). */
@media (min-width:1400px){
#mv-tl #mv-dec-05{left:24px!important;right:auto!important;top:4219px!important;width:355px!important;height:354px!important}
#mv-tl #mv-dec-07{left:12%!important;right:auto!important;top:5572px!important;width:194px!important;height:194px!important}
}
@media (min-width:1280px) and (max-width:1399px){
#mv-tl #mv-dec-05{left:24px!important;right:auto!important;top:4171px!important;width:355px!important;height:354px!important}
#mv-tl #mv-dec-07{left:12%!important;right:auto!important;top:5511px!important;width:194px!important;height:194px!important}
}
@media (min-width:992px) and (max-width:1279px){
#mv-tl #mv-dec-05{left:24px!important;right:auto!important;top:4061px!important;width:355px!important;height:354px!important}
#mv-tl #mv-dec-07{left:12%!important;right:auto!important;top:5334px!important;width:194px!important;height:194px!important}
}