/* PEK v0.20.12 — article editorial baseline.
 * Sidebar navigation and the end-of-article trust block are owned by the dedicated TOC presentation asset.
 */
:root{
  --pek-article-ink:#251d18;
  --pek-article-muted:#756b63;
  --pek-article-line:rgba(54,39,30,.15);
  --pek-article-accent:#e84d1c;
  --pek-sticky-header-safe:92px;
}

html:has(body.pek-article-editorial-page){scroll-padding-top:var(--pek-sticky-header-safe)}

.pek-article-editorial-page .pek-article-main{
  min-height:0;
  padding-bottom:0;
}

.pek-article-editorial-page .pek-article-main > :last-child{margin-bottom:0}
.pek-article-editorial-page .pek-article-breadcrumbs{margin-bottom:0}
.pek-article-editorial-page .pek-article-hero-copy{padding-top:clamp(34px,4.2vw,58px)}

.pek-article-editorial-page .pek-article-title{
  max-width:19ch;
  margin:0 0 22px;
  scroll-margin-top:var(--pek-sticky-header-safe);
  font-family:var(--pek-serif,Georgia,serif);
  font-size:clamp(42px,5.2vw,68px);
  font-weight:700;
  line-height:.99;
  letter-spacing:-.038em;
  text-wrap:balance;
  color:var(--pek-article-ink);
}

.pek-article-editorial-page .pek-article-section-h2{
  max-width:23ch;
  margin:58px 0 20px;
  scroll-margin-top:108px;
  font-family:var(--pek-serif,Georgia,serif);
  font-size:clamp(30px,3.05vw,40px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.026em;
  text-wrap:balance;
  color:var(--pek-article-ink);
}

.pek-article-editorial-page .pek-article-section-h3{
  max-width:30ch;
  margin:38px 0 14px;
  scroll-margin-top:108px;
  font-family:var(--pek-serif,Georgia,serif);
  font-size:clamp(23px,2.2vw,29px);
  font-weight:700;
  line-height:1.14;
  letter-spacing:-.017em;
  text-wrap:balance;
  color:var(--pek-article-ink);
}

.pek-article-editorial-page .pek-article-copy{
  max-width:72ch;
  margin:0 0 20px;
  font-size:clamp(16.5px,1.35vw,18px);
  line-height:1.72;
  letter-spacing:-.004em;
  color:var(--pek-article-ink);
}

.pek-article-editorial-page .pek-article-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  margin:0;
}

.pek-article-editorial-page .pek-article-figure{margin:34px 0 40px}
.pek-article-editorial-page .pek-article-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:16px;
}

.pek-article-editorial-page .pek-article-figure--lead{
  margin:24px 0 42px;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:16px;
}

.pek-article-editorial-page .pek-article-figure--lead picture,
.pek-article-editorial-page .pek-article-figure--lead img{width:100%;height:100%}
.pek-article-editorial-page .pek-article-figure--lead img{object-fit:cover;border-radius:inherit}

.pek-article-editorial-page .pek-article-caption{
  max-width:78ch;
  margin:10px 0 0;
  color:var(--pek-article-muted);
  font-size:12.5px;
  line-height:1.45;
}

.pek-article-editorial-page .pek-article-table{
  width:100%;
  max-width:100%;
  margin:28px 0 36px;
  border-collapse:collapse;
  border-spacing:0;
  font-size:14px;
  line-height:1.45;
  color:var(--pek-article-ink);
}

.pek-article-editorial-page .pek-article-table th,
.pek-article-editorial-page .pek-article-table td{
  padding:12px 14px;
  border-bottom:1px solid var(--pek-article-line);
  text-align:left;
  vertical-align:top;
}

.pek-article-editorial-page .pek-article-table th{font-weight:750;background:#f8f4ef}

.pek-article-editorial-page .pek-article-quote{
  max-width:70ch;
  margin:30px 0 34px;
  padding:4px 0 4px 20px;
  border:0;
  border-left:3px solid var(--pek-article-accent);
  background:transparent;
  color:var(--pek-article-ink);
  font-family:var(--pek-serif,Georgia,serif);
  font-size:clamp(20px,2vw,25px);
  line-height:1.35;
}
.pek-article-editorial-page .pek-article-quote > :first-child{margin-top:0}
.pek-article-editorial-page .pek-article-quote > :last-child{margin-bottom:0}

.pek-article-editorial-page footer{margin-top:clamp(48px,5vw,76px)}

@media (max-width:760px){
  :root{--pek-sticky-header-safe:86px}

  /* Final mobile intro flow. On phones the legacy article grid is deliberately
     collapsed to normal block flow; spacing belongs to these components only. */
  .pek-article-editorial-page .pek-article-main.pek-article-intro-flow{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding-top:0!important;
    row-gap:0!important;
    gap:0!important;
  }

  .pek-article-editorial-page .pek-article-breadcrumb-block{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:22px 0 0!important;
  }

  .pek-article-editorial-page .pek-article-breadcrumbs{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }

  .pek-article-editorial-page .pek-article-intro-block{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:30px 0 0!important;
  }

  .pek-article-editorial-page .pek-article-hero-copy{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }

  .pek-article-editorial-page .pek-article-hero-copy > :first-child:not(.pek-article-title){
    margin-top:0!important;
    margin-bottom:9px!important;
  }

  .pek-article-editorial-page .pek-article-title{
    max-width:none;
    margin:0 0 18px!important;
    font-size:clamp(38px,11vw,50px);
    line-height:1.01;
  }

  .pek-article-editorial-page .pek-article-copy{
    max-width:none;
    margin-bottom:16px;
    font-size:16.5px;
    line-height:1.68;
  }

  /* Editorial metadata: text, not controls. Flatten every legacy bridge (including
     anchors that used to render as pills) and let the three signals wrap naturally. */
  .pek-article-editorial-page .pek-article-meta{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    align-items:baseline!important;
    align-content:flex-start!important;
    gap:4px 14px!important;
    margin:0!important;
    padding:10px 0 0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
  }

  .pek-article-editorial-page .pek-article-meta-bridge{
    display:contents!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .pek-article-editorial-page .pek-article-meta-item{
    display:inline!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    flex:0 1 auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--pek-article-muted)!important;
    font-size:11.5px!important;
    font-weight:500!important;
    line-height:1.4!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  .pek-article-editorial-page .pek-article-meta-item--author{
    font-weight:750!important;
    color:var(--pek-article-ink)!important;
  }

  .pek-article-editorial-page .pek-article-section-h2{
    max-width:none;
    margin:46px 0 16px;
    font-size:clamp(28px,8vw,34px);
    line-height:1.09;
  }

  .pek-article-editorial-page .pek-article-section-h3{
    max-width:none;
    margin-top:32px;
    font-size:clamp(22px,6.5vw,27px);
  }

  .pek-article-editorial-page .pek-article-figure{margin:24px 0 30px}
  .pek-article-editorial-page .pek-article-figure img{border-radius:12px}
  .pek-article-editorial-page .pek-article-figure--lead{
    margin:20px 0 32px;
    aspect-ratio:4/3;
    border-radius:12px;
  }

  .pek-article-editorial-page .pek-article-table--stack-mobile{
    display:block!important;
    width:100%!important;
    margin:24px 0 32px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .pek-article-editorial-page .pek-article-table--stack-mobile thead{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .pek-article-editorial-page .pek-article-table--stack-mobile tbody{display:grid!important;gap:12px!important}
  .pek-article-editorial-page .pek-article-table--stack-mobile tr{
    display:block!important;
    margin:0!important;
    padding:5px 14px!important;
    border:1px solid var(--pek-article-line)!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  .pek-article-editorial-page .pek-article-table--stack-mobile td{
    display:grid!important;
    grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr)!important;
    gap:12px!important;
    min-width:0!important;
    padding:11px 0!important;
    border:0!important;
    border-top:1px solid var(--pek-article-line)!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  .pek-article-editorial-page .pek-article-table--stack-mobile td:first-child{border-top:0!important;font-weight:700!important}
  .pek-article-editorial-page .pek-article-table--stack-mobile td::before{
    content:attr(data-label);
    display:block;
    color:var(--pek-article-muted);
    font-size:10.5px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:.045em;
    text-transform:uppercase;
  }

  .pek-article-editorial-page .pek-article-table:not(.pek-article-table--stack-mobile){
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    font-size:13.5px;
  }
  .pek-article-editorial-page .pek-article-table:not(.pek-article-table--stack-mobile) th,
  .pek-article-editorial-page .pek-article-table:not(.pek-article-table--stack-mobile) td{
    min-width:130px;
    padding:10px 12px;
  }

  .pek-article-editorial-page .pek-article-quote{padding-left:16px;font-size:20px}

  .pek-article-editorial-page footer{
    margin-top:42px;
    padding-top:38px;
    padding-bottom:24px;
  }
  .pek-article-editorial-page footer nav,
  .pek-article-editorial-page footer ul{gap:8px}
  .pek-article-editorial-page footer li{margin-block:0}
  .pek-article-editorial-page footer a{line-height:1.35}
}