MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Evansphere reader companion — 13 October 2026 */
.ev-home { color:#243744; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.ev-home a { text-decoration:none; }
.ev-hero { position:relative; overflow:hidden; padding:52px 44px 38px; border-radius:16px; color:#f6f0e5; background:radial-gradient(ellipse at 100% 0%,#705342 0,transparent 52%),linear-gradient(125deg,#102c3d,#182934 65%,#384139); }
.ev-hero:after { content:""; position:absolute; right:-110px; bottom:-155px; width:390px; height:390px; border:1px solid #c99a6966; border-radius:50%; box-shadow:0 0 0 45px #c99a6912,0 0 0 90px #c99a6908; pointer-events:none; }
.ev-eyebrow,.ev-section-label,.ev-number { font-size:11px; font-weight:700; letter-spacing:2px; }
.ev-eyebrow { color:#dfba8b; }
.ev-title { font-family:Georgia,serif; font-size:clamp(38px,5vw,62px); line-height:1.12; letter-spacing:-1.5px; margin:24px 0; font-weight:normal; }
.ev-lead { max-width:590px; font-size:17px; line-height:1.7; color:#d8e1e4; }
.ev-hero-links { margin-top:28px; font-weight:650; position:relative; z-index:1; }
.ev-home .ev-hero a { color:#f6dcc0; }
.ev-motto { margin-top:40px; color:#b9cbd0; font-family:Georgia,serif; font-style:italic; }
.ev-section-label { margin:32px 0 18px; color:#607782; }
.ev-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ev-card { border:1px solid #dce3e5; border-radius:12px; padding:24px; background:#f8faf9; line-height:1.65; font-size:14px; }
.ev-number { color:#99734c; font-size:10px; }
.ev-home h2 { border:0; font-family:Georgia,serif; font-size:24px; line-height:1.2; color:#153747; margin:16px 0; padding:0; }
.ev-card-link { margin-top:20px; font-weight:650; font-size:14px; }
.ev-home .ev-card-link a { color:#215a6b; }
.ev-feature { margin-top:26px; border-left:4px solid #b88a58; padding:28px 32px; background:#f5efe5; border-radius:0 12px 12px 0; line-height:1.75; }
.ev-feature .ev-eyebrow { color:#886643; }
.ev-feature h2 { font-size:34px; margin:12px 0; }
.ev-bottom { margin:30px 0; max-width:760px; line-height:1.8; }
.ev-note { border-top:1px solid #dce3e5; padding:20px 0; font-size:12px; color:#60717b; line-height:1.6; }
.ev-article-kicker { font-family:system-ui,sans-serif; color:#84613f; font-size:12px; letter-spacing:1px; text-transform:uppercase; border-bottom:1px solid #e0e5e7; padding-bottom:16px; margin-bottom:22px; }
body.page-Main_Page #firstHeading { display:none; }
body.page-Main_Page .mw-parser-output { margin-top:12px; }
@media(max-width:850px) { .ev-grid { grid-template-columns:1fr; } .ev-hero { padding:32px 25px; } .ev-card { padding:22px; } }
@media(prefers-reduced-motion:no-preference) { .ev-home a { transition:color .15s; } }

.ev-cover { float:right; width:250px; margin:0 0 22px 36px; position:relative; z-index:1; }
.ev-cover img { width:100%; height:auto; border-radius:5px; box-shadow:0 16px 40px #0008; }
.ev-hero { min-height:375px; }
.ev-hero:before { content:""; display:table; } .ev-hero:after { display:none; }
.ev-hero .ev-lead { max-width:530px; }
.ev-buy-links { margin-top:18px; font-weight:650; font-size:14px; }
.ev-buy-links a { color:#215a6b; }
.ev-editions { display:flex; gap:40px; flex-wrap:wrap; margin:28px 0; }
.ev-edition { padding:24px; border:1px solid #dce3e5; border-radius:12px; background:#f8faf9; }
.ev-edition img { border-radius:4px; box-shadow:0 5px 16px #0002; }
.ev-source { margin-top:26px; color:#63747b; font-size:12px; border-top:1px solid #dce3e5; padding-top:14px; }
@media(max-width:700px) { .ev-cover { width:150px; margin:0 0 20px 20px; } .ev-cover img { width:150px; } .ev-title { font-size:34px; } .ev-hero { min-height:0; } .ev-hero-links { clear:both; padding-top:15px; } }
@media(max-width:450px) { .ev-cover { float:none; width:130px; margin:0 0 26px; } .ev-cover img { width:130px; } }

.ev-home .mw-heading { border:0; margin:0; padding:0; }
.ev-home .mw-heading h2 { border:0; }
@media(max-width:1300px) and (min-width:701px) { .ev-cover { width:180px; margin-left:24px; } .ev-title { font-size:42px; } .ev-grid { grid-template-columns:1fr; } }
.ev-home .ev-edition,.ev-home .ev-card { color:#243744; }