*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#f1ebd8;
  --grafito:#1A1A1A;
  --rojo-zurdo:#990000;
  --azul-derecha:#003366;
  --breaking-red:#D92121;
  --taxi-yellow:#FFCC00;
  --surface:#dbd0ae;
  --white:#FFFFFF;
  --gray-200:#E5E5E0;
  --gray-400:#999994;
  --gray-600:#666662;
  --ff-title:'Childstone',sans-serif;
  --ff-body:'Open Sans',sans-serif;
  --radius:6px;
}
@font-face{font-family:'Childstone';src:url('../childstone.otf') format('opentype');font-weight:normal;font-style:normal;font-display:swap}
h1,h2,h3{letter-spacing:0.04em}
h4{letter-spacing:0.04em;font-size:17px}
html{scroll-behavior:smooth}
body{
  font-family:var(--ff-body);
  color:var(--grafito);
  background:var(--paper);
  line-height:1.6;
  font-size:17px;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* ===== TOP AD ===== */
.top-ad{background:var(--white);line-height:0;}

/* ===== TOPBAR ===== */
.topbar{
  background:#654e31;
  border-bottom:1px solid var(--gray-200);
  padding:6px 20px;
  display:flex; justify-content:space-between; align-items:center;
  font-size:12px; color:var(--white);
}
.topbar .date{ color:var(--white); font-weight:700; }
.topbar .socials{ display:flex; gap:12px; }
.topbar .socials a{ color:var(--white); transition:color .2s; }
.topbar .socials a:hover{ color:var(--taxi-yellow); }

/* ===== HEADER ===== */
.header{
  background:#ab9757;
  border-bottom:1px solid var(--gray-200);
  padding:16px 20px;
  display:flex; align-items:center; justify-content:space-between;
}
.header .logo{ height:60px; width:auto; }
.header .banner{
  width:100%; max-width:750px;
  background:var(--paper);
  border:1px dashed var(--gray-400);
  border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
@media(max-width:768px){
  .header{ flex-direction:column; gap:12px; }
  .header .banner{ max-width:100%; }
}

/* ===== NAV ===== */
.nav{
  background:var(--white);
  border-bottom:2px solid var(--gray-200);
  position:sticky; top:0; z-index:100;
}
.nav-inner{
  display:flex; align-items:center;
  padding:0 20px;
}
.nav a{
  display:block; padding:12px 16px;
  font-family:var(--ff-title); font-size:17px; font-weight:700;
  text-transform:uppercase; letter-spacing:.5px;
  color:var(--grafito);
  border-bottom:2px solid transparent;
  margin-bottom:-2px;
  transition:all .2s;
}
.nav a:hover{ color:var(--breaking-red); border-color:var(--breaking-red); }
.nav .breaking{
  background:var(--breaking-red); color:var(--white);
  padding:12px 18px;
  border-bottom:none;
}
.nav .breaking:hover{ background:#b51a1a; color:var(--white); }
@media(max-width:768px){
  .nav-inner{ overflow-x:auto; gap:0; }
  .nav a{ white-space:nowrap; padding:10px 12px; font-size:12px; }
}

/* ===== HERO SPLIT (front-page) ===== */
.hero-split{
  margin:24px 0;
  padding:0 20px;
}
.hero-split .label{
  text-align:center; margin-bottom:16px;
  font-family:var(--ff-title); font-size:11px;
  text-transform:uppercase; letter-spacing:2px;
  color:var(--gray-600);
}
.hero-split .label span{ display:inline-block; padding:4px 16px; background:var(--white); border:1px solid var(--gray-200); border-radius:20px; }
.split-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
  background:var(--gray-200);
  border:2px solid var(--gray-200);
  border-radius:var(--radius);
  overflow:hidden;
}
.split-left, .split-right{
  padding:24px;
  min-height:360px;
  display:flex; flex-direction:column;
}
.split-left{
  background:linear-gradient(135deg, #1a0000 0%, #2d0000 100%);
  color:#f0d0d0;
}
.split-right{
  background:linear-gradient(135deg, #000a1a 0%, #00102a 100%);
  color:#d0d8f0;
}
.split-left .tag, .split-right .tag{
  display:inline-block; padding:3px 10px;
  font-family:var(--ff-title); font-size:10px;
  text-transform:uppercase; letter-spacing:1px;
  margin-bottom:12px; border-radius:3px;
}
.split-left .tag{ background:var(--rojo-zurdo); color:var(--white); }
.split-right .tag{ background:var(--azul-derecha); color:var(--white); }
.split-left h2, .split-right h2{
  font-family:var(--ff-title); font-weight:900;
  font-size:27px; line-height:1.2; margin-bottom:12px;
}
.split-left h2{ color:#ffcccc; }
.split-right h2{ color:#cce0ff; }
.split-left p, .split-right p{
  font-size:14px; line-height:1.6; opacity:.8;
  flex:1;
}
.split-left .meta, .split-right .meta{
  font-size:11px; opacity:.5; margin-top:12px;
  display:flex; gap:8px;
}
.split-left .btn, .split-right .btn{
  align-self:flex-start; margin-top:16px;
  padding:8px 24px; border-radius:20px;
  font-family:var(--ff-title); font-size:11px;
  font-weight:700; text-transform:uppercase;
  letter-spacing:0.1em;
  transition:all .2s; border:none; cursor:pointer;
}
.split-left .btn{ background:var(--rojo-zurdo); color:var(--white); }
.split-left .btn:hover{ background:#bb0000; }
.split-right .btn{ background:var(--azul-derecha); color:var(--white); }
.split-right .btn:hover{ background:#004080; }
@media(max-width:768px){
  .split-grid{ grid-template-columns:1fr; }
  .split-left h2, .split-right h2{ font-size:20px; }
  .split-left, .split-right{ padding:16px; min-height:auto; }
}

/* ===== AD BANNER ===== */
.ad-banner{
  margin:24px 0;
  padding:0 20px;
}
.ad-banner .inner{
  width:100%;
  background:var(--white);
  border:1px dashed var(--gray-400);
  border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center;
}

/* ===== SECTION ===== */
.section{
  margin:32px 0;
  padding:0 20px;
}
.section-header{
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:20px; padding-bottom:8px;
  border-bottom:2px solid var(--gray-200);
}
.section-header h2{
  font-family:var(--ff-title); font-weight:900;
  font-size:20px; text-transform:uppercase;
  letter-spacing:1px;
}
.section-header h2 span{ color:var(--breaking-red); }
.section-header .more{
  font-size:12px; font-weight:700; color:var(--gray-600);
  font-family:var(--ff-title); text-transform:uppercase;
  transition:color .2s;
}
.section-header .more:hover{ color:var(--breaking-red); }
@media(max-width:768px){
  .section-header h2{ font-size:16px; }
  .section-header{ flex-direction:column; align-items:flex-start; gap:4px; }
}

/* ===== CARDS ROW ===== */
.card-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:20px;
}
.card{
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  overflow:hidden;
  transition:box-shadow .3s;
}
.card:hover{ box-shadow:0 4px 20px rgba(0,0,0,.08); }
.card .thumb{
  width:100%; aspect-ratio:16/9;
  background:var(--gray-200);
  display:flex; align-items:center; justify-content:center;
  color:var(--gray-400); font-size:11px; text-transform:uppercase;
  overflow:hidden;
}
.card .thumb img{width:100%;height:100%;object-fit:cover;}
.card .body{ padding:16px; }
.card .cat{
  display:inline-block; padding:2px 8px;
  background:var(--breaking-red); color:var(--white);
  font-family:var(--ff-title); font-size:9px;
  text-transform:uppercase; letter-spacing:1px;
  border-radius:3px; margin-bottom:8px;
}
.card h3{
  font-family:var(--ff-title); font-weight:700;
  font-size:16px; line-height:1.3; margin-bottom:6px;
}
.card h3 a:hover{ color:var(--breaking-red); }
.card .excerpt{
  font-size:13px; color:var(--gray-600); line-height:1.5;
}
.card .meta{
  font-size:11px; color:var(--gray-400); margin-top:10px;
}
@media(max-width:768px){
  .card-row{ grid-template-columns:1fr; }
}
@media(min-width:769px)and(max-width:1024px){
  .card-row{ grid-template-columns:1fr 1fr; }
}

/* ===== FEATURED ROW ===== */
.featured-row{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:20px;
  margin-top:32px;
}
.featured-main{
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  overflow:hidden;
}
.featured-main .thumb{
  width:100%; aspect-ratio:16/9;
  background:var(--gray-200);
  display:flex; align-items:center; justify-content:center;
  color:var(--gray-400); font-size:11px; text-transform:uppercase;
  overflow:hidden;
}
.featured-main .thumb img{width:100%;height:100%;object-fit:cover;}
.featured-main .body{ padding:20px; }
.featured-main .cat{
  display:inline-block; padding:3px 12px;
  background:var(--taxi-yellow); color:var(--grafito);
  font-family:var(--ff-title); font-size:10px;
  font-weight:700; text-transform:uppercase; letter-spacing:1px;
  border-radius:3px; margin-bottom:10px;
}
.featured-main h2{
  font-family:var(--ff-title); font-weight:900;
  font-size:26px; line-height:1.15; margin-bottom:10px;
}
.featured-main h2 a:hover{ color:var(--breaking-red); }
.featured-main p{
  font-size:14px; color:var(--gray-600); line-height:1.6;
}
.featured-main .meta{ font-size:12px; color:var(--gray-400); margin-top:12px; }

.featured-side{ display:flex; flex-direction:column; gap:12px; }
.featured-side .item{
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  padding:16px;
  display:flex; gap:14px; align-items:flex-start;
}
.featured-side .item .thumb-sm{
  width:80px; height:80px; flex-shrink:0;
  background:var(--gray-200); border-radius:4px;
  display:flex; align-items:center; justify-content:center;
  color:var(--gray-400); font-size:9px; text-transform:uppercase;
  overflow:hidden;
}
.featured-side .item .thumb-sm img{width:100%;height:100%;object-fit:cover;}
.featured-side .item h4{
  font-family:var(--ff-title); font-weight:700;
  font-size:18px; line-height:1.3;
}
.featured-side .item h4 a:hover{ color:var(--breaking-red); }
.featured-side .item .meta{ font-size:10px; color:var(--gray-400); margin-top:4px; }
@media(max-width:768px){
  .featured-row{ grid-template-columns:1fr; }
  .featured-main h2{ font-size:20px; }
  .featured-side .item{ flex-direction:column; }
  .featured-side .item .thumb-sm{ width:100%; height:auto; aspect-ratio:16/9; }
}

/* ===== SPLIT NEWS ROW ===== */
.split-news-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
  margin-top:32px;
  background:var(--gray-200);
  border:2px solid var(--gray-200);
  border-radius:var(--radius);
  overflow:hidden;
}
.split-news-left, .split-news-right{
  padding:20px;
}
.split-news-left{ background:#1a0000; color:#f0d0d0; }
.split-news-right{ background:#000a1a; color:#d0d8f0; }
.split-news-left .item, .split-news-right .item{
  padding:14px 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.split-news-left .item:last-child, .split-news-right .item:last-child{ border-bottom:none; }
.split-news-left .item .tag-sm{
  display:inline-block; padding:1px 7px;
  background:var(--rojo-zurdo); color:var(--white);
  font-size:9px; text-transform:uppercase; letter-spacing:1px;
  border-radius:2px; margin-bottom:4px; font-family:var(--ff-title);
}
.split-news-right .item .tag-sm{
  display:inline-block; padding:1px 7px;
  background:var(--azul-derecha); color:var(--white);
  font-size:9px; text-transform:uppercase; letter-spacing:1px;
  border-radius:2px; margin-bottom:4px; font-family:var(--ff-title);
}
.split-news-left .item h4, .split-news-right .item h4{
  font-family:var(--ff-title); font-weight:700;
  font-size:13px; line-height:1.3;
}
.split-news-left .item .meta, .split-news-right .item .meta{
  font-size:10px; opacity:.4; margin-top:4px;
}
@media(max-width:768px){
  .split-news-row{ grid-template-columns:1fr; }
}

/* ===== FOOTER ===== */
.footer{
  background:var(--surface);
  border-top:2px solid var(--gray-200);
  margin-top:48px; padding:40px 20px 20px;
}
.footer-inner{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:30px;
}
.footer-grid .col h4{
  font-family:var(--ff-title); font-weight:700;
  font-size:13px; text-transform:uppercase;
  letter-spacing:1px; margin-bottom:12px;
  color:var(--grafito);
}
.footer-grid .col p, .footer-grid .col li{
  font-size:13px; color:var(--gray-600); line-height:1.8;
}
.footer-grid .col ul a:hover{ color:var(--breaking-red); }
.footer-bottom{
  margin-top:24px;
  padding-top:16px; border-top:1px solid var(--gray-200);
  font-size:12px; color:var(--gray-400);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px;
}
.footer .logo{ height:40px; width:auto; margin-bottom:8px; }
@media(max-width:768px){
  .footer-inner{ grid-template-columns:1fr 1fr; }
}
@media(max-width:480px){
  .footer-inner{ grid-template-columns:1fr; }
}

/* ===== BREADCRUMB (single) ===== */
.breadcrumb{
  padding:16px 20px 0;
  font-size:12px; color:var(--gray-600);
  font-family:var(--ff-title); text-transform:uppercase; letter-spacing:.5px;
}
.breadcrumb a:hover{ color:var(--breaking-red); }

/* ===== ARTICLE WRAPPER (single) ===== */
.article-wrapper{
  padding:24px 20px;
  display:grid;
  grid-template-columns:1fr 320px;
  gap:30px;
}
@media(max-width:900px){
  .article-wrapper{ grid-template-columns:1fr; }
}

.article-main{ min-width:0; }
.article-main .cat{
  display:inline-block; padding:4px 14px;
  background:var(--taxi-yellow); color:var(--grafito);
  font-family:var(--ff-title); font-size:11px;
  font-weight:700; text-transform:uppercase; letter-spacing:1px;
  border-radius:4px; margin-bottom:12px;
}
.article-main h1{
  font-family:var(--ff-title); font-weight:900;
  font-size:34px; line-height:1.1;
  margin-bottom:16px;
}
@media(max-width:768px){
  .article-main h1{ font-size:24px; }
}
.article-main .meta-bar{
  display:flex; gap:16px; align-items:center; flex-wrap:wrap;
  font-size:13px; color:var(--gray-600);
  padding-bottom:16px; border-bottom:1px solid var(--gray-200);
  margin-bottom:20px;
}
.article-main .meta-bar .author{ font-weight:700; }
.article-main .meta-bar .date{ color:var(--breaking-red); font-weight:600; }
.article-main .featured-image{
  width:100%;
  background:var(--gray-200);
  border-radius:var(--radius);
  margin-bottom:20px;
  line-height:0;
}
.article-main .featured-image img{ border-radius:var(--radius); }

/* ===== SIDE-BY-SIDE (single) ===== */
.side-by-side{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
  margin-bottom:24px;
  background:var(--gray-200);
  border:2px solid var(--gray-200);
  border-radius:var(--radius);
  overflow:hidden;
}
.sbs-left, .sbs-right{ padding:20px; }
.sbs-left{
  background:linear-gradient(180deg, #1a0000 0%, #2d0000 100%);
  color:#f0d0d0;
}
.sbs-right{
  background:linear-gradient(180deg, #000a1a 0%, #00102a 100%);
  color:#d0d8f0;
}
.sbs-left .sbs-tag, .sbs-right .sbs-tag{
  display:inline-block; padding:2px 10px;
  font-family:var(--ff-title); font-size:10px;
  text-transform:uppercase; letter-spacing:1px;
  border-radius:3px; margin-bottom:8px;
}
.sbs-left .sbs-tag{ background:var(--rojo-zurdo); color:var(--white); }
.sbs-right .sbs-tag{ background:var(--azul-derecha); color:var(--white); }
.sbs-left h3, .sbs-right h3{
  font-family:var(--ff-title); font-weight:900;
  font-size:20px; line-height:1.2; margin-bottom:10px;
}
.sbs-left h3{ color:#ffcccc; }
.sbs-right h3{ color:#cce0ff; }
.sbs-left p, .sbs-right p{
  font-size:14px; line-height:1.7; opacity:.85;
}
.sbs-left .sbs-meta, .sbs-right .sbs-meta{
  font-size:11px; opacity:.4; margin-top:10px;
}
@media(max-width:768px){
  .side-by-side{ grid-template-columns:1fr; }
}

/* ===== ARTICLE BODY ===== */
.article-body{
  font-size:17px; line-height:1.8;
  color:var(--grafito);
  margin-bottom:30px;
}
.article-body p{ margin-bottom:18px; }
.article-body h2{
  font-family:var(--ff-title); font-weight:900;
  font-size:24px; margin:28px 0 12px;
}
.article-body blockquote{
  border-left:4px solid var(--taxi-yellow);
  background:rgba(255,204,0,.08);
  padding:16px 20px; margin:20px 0;
  font-style:italic; font-size:16px;
  color:var(--gray-600);
  border-radius:0 var(--radius) var(--radius) 0;
}
.article-body .sarcasm{
  display:inline-block;
  background:var(--taxi-yellow); color:var(--grafito);
  padding:1px 6px; border-radius:3px;
  font-weight:700; font-size:12px;
  text-transform:uppercase; vertical-align:middle;
  margin-right:4px;
}
.article-body .pull-quote{
  font-family:var(--ff-title); font-weight:900;
  font-size:28px; line-height:1.1;
  color:var(--breaking-red);
  padding:20px 0; margin:20px 0;
  text-align:center;
  border-top:2px solid var(--gray-200);
  border-bottom:2px solid var(--gray-200);
}
@media(max-width:768px){
  .article-body .pull-quote{ font-size:20px; }
}

/* ===== AD INLINE ===== */
.ad-inline{
  margin:24px 0; padding:20px;
  background:var(--white); border:1px dashed var(--gray-400);
  border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center;
  color:var(--gray-400); font-size:11px;
  text-transform:uppercase; letter-spacing:1px;
  font-family:var(--ff-title);
}

/* ===== TAGS ===== */
.article-tags{
  display:flex; gap:8px; flex-wrap:wrap;
  margin-bottom:24px; padding-top:16px;
  border-top:1px solid var(--gray-200);
}
.article-tags a{
  display:block; padding:4px 12px;
  background:var(--white); border:1px solid var(--gray-200);
  border-radius:20px; font-size:12px; color:var(--gray-600);
  font-family:var(--ff-title); transition:all .2s;
}
.article-tags a:hover{ border-color:var(--breaking-red); color:var(--breaking-red); }

/* ===== SIDEBAR ===== */
.sidebar{ min-width:0; }
.sidebar .widget{
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  padding:20px;
  margin-bottom:20px;
}
.sidebar .widget h3{
  font-family:var(--ff-title); font-weight:700;
  font-size:13px; text-transform:uppercase;
  letter-spacing:1px; margin-bottom:12px;
  color:var(--grafito); padding-bottom:8px;
  border-bottom:2px solid var(--gray-200);
}
.sidebar .widget ul li{
  padding:8px 0; border-bottom:1px solid var(--gray-200);
  font-size:14px; line-height:1.3;
}
.sidebar .widget ul li:last-child{ border-bottom:none; }
.sidebar .widget ul li:hover{ color:var(--rojo-zurdo); }
.sidebar .widget .ad-placeholder{
  min-height:250px;
  background:var(--paper);
  display:flex; align-items:center; justify-content:center;
  color:var(--gray-400); font-size:11px;
  text-transform:uppercase; letter-spacing:1px;
  font-family:var(--ff-title);
  border:1px dashed var(--gray-200);
  border-radius:4px;
}

/* ===== RELATED ===== */
.related{ padding:0 20px 40px; }
.related h2{
  font-family:var(--ff-title); font-weight:900;
  font-size:20px; text-transform:uppercase;
  letter-spacing:1px; margin-bottom:20px;
  padding-bottom:8px; border-bottom:2px solid var(--gray-200);
}
.related h2 span{ color:var(--breaking-red); }
.related-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:20px;
  margin-bottom:20px;
}
.related-card{
  background:var(--white);
  border:1px solid var(--gray-200);
  border-radius:var(--radius);
  overflow:hidden;
  transition:box-shadow .3s;
}
.related-card:hover{ box-shadow:0 4px 20px rgba(0,0,0,.08); }
.related-card .thumb{
  width:100%; aspect-ratio:16/9;
  background:var(--gray-200);
  display:flex; align-items:center; justify-content:center;
  color:var(--gray-400); font-size:10px; text-transform:uppercase;
  overflow:hidden;
}
.related-card .thumb img{width:100%;height:100%;object-fit:cover;}
.related-card .body{ padding:14px; }
.related-card .cat{
  display:inline-block; padding:2px 8px;
  background:var(--breaking-red); color:var(--white);
  font-family:var(--ff-title); font-size:9px;
  text-transform:uppercase; letter-spacing:1px;
  border-radius:3px; margin-bottom:6px;
}
.related-card h3{
  font-family:var(--ff-title); font-weight:700;
  font-size:15px; line-height:1.3; margin-bottom:6px;
}
.related-card h3 a:hover{ color:var(--breaking-red); }
.related-card .meta{ font-size:11px; color:var(--gray-400); }
.load-more{ text-align:center; padding:16px 0; }
.load-more button{
  padding:12px 40px; border:2px solid var(--gray-200);
  background:var(--white); border-radius:30px;
  font-family:var(--ff-title); font-size:13px; font-weight:700;
  text-transform:uppercase; letter-spacing:0.1em;
  color:var(--gray-600); cursor:pointer;
  transition:all .3s;
}
.load-more button:hover{ background:var(--breaking-red); color:var(--white); border-color:var(--breaking-red); }
@media(max-width:768px){
  .related-grid{ grid-template-columns:1fr; }
  .related h2{ font-size:16px; }
  .load-more button{ width:100%; padding:12px 20px; }
}
@media(min-width:769px)and(max-width:1024px){
  .related-grid{ grid-template-columns:1fr 1fr; }
}

/* ===== ARCHIVE / SEARCH ===== */
.archive-header{
  padding:24px 20px 0;
}
.archive-header h1{
  font-family:var(--ff-title); font-weight:900;
  font-size:28px; line-height:1.1;
}
.archive-header h1 span{ color:var(--breaking-red); }
.archive-header .archive-desc{
  margin-top:8px; font-size:14px; color:var(--gray-600);
}

/* ===== 404 ===== */
.page-404{
  text-align:center; padding:80px 20px;
}
.page-404 h1{
  font-family:var(--ff-title); font-weight:900;
  font-size:80px; color:var(--breaking-red); line-height:1;
}
.page-404 p{
  font-size:18px; color:var(--gray-600); margin:16px 0 24px;
}
.page-404 .btn-home{
  display:inline-block; padding:12px 32px;
  background:var(--breaking-red); color:var(--white);
  border-radius:30px; font-family:var(--ff-title);
  font-weight:700; text-transform:uppercase; font-size:13px;
  letter-spacing:1px; transition:background .2s;
}
.page-404 .btn-home:hover{ background:#b51a1a; }

/* ===== COMMENTS ===== */
.comments-area{
  margin-top:30px; padding-top:20px;
  border-top:2px solid var(--gray-200);
}
.comments-area h2{
  font-family:var(--ff-title); font-weight:900;
  font-size:18px; text-transform:uppercase; margin-bottom:16px;
}
.comment-list{ list-style:none; }
.comment{ padding:12px 0; border-bottom:1px solid var(--gray-200); }
.comment-meta{ font-size:12px; color:var(--gray-600); margin-bottom:4px; }
.comment-body{ font-size:14px; line-height:1.6; }