/* 2026 US Midterms collection: Bilingually Curious editorial layout */
.midterms-page { overflow-x:hidden; }
.mc-breadcrumb { padding:20px 0 12px; font-size:13px; color:#4d6970; }
.mc-breadcrumb a { text-decoration:none; font-weight:700; }
.mc-breadcrumb a:hover { color:#b55e4d; }
.mc-banner { margin:8px 0 0; overflow:hidden; border-radius:23px; border:1px solid #cbd8ce; background:#d9e4dd; box-shadow:0 10px 35px rgba(19,56,64,.08); }
.mc-banner img { display:block; width:100%; height:auto; }
.mc-art-note { margin:10px 0 0; color:#657778; font-size:12px; }
.mc-overview { padding:43px 0 55px; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr); gap:48px; align-items:start; }
.mc-overview h1 { max-width:780px; margin:10px 0 16px; font-family:'Fraunces',Georgia,serif; font-size:clamp(32px,4.1vw,55px); font-weight:600; line-height:1.13; letter-spacing:-.043em; color:var(--teal); }
.mc-overview p { font-size:17px; line-height:1.73; margin:0 0 15px; }
.mc-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.mc-meta span { display:inline-flex; padding:7px 13px; border:1px solid #c8d9ce; border-radius:999px; background:#eaf1e8; color:var(--teal); font-size:12px; font-weight:700; }
.mc-note { border-radius:20px; background:var(--teal); color:#f3f5ee; padding:25px; }
.mc-note .eyebrow { color:#c7dbd1; }
.mc-note h2 { font:600 25px/1.22 'Fraunces',Georgia,serif; letter-spacing:-.025em; margin:10px 0 11px; color:#fffdf5; }
.mc-note p { font-size:14px; line-height:1.65; margin:0; color:#d9e7df; }
.mc-note a { display:inline-block; text-decoration:none; color:#fff; border-radius:999px; padding:10px 16px; background:#286271; margin-top:19px; font-size:13px; font-weight:700; }
.mc-note a:hover { background:#347987; }
.mc-section { padding:62px 0; }
.mc-section-heading { max-width:770px; margin-bottom:26px; }
.mc-section-heading h2 { font:600 clamp(29px,3.8vw,45px)/1.16 'Fraunces',Georgia,serif; letter-spacing:-.04em; color:var(--teal); margin:8px 0 11px; }
.mc-section-heading p { margin:0; color:#596f71; font-size:16px; }
.mc-lessons { background:#edf2e9; border-top:1px solid #dce6dc; border-bottom:1px solid #dce6dc; }
.mc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.mc-card { display:flex; flex-direction:column; border-radius:21px; border:1px solid #d2dfd4; background:#fffefa; padding:26px 28px; min-width:0; }
.mc-card:last-child { grid-column:1/-1; }
.mc-card-top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:19px; }
.mc-card-number { display:inline-grid; place-items:center; flex:0 0 49px; width:49px; height:49px; border-radius:14px; background:#e2ede3; color:var(--teal); font:600 24px 'Fraunces',Georgia,serif; }
.mc-card:nth-child(2) .mc-card-number,.mc-card:nth-child(5) .mc-card-number { background:#ffe7de; }
.mc-card:nth-child(3) .mc-card-number { background:#d7e7e2; }
.mc-status { font-size:11px; font-weight:700; color:#685745; background:#f7eee0; border:1px solid #e4d6bf; border-radius:999px; padding:6px 11px; white-space:nowrap; }
.mc-card .mc-kicker { font-size:12px; color:#557076; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.mc-card h3 { color:var(--teal); font:600 clamp(24px,2.5vw,31px)/1.2 'Fraunces',Georgia,serif; letter-spacing:-.035em; margin:8px 0 12px; }
.mc-card p { margin:0 0 20px; line-height:1.68; color:#496469; }
.mc-question { border-radius:12px; background:#eef4ea; padding:15px 17px; font-weight:600; line-height:1.5; color:#315359; font-size:15px; margin-top:auto; }
.mc-card-foot { margin-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; align-items:center; font-size:12px; font-weight:700; color:#577077; }
.mc-levels { color:#975345; background:#fff0ea; border-radius:999px; padding:6px 10px; }
.mc-compare { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.mc-compare article { padding:22px; border:1px solid #d5dfd7; background:#fffefa; border-radius:19px; }
.mc-compare h3 { font:600 23px/1.25 'Fraunces',Georgia,serif; margin:0 0 9px; color:var(--teal); }
.mc-compare p { font-size:14px; color:#536d71; margin:0; line-height:1.68; }
.mc-keyquestion { background:var(--teal); color:#fffdf8; border-radius:24px; padding:37px clamp(24px,5vw,60px); display:grid; grid-template-columns:.8fr 1.3fr; gap:25px; align-items:center; }
.mc-keyquestion .eyebrow { color:#b8d0c5; }
.mc-keyquestion h2 { color:#fffefa; font:600 clamp(25px,3vw,39px)/1.22 'Fraunces',Georgia,serif; letter-spacing:-.035em; margin:0; }
.mc-keyquestion p { margin:0 0 10px; color:#e1ebe4; line-height:1.65; }
.mc-bottom { padding:58px 0 8px; display:grid; grid-template-columns:1fr 1fr; gap:45px; }
.mc-bottom h2 { font:600 29px/1.2 'Fraunces',Georgia,serif; color:var(--teal); margin:0 0 12px; }
.mc-bottom p { color:#557078; }
.mc-source-list { list-style:none; margin:9px 0 0; padding:0; }
.mc-source-list li { margin:0 0 11px; }
.mc-source-list a { color:#235b65; text-decoration:none; font-weight:700; }
.mc-source-list a:hover { color:#b65b4e; }
.mc-action-row { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
@media(max-width:800px) {
  .mc-overview { grid-template-columns:1fr; gap:22px; padding-top:30px; }
  .mc-compare { grid-template-columns:1fr; }
  .mc-bottom { grid-template-columns:1fr; gap:23px; }
  .mc-keyquestion { grid-template-columns:1fr; }
}
@media(max-width:650px) {
  .mc-banner { border-radius:13px; }
  .mc-art-note { font-size:11px; }
  .mc-section { padding:44px 0; }
  .mc-grid { grid-template-columns:1fr; }
  .mc-card:last-child { grid-column:auto; }
  .mc-card { padding:22px; }
  .mc-keyquestion { padding:27px 22px; }
}