/* Only the new derived comparison and its contextual entrances. */
#origin-base-comparison { margin-block: 1.5rem; padding: clamp(1rem,3vw,1.5rem); background: #f6faf8; color: #143b2b; border: 1px solid #bdcbc4; border-radius: .9rem; }
#origin-base-comparison h2, #origin-base-comparison h3, #origin-base-comparison p { color: #143b2b; }
#origin-base-comparison a, .origin-base-context a { color: #164e3d; text-decoration: underline; text-underline-offset: .2em; }
#origin-base-comparison summary { cursor: pointer; font-weight: 700; padding: .8rem 0; }
#origin-base-comparison details { margin-block: 1rem; }
#origin-base-comparison .origin-base-scroll { max-width: 100%; overflow-x: auto; margin-block: 1rem; }
#origin-base-comparison table { width: 100%; min-width: 54rem; table-layout: fixed; border-collapse: collapse; }
#origin-base-comparison th, #origin-base-comparison td { width: 25%; padding: .85rem; text-align: left; vertical-align: top; white-space: normal; overflow-wrap: break-word; border-bottom: 1px solid #c3d0c8; }
#origin-base-comparison caption { text-align: left; white-space: normal; }
#origin-base-comparison table p { margin-block: .4rem; }
#origin-base-comparison .origin-base-counts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; padding: 0; list-style: none; }
#origin-base-comparison .origin-base-counts li { min-width: 0; padding: 1rem; background: #fff; border: 1px solid #bdcbc4; border-radius: .7rem; }
#origin-base-comparison .origin-base-counts strong { display: block; color: #143b2b; font-size: 1.35rem; }
#origin-base-comparison code { white-space: normal; overflow-wrap: anywhere; }
.origin-base-context { padding: 1rem; border-left: .25rem solid #2c7153; color: #143b2b; background: #f6faf8; }
/* Existing hub labels: dark gold on white; light gold on each featured dark card. */
section[aria-labelledby="explore"] .mn-hub-card > span,
section[aria-labelledby="data-downloads"] .mn-hub-card > span { color: #805500; }
section[aria-labelledby="explore"] .mn-hub-card:nth-child(1) > span,
section[aria-labelledby="data-downloads"] .mn-hub-card:nth-child(1) > span { color: #ffdc83; }
@media(max-width: 600px) { #origin-base-comparison .origin-base-counts { grid-template-columns: minmax(0,1fr); } }