Main Page/styles.css

/* Container */ .mp-wrap { box-sizing:border-box; padding:0 12px; }

/* HERO */ .rv-hero {

 box-sizing:border-box; max-width:1000px; margin:0 auto 16px; padding:28px 18px;
 border:1px solid #a2a9b1; border-radius:2px; background:#f8f9fa; text-align:center;

} .rv-eyebrow { font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#54595d; margin-bottom:4px; } .rv-title { font-size:30px; line-height:1.2; margin:.15em 0 .2em 0; } .rv-tag { font-size:16px; color:#202122; margin:0 auto 12px; } .rv-actions { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:10px; } .rv-btn {

 display:inline-block; padding:.55em .9em; border:1px solid #a2a9b1; border-radius:2px;
 background:#fff; color:#202122; text-decoration:none;

} .rv-btn:hover { background:#f2f2f2; } .rv-btn--primary { border-color:#e11d48; background:#e11d48; color:#fff; } .rv-btn--primary:hover { background:#be123c; border-color:#be123c; }

@media (max-width:720px) { .rv-title { font-size:22px; } }

/* CTA band */ .rv-cta {

 max-width:1000px; margin:10px auto 16px; display:grid;
 grid-template-columns:1fr 1fr 1fr; gap:10px;

} .rv-card { border:1px solid #a2a9b1; border-radius:2px; background:#fff; } .rv-card h3 { margin:.6em .7em .2em; font-size:18px; } .rv-card p { margin:.2em .7em .7em; color:#202122; } .rv-card .rv-link {

 display:inline-block; margin:.2em .7em .8em; padding:.45em .7em;
 border:1px solid #a2a9b1; border-radius:2px; text-decoration:none;

} .rv-card .rv-link:hover { background:#f8f9fa; } @media (max-width:900px) { .rv-cta { grid-template-columns:1fr; } }

/* Two-column layout */ .mp-columns {

 max-width:1000px; margin:0 auto 20px;
 display:grid; grid-template-columns:2fr 1fr; gap:12px;

} @media (max-width:900px) { .mp-columns { grid-template-columns:1fr; } }

.mp-left, .mp-right { min-width:0; } .mp-box { border:1px solid #a2a9b1; border-radius:2px; background:#fff; margin-bottom:12px; } .mp-h { font-weight:600; font-size:15px; padding:.6em .8em; border-bottom:1px solid #eaecf0; } .mp-h--green { background:#f0f7f0; } .mp-h--pink { background:#fdf2f5; } .mp-h--blue { background:#eef3fb; } .mp-h--gray { background:#f6f7f8; } .mp-c { padding:.8em .9em; } .mp-footer { max-width:1000px; margin:8px auto 24px; color:#54595d; font-size:13px; text-align:center; }

/* Search box wrapper */ .mp-search { margin-top:.5em; }