/* Layout */
.grid2{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:900px){ .grid2{ grid-template-columns:1fr 1fr; } }
/* Hero */
.hero{ padding:8px 0 4px; border-bottom:1px solid #eaecf0; margin-bottom:8px; }
.hero-title{ font-size:28px; font-weight:700; }
.hero-sub{ color:#54595d; margin-top:4px; }
/* Featured article */
.featured{
display:grid;
grid-template-columns:1fr;
gap:16px;
align-items:center;
margin:12px 0 16px;
padding:16px;
border:1px solid #eaecf0;
border-radius:12px;
background:#f8f9fa;
}
.featured-media .mw-file-description{ display:block; }
.featured-media img{
display:block;
width:100%;
height:auto;
aspect-ratio:16 / 10;
border-radius:8px;
object-fit:cover;
}
.featured-kicker{
color:#54595d;
font-size:0.78rem;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
}
.featured-title{
margin-top:4px;
font-size:1.5rem;
font-weight:700;
line-height:1.2;
}
.featured-title a{ color:inherit; text-decoration:none; }
.featured-title a:hover{ text-decoration:underline; }
.featured-text{ margin-top:8px; color:#54595d; line-height:1.5; }
.featured-link{ margin-top:12px; font-weight:600; }
@media (min-width:720px){
.featured{ grid-template-columns:minmax(220px, 38%) minmax(0, 1fr); }
}
/* Cards & lists */
.card{ border:1px solid #eaecf0; border-radius:8px; padding:12px; background:#fff; }
.card-h{ font-weight:600; margin-bottom:8px; }
.list{ margin:0; padding-left:18px; }
/* Buttons */
.btn-row{ display:flex; flex-wrap:wrap; gap:8px; }
.btn-row input[type="submit"]{
appearance:none; border:1px solid #d0d7de; background:#f8f9fa;
padding:6px 10px; border-radius:6px; cursor:pointer;
}
.btn-row input[type="submit"]:hover{ background:#fff; }
/* Tables */
.wikitable{ width:100%; }