/* BRITANIA — koran broadsheet */
.br-page { --color-primary:#1e3a8a; --color-accent:#b91c1c; --color-bg:#fbfaf7; --br-ink:#14161a; --br-muted:#5c6169;
  background:var(--color-bg); color:var(--br-ink); font-family:'Source Sans 3',system-ui,sans-serif; margin:-1.5rem -12px 0; padding-bottom:52px; }
.br-container { width:100%; max-width:1080px; margin:0 auto; padding:0 16px; }
.br-breadcrumb { max-width:1080px; margin:0 auto; padding:14px 16px 0; font-size:12px; color:var(--br-muted); }
.br-breadcrumb a { color:var(--color-primary); }

.br-masthead { max-width:1080px; margin:14px auto 0; padding:22px 16px 16px; text-align:center;
  border-top:5px solid var(--br-ink); border-bottom:1px solid var(--br-ink); position:relative; }
.br-masthead::after { content:''; position:absolute; left:16px; right:16px; bottom:3px; height:1px; background:var(--br-ink); }
.br-eyebrow { margin:0 0 8px; font-size:10.5px; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--color-accent); }
.br-h1 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; font-size:clamp(30px,7.6vw,58px); line-height:1.02; margin:0 0 8px; }
.br-dateline { margin:0; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--br-muted); }

.br-columns { display:grid; grid-template-columns:1fr; gap:28px; padding-top:26px; }
.br-main { min-width:0; }

.br-headline { border:4px double var(--br-ink); padding:20px 18px; text-align:center; background:#fff; }
.br-headline-label { margin:0 0 12px; font-size:10.5px; font-weight:600; letter-spacing:.34em; text-transform:uppercase; color:var(--color-accent); }
.br-digits { display:flex; flex-wrap:wrap; justify-content:center; gap:2px 16px; }
.br-digit { font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; font-size:clamp(46px,13vw,86px); line-height:1;
  color:var(--color-primary); opacity:0; animation:br-in .4s ease forwards; }
.br-digit-empty { color:#c7ccd4; }
@keyframes br-in { from{opacity:0;} to{opacity:1;} }
.br-headline-meta { margin:12px 0 0; font-size:12.5px; color:var(--br-muted); font-style:italic; }

.br-lead { margin:22px 0 0; font-size:15px; line-height:1.7; color:#2f333a; column-count:1; }
.br-section { margin-top:34px; }
.br-h2 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; font-size:clamp(21px,4.6vw,30px); margin:0 0 12px;
  padding-bottom:6px; border-bottom:3px solid var(--br-ink); }
.br-h2-aside { font-size:20px; }

.br-filter { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.br-filter select { height:38px; padding:0 10px; border:1px solid var(--br-ink); border-radius:0; background:#fff; font-family:inherit; font-size:13px; }
.br-btn { display:inline-flex; align-items:center; height:38px; padding:0 16px; border:1px solid var(--br-ink); border-radius:0;
  background:var(--color-primary); color:#fff; font-size:11.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.br-btn:hover { background:#16296b; color:#fff; }
.br-btn-ghost { background:#fff; color:var(--br-ink); }
.br-btn-ghost:hover { background:#eceff4; color:var(--br-ink); }

.br-table { width:100%; border-collapse:collapse; font-size:13.5px; background:#fff; }
.br-table thead th { border-top:2px solid var(--br-ink); border-bottom:2px solid var(--br-ink); padding:8px 10px; text-align:left;
  font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--br-muted); white-space:nowrap; }
.br-table tbody td { padding:7px 10px; border-bottom:1px solid #d9dce2; }
.br-right { text-align:right; }
.br-result { font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; font-size:19px; letter-spacing:.12em; color:var(--color-accent); }
.br-muted { color:var(--br-muted); }
.br-nowrap { white-space:nowrap; }

.br-empty { border:1px solid var(--br-ink); background:#fff; padding:34px 18px; text-align:center; }
.br-empty h3 { font-family:'Cormorant Garamond',Georgia,serif; font-size:22px; margin:0 0 6px; }
.br-empty p { margin:0; font-size:13.5px; color:var(--br-muted); }
.br-pagination { margin-top:12px; font-size:12.5px; color:var(--br-muted); }
.br-pagination .page-link { border-radius:0; border:1px solid var(--br-ink); color:var(--br-ink); font-weight:600; }
.br-pagination .page-item.active .page-link { background:var(--color-primary); border-color:var(--br-ink); color:#fff; }

.br-aside { border-top:3px solid var(--br-ink); padding-top:16px; }
.br-notice { margin:0; padding:0; border-top:1px solid #d9dce2; }
.br-notice dt { padding-top:10px; font-size:10.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--color-accent); }
.br-notice dd { margin:2px 0 10px; padding-bottom:10px; border-bottom:1px solid #d9dce2; }
.br-notice dd strong { display:block; font-family:'Cormorant Garamond',Georgia,serif; font-size:20px; font-weight:700; }
.br-notice dd span { display:block; font-size:12px; color:var(--br-muted); }
.br-note { margin:12px 0 0; font-size:12.5px; color:var(--br-muted); }
.br-note a { color:var(--color-primary); font-weight:600; }

@media (min-width:768px) { .br-lead { column-count:2; column-gap:28px; } }
@media (min-width:992px) { .br-columns { grid-template-columns:1fr 268px; gap:34px; } .br-page { margin-left:-24px; margin-right:-24px; }
  .br-aside { border-top:0; border-left:1px solid var(--br-ink); padding:0 0 0 24px; } }
@media (max-width:575.98px) { .br-hide-sm { display:none; } .br-masthead { padding:16px 12px 12px; } }
@media (prefers-reduced-motion:reduce) { .br-digit { animation:none; opacity:1; } }