:root{
  --ink:#172233;
  --muted:#667085;
  --line:#e7e1d7;
  --paper:#fbf7ef;
  --paper-2:#f3eadc;
  --accent:#a13a28;
  --accent-2:#c9a55c;
  --white:#fffdf8;
  --shadow:0 18px 45px rgba(23,34,51,.10);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.top-strip{background:var(--ink);color:#f9f0df;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.top-strip .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.masthead{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.logo{width:285px}.nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.nav a{padding:8px 0;border-bottom:2px solid transparent}.nav a:hover{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;background:transparent}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.gold{border-color:var(--accent-2);color:var(--ink);background:#fff8e8}.ticker{border-bottom:1px solid var(--line);background:#fffaf1}.ticker .container{display:flex;gap:12px;align-items:center;padding:10px 0;font-size:13px}.ticker strong{color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;padding:34px 0 22px}.lead-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);min-height:520px;display:grid;grid-template-columns:1fr .82fr}.lead-image{background:linear-gradient(135deg,#182334,#8d3428);min-height:100%;position:relative;overflow:hidden}.lead-image:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 28%),linear-gradient(0deg,rgba(23,34,51,.45),transparent)}.lead-content{padding:36px}.kicker{display:inline-flex;gap:8px;align-items:center;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kicker:before{content:"";width:26px;height:2px;background:var(--accent-2)}h1,h2,h3{font-family:var(--serif);line-height:1.05;margin:0}h1{font-size:clamp(42px,6vw,74px);letter-spacing:-.04em;margin:16px 0}h2{font-size:36px;letter-spacing:-.025em}h3{font-size:24px;letter-spacing:-.015em}.standfirst{font-family:var(--serif);font-size:21px;color:#354050}.meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:13px;margin-top:18px}.side-stack{display:grid;gap:18px}.panel{background:var(--white);border:1px solid var(--line);padding:22px}.panel.dark{background:var(--ink);color:#fff7ea;border-color:var(--ink)}.panel-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.dark .panel-title{color:var(--accent-2)}.mini-list{display:grid;gap:16px;margin-top:16px}.mini-item{display:grid;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--line)}.dark .mini-item{border-color:rgba(255,255,255,.16)}.mini-item:last-child{border-bottom:0;padding-bottom:0}.mini-item h3{font-size:20px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding:26px 0 10px;margin-bottom:22px}.section-head p{margin:0;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--white);border:1px solid var(--line);box-shadow:0 8px 28px rgba(23,34,51,.06)}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#ded2bf,#172233)}.card-body{padding:18px}.card h3{margin:8px 0 10px}.excerpt{color:#515b69;margin:0}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.badge{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#f7e7dd;border:1px solid #ecd0c1;padding:4px 8px;border-radius:999px}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding:28px 0}.newsletter{background:linear-gradient(135deg,var(--ink),#29394f);color:white;padding:34px;margin:28px 0}.newsletter h2{font-size:38px}.form-row{display:flex;gap:10px;margin-top:18px}.input{width:100%;border:1px solid var(--line);background:var(--white);padding:13px 14px;border-radius:2px;font:inherit}.footer{background:var(--ink);color:#efe8dc;margin-top:48px;padding:34px 0}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:26px}.footer h4{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--accent-2)}.footer a,.footer p{color:#d6d0c7;font-size:14px}.footer-links{display:grid;gap:8px}.page-hero{padding:46px 0 20px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:58px}.breadcrumb{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 320px;gap:42px;padding:34px 0}.article-main{background:var(--white);border:1px solid var(--line);padding:38px}.article-main h1{font-size:58px}.article-main .subtitle{font-family:var(--serif);font-size:25px;color:#465161}.article-image{height:380px;background:linear-gradient(135deg,#172233,#a13a28);margin:26px -38px}.caption{font-size:12px;color:var(--muted);margin-top:-18px}.prose{font-family:var(--serif);font-size:20px;color:#222a35}.prose p{margin:0 0 1.15em}.prose h2{font-size:34px;margin:1.3em 0 .45em}.share-row{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:26px 0}.author-box{display:flex;gap:16px;align-items:center;background:#fff8ec;border:1px solid var(--line);padding:18px}.avatar{width:74px;height:74px;border-radius:50%;background:var(--ink);display:grid;place-items:center;color:#f7e7dd;font-family:var(--serif);font-size:34px;font-weight:bold;flex:0 0 auto}.author-header{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;background:var(--white);border:1px solid var(--line);padding:30px;margin:30px 0}.author-header .avatar{width:160px;height:160px;font-size:64px}.stats{display:flex;gap:20px;margin-top:14px}.stat strong{display:block;font-size:28px;font-family:var(--serif)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.search-bar{display:flex;gap:10px;background:var(--white);border:1px solid var(--line);padding:14px;margin:22px 0}.search-bar input{border:0;background:transparent;font:inherit;flex:1;outline:0}.list-row{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.list-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#ded2bf,#172233)}.admin-note{background:#fff8e8;border:1px dashed var(--accent-2);padding:14px;color:#554227;font-size:14px;margin-top:18px}@media (max-width:900px){.masthead-inner,.top-strip .container{align-items:flex-start}.nav{display:none}.hero-grid,.lead-card,.two-col,.article-layout,.footer-grid,.author-header{grid-template-columns:1fr}.lead-image{min-height:260px}.article-grid{grid-template-columns:1fr}.article-main{padding:24px}.article-image{margin:22px -24px;height:260px}.page-hero h1,.article-main h1{font-size:42px}.list-row{grid-template-columns:1fr}.form-row,.search-bar{flex-direction:column}.container{width:min(100% - 28px,1180px)}}

.article-page {
  padding-top: 26px;
}

.article-newsletter {
  display: grid;
  grid-template-columns: auto 1fr minmax(320px, 500px);
  gap: 22px;
  align-items: center;
  background: rgba(255,253,248,.76);
  border: 1px solid var(--line);
  box-shadow: 0 10px 34px rgba(23,34,51,.06);
  padding: 18px 26px;
  margin-bottom: 24px;
}

.newsletter-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f4e5c9;
  color: var(--accent-2);
  font-size: 28px;
}

.article-newsletter h3 {
  font-size: 26px;
  margin: 2px 0 2px;
}

.article-newsletter p {
  margin: 0;
  color: var(--ink);
}

.article-newsletter-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin: 0;
}

.article-layout.redesigned {
  grid-template-columns: minmax(0, 790px) 350px;
  align-items: start;
}

.article-sidebar {
  display: grid;
  gap: 22px;
  position: sticky;
  top: 115px;
}

.article-byline {
  align-items: center;
}

.mini-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
}

.author-side-box {
  padding: 28px;
}

.author-side-inner {
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.author-side-inner h3 {
  font-size: 22px;
  margin-bottom: 8px;
}

.article-image img,
.thumb img,
.lead-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width:900px) {
  .article-newsletter {
    grid-template-columns: 1fr;
  }

  .article-newsletter-form {
    grid-template-columns: 1fr;
  }

  .article-sidebar {
    position: static;
  }
}

.rail-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.rail-heading span {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink);
}

.rail-heading:after {
  content: "";
  height: 1px;
  background: var(--line);
  flex: 1;
}

.editor-picks-panel {
  background: var(--white);
}

.editor-picks-list {
  display: grid;
  gap: 18px;
}

.editor-pick-row {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 16px;
  align-items: start;
}

.editor-pick-thumb {
  width: 88px;
  aspect-ratio: 1.22 / 1;
  border-radius: 5px;
  overflow: hidden;
  background: linear-gradient(135deg,#ded2bf,#172233);
}

.editor-pick-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.editor-pick-text h3 {
  font-size: 18px;
  line-height: 1.18;
  margin: 0 0 7px;
  letter-spacing: -.01em;
}

.editor-pick-text time {
  display: block;
  color: var(--muted);
  font-size: 13px;
  line-height: 1;
}

@media (max-width:900px) {
  .editor-pick-row {
    grid-template-columns: 82px 1fr;
  }
}

/* Article page mobile fixes */

@media (max-width: 900px) {
  .article-page {
    padding-top: 16px;
  }

  .article-layout.redesigned {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 20px 0;
  }

  .article-main {
    padding: 22px;
    overflow: hidden;
  }

  .article-main h1 {
    font-size: clamp(36px, 10vw, 46px);
    line-height: 1.03;
    letter-spacing: -.035em;
  }

  .article-main .subtitle {
    font-size: 22px;
    line-height: 1.22;
  }

  .article-image {
    height: auto;
    aspect-ratio: 16 / 10;
    margin: 22px -22px;
  }

  .share-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .share-row .btn {
    width: 100%;
    padding: 10px 8px;
    font-size: 12px;
  }

  .prose {
    font-size: 19px;
    line-height: 1.58;
  }

  .article-grid {
    grid-template-columns: 1fr;
  }

  .article-sidebar {
    position: static;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .author-side-inner {
    grid-template-columns: 64px 1fr;
    gap: 14px;
  }

  .author-side-inner .avatar,
  .article-sidebar .avatar {
    width: 64px;
    height: 64px;
    font-size: 28px;
  }

  .editor-pick-row {
    grid-template-columns: 84px 1fr;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(100% - 24px, 1180px);
  }

  .top-strip .container {
    display: grid;
    gap: 4px;
  }

  .masthead-inner {
    padding: 14px 0;
  }

  .logo {
    width: 220px;
  }

  .article-newsletter {
    padding: 16px;
    gap: 14px;
  }

  .newsletter-icon {
    width: 46px;
    height: 46px;
    font-size: 22px;
  }

  .article-newsletter h3 {
    font-size: 23px;
  }

  .article-newsletter-form {
    grid-template-columns: 1fr;
  }

  .article-main {
    padding: 18px;
  }

  .article-main h1 {
    font-size: clamp(34px, 11vw, 42px);
  }

  .article-main .subtitle {
    font-size: 20px;
  }

  .article-image {
    margin: 20px -18px;
  }

  .article-byline {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 6px 12px;
  }

  .article-byline .mini-avatar {
    grid-row: span 3;
  }

  .share-row {
    grid-template-columns: 1fr;
  }

  .prose {
    font-size: 18px;
  }

  .prose h2 {
    font-size: 29px;
  }

  .section-head {
    display: block;
  }

  .section-head h2 {
    font-size: 30px;
  }

  .panel {
    padding: 18px;
  }

  .author-side-inner {
    grid-template-columns: 1fr;
  }

  .editor-pick-row {
    grid-template-columns: 76px 1fr;
    gap: 12px;
  }

  .editor-pick-thumb {
    width: 76px;
  }

  .editor-pick-text h3 {
    font-size: 17px;
  }
}