/* The Found Good — editorial newspaper theme (Meridian Post design language).
   Newsreader (serif display/body) + Libre Franklin (sans UI). */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#f5efe3; --paper:#fbf7ee; --ink:#241f18; --body:#4c4336; --muted:#6f6353;
  --faint:#92846c; --brick:#b0452a; --line:#e3d9c6; --tan:#ede4d2; --tan2:#e3d8c2;
  --sans:'Libre Franklin',system-ui,sans-serif;
}
body{background:var(--bg);color:var(--ink);font-family:'Newsreader',Georgia,serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--brick);}
img{max-width:100%;display:block;}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}

/* utility bar */
.ubar{border-bottom:1px solid var(--line);background:var(--paper);}
.ubar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 24px;font-family:var(--sans);font-size:12px;color:var(--muted);}
.ubar-date{font-weight:600;color:var(--ink);}
.ubar-r{display:flex;gap:18px;align-items:center;}
.ubar-r a{font-weight:600;}
.ubar-cta{background:var(--ink);color:#fff !important;padding:6px 14px;border-radius:2px;font-weight:700;letter-spacing:.02em;}
.ubar-cta:hover{background:var(--brick);color:#fff !important;}

/* masthead */
.masthead{background:var(--paper);border-bottom:3px double var(--ink);}
.masthead-in{padding:26px 24px 16px;text-align:center;}
.masthead h1,.masthead .mh{margin:0;font-size:54px;font-weight:800;letter-spacing:-.01em;line-height:1;}
.masthead .mh a:hover{color:var(--ink);}
.masthead-tag{margin:8px 0 0;font-family:var(--sans);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);}
.mnav{border-top:1px solid var(--line);}
.mnav .wrap{display:flex;justify-content:center;gap:26px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;overflow-x:auto;}
.mnav a{padding:12px 0;white-space:nowrap;border-bottom:2px solid transparent;}
.mnav a.on{border-bottom-color:var(--brick);color:var(--brick);}
.mnav a:hover{color:var(--brick);}
.mnav .nav-fiction{color:var(--brick);}

/* new-today bar */
.breaking{background:var(--brick);color:#fff;}
.breaking .wrap{display:flex;align-items:center;gap:14px;padding:10px 24px;font-family:var(--sans);font-size:13px;}
.breaking-label{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;}
.breaking-dot{width:8px;height:8px;border-radius:50%;background:var(--paper);animation:pulse 1.4s ease-in-out infinite;}
.breaking a{color:#fff;font-weight:500;}
.breaking a:hover{color:#f3ddd0;text-decoration:underline;}

/* kickers + metas */
.kicker{display:block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brick);margin:0 0 6px;}
.kicker.dim{color:var(--muted);}
.byline{font-family:var(--sans);font-size:12px;color:var(--faint);}
.byline b{font-weight:600;color:var(--body);}

/* lead grid */
.lead-grid{display:grid;grid-template-columns:2fr 1.1fr .9fr;padding-top:28px;}
.lead{padding-right:28px;border-right:1px solid var(--line);}
.lead-img{display:block;}
.lead-img img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.lead h2{margin:14px 0 0;font-size:38px;font-weight:700;line-height:1.08;letter-spacing:-.015em;}
.lead-dek{margin:12px 0 0;font-size:18px;line-height:1.5;color:var(--body);}
.lead .byline{display:block;margin-top:12px;}
.lead-subs{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.lead-subs h3{margin:0;font-size:20px;font-weight:600;line-height:1.25;}

/* secondary column */
.seccol{padding:0 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px;}
.scard{display:grid;grid-template-columns:1fr 88px;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line);}
.scard .kicker{font-size:10px;margin-bottom:5px;}
.scard h3{margin:0;font-size:18px;font-weight:600;line-height:1.25;}
.scard .byline{display:block;margin-top:7px;font-size:11px;}
.scard-img{display:block;width:88px;height:66px;overflow:hidden;}
.scard-img img{width:100%;height:100%;object-fit:cover;}

/* right rail */
.rail{padding-left:28px;}
.rail-h{margin:0 0 14px;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:8px;}
.rank{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;}
.rank li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);}
.rank-n{font-size:28px;font-weight:500;font-style:italic;color:#c8b998;line-height:1;}
.rank a{font-size:15px;font-weight:600;line-height:1.3;}
.rail-box{margin-top:20px;padding:16px;background:var(--tan);border:1px solid var(--line);}
.rail-box .kicker{color:var(--muted);font-size:11px;letter-spacing:.12em;}
.rail-box p{margin:8px 0 12px;font-size:15px;line-height:1.4;}
.rail-box a.more{display:inline-block;font-family:var(--sans);font-size:12px;font-weight:700;color:var(--brick);border-bottom:1px solid var(--brick);}

/* section bands */
.secband{margin-top:40px;}
.secband-h{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:8px;}
.secband-h h4{margin:0;font-family:var(--sans);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.secband-h a{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--brick);}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:20px;}
.gcard-img{display:block;width:100%;aspect-ratio:3/2;overflow:hidden;}
.gcard-img img{width:100%;height:100%;object-fit:cover;}
.gcard h3{margin:10px 0 0;font-size:18px;font-weight:600;line-height:1.28;}
.gcard p{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--muted);}
.gcard .byline{display:block;margin-top:8px;font-size:11px;}

/* paired list sections */
.pair{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.listrows{display:flex;flex-direction:column;padding-top:6px;}
.listrow{padding:14px 0;border-bottom:1px solid var(--line);}
.listrow h3{margin:0;font-size:19px;font-weight:600;line-height:1.28;}
.listrow p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--muted);}

/* fiction strip (opinion style) */
.opstrip{margin-top:44px;background:var(--tan);border-top:3px double var(--ink);border-bottom:1px solid var(--line);padding:26px 0;}
.opstrip-h{margin:0 0 18px;font-family:var(--sans);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.opstrip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.opcard{display:flex;gap:14px;align-items:flex-start;}
.opcard-img{display:block;width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--tan2);}
.opcard-img img{width:100%;height:100%;object-fit:cover;}
.opcard-author{margin:0;font-family:var(--sans);font-size:11px;font-weight:700;color:var(--muted);}
.opcard h3{margin:4px 0 0;font-size:19px;font-weight:500;font-style:italic;line-height:1.3;}
.opstrip-foot{margin:20px 0 0;font-family:var(--sans);font-size:12px;font-weight:600;}
.opstrip-foot a{color:var(--brick);}

/* article page */
.art{max-width:760px;padding-top:40px;padding-bottom:8px;}
.art .kicker{font-size:12px;}
.art h1{font-size:40px;font-weight:700;line-height:1.1;letter-spacing:-.015em;margin:4px 0 12px;}
.art-meta{font-family:var(--sans);font-size:12.5px;color:var(--faint);margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--line);}
.art-fig img{margin-bottom:28px;}
.art-body p{font-size:18px;line-height:1.75;margin-bottom:22px;color:var(--body);}
.art-body p:first-of-type::first-letter{font-size:56px;font-weight:600;float:left;line-height:.85;padding:5px 10px 0 0;color:var(--brick);}
.art-fiction{background:var(--tan);border-left:3px solid var(--brick);padding:16px 20px;font-size:15.5px;margin:30px 0 8px;}
.art-fiction a{color:var(--brick);font-weight:600;text-decoration:underline;}
/* trang legal: bỏ drop-cap, chữ gọn hơn, có heading mục */
.art-body h2{font-size:21px;font-weight:700;margin:32px 0 10px;letter-spacing:-.01em;}
.art-body.legal p{font-size:16.5px;line-height:1.7;margin-bottom:16px;}
.art-body.legal p:first-of-type::first-letter{font-size:inherit;font-weight:inherit;float:none;padding:0;color:inherit;}

/* footer */
.ftr{margin-top:48px;background:var(--ink);color:#bfb29c;}
.ftr-in{padding:40px 24px 28px;}
.ftr-brand{margin:0 0 24px;font-size:30px;font-weight:800;color:#fff;}
.ftr-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;font-family:var(--sans);font-size:13px;}
.ftr-col{display:flex;flex-direction:column;gap:8px;}
.ftr-col span{font-weight:700;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.12em;}
.ftr-col a{color:#bfb29c;}
.ftr-col a:hover{color:#fff;}
.ftr-copy{margin:32px 0 0;padding-top:20px;border-top:1px solid #3a332a;font-family:var(--sans);font-size:11px;color:var(--faint);}

/* responsive */
@media (max-width:1080px){
  .lead-grid{grid-template-columns:1.6fr 1fr;}
  .rail{grid-column:1 / -1;padding-left:0;margin-top:28px;}
  .grid4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:820px){
  .ubar .wrap{flex-wrap:wrap;}
  .masthead h1,.masthead .mh{font-size:38px;}
  .mnav .wrap{justify-content:flex-start;gap:18px;}
  .lead-grid{grid-template-columns:1fr;}
  .lead{padding-right:0;border-right:0;}
  .seccol{padding:24px 0 0;border-right:0;}
  .lead h2{font-size:30px;}
  .lead-subs{grid-template-columns:1fr;}
  .grid4{grid-template-columns:1fr;}
  .pair{grid-template-columns:1fr;gap:28px;}
  .opstrip-grid{grid-template-columns:1fr;gap:20px;}
  .ftr-cols{grid-template-columns:repeat(2,1fr);}
  .art h1{font-size:30px;}
}