/* NBC v7.020 · Knowledge Article Reading Premium
   Scope: 19 page-template-article pages only.
   Goal: one coherent editorial axis, open-ledger mobile reading, no legacy status artefacts. */
@layer nbc.normal {
  body.page-article.page-template-article .p4-reading-status{
    display:none!important;
  }

  html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-decision-ledger::before{
    content:none!important;
    display:none!important;
  }

  @media (max-width:760px){
    body.page-article.page-template-article .ep-hero > .ep-hero-wrap{
      width:calc(100% - 40px)!important;
      max-width:none!important;
      margin-inline:auto!important;
      padding-inline:0!important;
    }
    body.page-article.page-template-article .ep-hero > .ep-hero-wrap > .ep-hero-grid{
      width:100%!important;
      max-width:none!important;
      margin-inline:0!important;
    }

    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-chapter{
      width:100%!important;
      max-width:none!important;
      padding:64px 0!important;
      margin-inline:0!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-chapter-head{
      display:block!important;
      width:100%!important;
      max-width:none!important;
      margin:0 0 24px!important;
      padding:0!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-chapter-number{
      display:block!important;
      width:auto!important;
      margin:0 0 10px!important;
      padding:0!important;
      font:500 9px/1.35 "IBM Plex Mono",ui-monospace,monospace!important;
      letter-spacing:.12em!important;
      color:var(--nbc-folio-moss)!important;
      -webkit-text-fill-color:currentColor!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-chapter-title,
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-chapter-head h2{
      width:100%!important;
      max-width:none!important;
      margin:0!important;
      font-size:clamp(31px,8.45vw,36px)!important;
      line-height:1.015!important;
      letter-spacing:-.042em!important;
      text-wrap:pretty!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-chapter-copy{
      width:100%!important;
      max-width:none!important;
      margin-inline:0!important;
      padding-inline:0!important;
      font-size:17px!important;
      line-height:1.72!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-chapter-copy > :is(p,ol,ul,blockquote,h3,.cost-scope-grid,.hinweis,.source-note){
      width:100%!important;
      max-width:none!important;
      margin-left:0!important;
      margin-right:0!important;
      font-size:17px!important;
      line-height:1.72!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-chapter-copy > :is(ol,ul){
      padding-left:1.35em!important;
    }

    /* Mobile tables become open ledger records, not bordered row-cards. */
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-table-wrap{
      width:100%!important;
      max-width:none!important;
      margin:24px 0 0!important;
      padding:0!important;
      overflow:visible!important;
      border:0!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-table-wrap table,
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-table-wrap tbody{
      display:block!important;
      width:100%!important;
      min-width:0!important;
      max-width:none!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-table-wrap thead{
      display:none!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-table-wrap tr{
      display:block!important;
      width:100%!important;
      padding:18px 0!important;
      border:0!important;
      border-top:1px solid var(--nbc-folio-rule)!important;
      background:transparent!important;
      box-shadow:none!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-table-wrap tr:last-child{
      border-bottom:1px solid var(--nbc-folio-rule)!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-table-wrap td{
      display:grid!important;
      grid-template-columns:minmax(82px,29%) minmax(0,1fr)!important;
      gap:14px!important;
      width:100%!important;
      padding:5px 0!important;
      border:0!important;
      background:transparent!important;
      color:var(--nbc-folio-muted)!important;
      font-size:14px!important;
      line-height:1.5!important;
      text-align:left!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-table-wrap td::before{
      content:attr(data-label)!important;
      display:block!important;
      align-self:start!important;
      color:var(--nbc-folio-moss)!important;
      -webkit-text-fill-color:currentColor!important;
      font:500 8px/1.35 "IBM Plex Mono",ui-monospace,monospace!important;
      letter-spacing:.075em!important;
      text-transform:uppercase!important;
    }
  }
}

@layer nbc.normal {
  /* The one legacy authority note inside the ERP-failure article is a spread, not a card. */
  html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-authority-note{
    width:min(100%,780px)!important;
    max-width:780px!important;
    margin:clamp(48px,6vw,76px) 0!important;
    padding:30px 0!important;
    border:0!important;
    border-block:1px solid var(--nbc-folio-rule)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-authority-note :is(h2,h3,strong){color:var(--nbc-folio-ink)!important;-webkit-text-fill-color:currentColor!important}
  html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-authority-note :is(p,li){color:var(--nbc-folio-muted)!important;-webkit-text-fill-color:currentColor!important}
  @media (max-width:760px){
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-authority-note{
      width:100%!important;
      max-width:none!important;
      margin:48px 0!important;
      padding:28px 0!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-authority-note h2{
      width:100%!important;
      max-width:none!important;
      margin:8px 0 14px!important;
      font-size:clamp(27px,7.4vw,32px)!important;
      line-height:1.04!important;
      letter-spacing:-.035em!important;
    }
    html[data-folio-contract="v7010"] body.page-article.page-template-article [data-folio="reading"] .ep-authority-note p{
      font-size:17px!important;
      line-height:1.72!important;
    }
  }
}