@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#F5F5F0;font-family:'Montserrat',sans-serif;-webkit-font-smoothing:antialiased;color:#0B0B0B;}
a{color:#0B0B0B;text-decoration:none;}
a:hover{color:#6B6B6B;}
::selection{background:#D9FF43;color:#0B0B0B;}
button{font-family:'Montserrat',sans-serif;}
input{font-family:'Montserrat',sans-serif;outline:none;}
input:focus{border-color:#D9FF43!important;}

.nav-link{font-size:13px;font-weight:600;letter-spacing:0.3px;color:#F5F5F0;text-transform:uppercase;text-decoration:none;}
.nav-link.active,.nav-link:hover{color:#D9FF43;}

article.card{cursor:pointer;}
article.card:hover h3,article.card:hover h4{text-decoration:underline;}

.most-read-item:hover h4{text-decoration:underline;}
.most-read-item{cursor:pointer;}

.cat-box{background:#F5F5F0;padding:28px 24px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:background .15s;}
.cat-box:hover{background:#D9FF43;}

.img-hero{aspect-ratio:4/3;background:repeating-linear-gradient(135deg,#0B0B0B,#0B0B0B 14px,#1a1a1a 14px,#1a1a1a 28px);display:flex;align-items:center;justify-content:center;padding:20px;}
.img-card{aspect-ratio:16/10;background:repeating-linear-gradient(135deg,#e2e2da,#e2e2da 10px,#ebebe4 10px,#ebebe4 20px);display:flex;align-items:center;justify-content:center;padding:14px;}
.img-cover{aspect-ratio:21/9;background:repeating-linear-gradient(135deg,#0B0B0B,#0B0B0B 14px,#1a1a1a 14px,#1a1a1a 28px);display:flex;align-items:center;justify-content:center;}
.img-inline{aspect-ratio:16/9;background:repeating-linear-gradient(135deg,#e2e2da,#e2e2da 10px,#ebebe4 10px,#ebebe4 20px);display:flex;align-items:center;justify-content:center;}

.drop-cap{float:left;font-size:64px;font-weight:800;line-height:0.8;padding:6px 10px 0 0;color:#0B0B0B;}

.latest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;}
.most-read-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;border-top:1px solid #2a2a2a;}
.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;background:#0B0B0B;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}

@media(max-width:768px){
  .hero-grid{grid-template-columns:1fr!important;}
  .footer-grid{grid-template-columns:1fr!important;}
  header .nav-wrap{display:none;}
  .article-content{padding:32px 0 32px!important;}
}
@media(max-width:480px){
  .latest-grid{grid-template-columns:1fr;}
}