/* ── styles/pages/articles.css ── */
@layer pages {
.pg-articles .ph__actions--read{margin-top: clamp(12px, 1.4vw, 18px);}
.pg-articles.tpl-read main > .sec:not(.sec--band), .pg-articles.tpl-handbook main > .sec:not(.sec--band){padding-block: calc(var(--sec) * .42);}
.pg-articles.tpl-read main > .sec:not(.sec--band) + .sec:not(.sec--band), .pg-articles.tpl-handbook main > .sec:not(.sec--band) + .sec:not(.sec--band){border-top: var(--rule-soft);}
.pg-articles.tpl-read main > .sec:first-of-type{padding-top: clamp(28px, 3vw, 44px);}
.pg-articles .opener, .pg-articles .rd-open > .wrap{background: var(--paper-slip);border: 1.5px solid var(--ink);border-top: 6px solid var(--yellow);padding: clamp(20px, 2.4vw, 32px) clamp(18px, 2.6vw, 36px) clamp(22px, 2.6vw, 34px);}
.pg-articles .rd-open > .wrap > .sec-head{margin-bottom: clamp(18px, 2vw, 26px);}
.pg-articles.tpl-read main > .sec.rd-open{border-top: 0;}
.pg-articles .opener + *{margin-top: clamp(40px, 4.6vw, 64px);}
.pg-articles .opener__h{margin-bottom: 10px;color: var(--ink);}
.pg-articles .opener__t{margin-bottom: 10px;}
.pg-articles .opener__lead{font-size: clamp(18px, 1.5vw, 21px);font-weight: 600;line-height: 1.45;max-width: 48ch;color: var(--ink);}
.pg-articles .opener .chiplist{margin-top: 14px;}
.pg-articles .bigfig{display: grid;gap: 6px 28px;margin-top: 4px;}
.pg-articles .bigfig__v{font-family: var(--face-display);font-size: clamp(60px, 7vw, 104px);line-height: .9;color: var(--ink);}
.pg-articles .bigfig__k{font-weight: 800;font-size: var(--fs-label);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink);max-width: 30ch;}
.pg-articles .bigfig__t{font-size: 17px;line-height: 1.5;color: var(--ink-soft);max-width: 52ch;}
.pg-articles .bigfig__src{color: var(--ink-mute);}
@media (min-width: 701px){
.pg-articles .bigfig{grid-template-columns: auto minmax(0, 1fr);align-items: start;}
.pg-articles .bigfig__v{grid-row: 1 / span 3;}
}
.pg-articles .inshort{display: grid;margin-top: 6px;border-top: 1.5px solid var(--ink);}
.pg-articles .inshort__row{display: grid;grid-template-columns: minmax(0, 1fr);gap: 4px;padding: 14px 0;border-bottom: var(--rule-soft);}
.pg-articles .inshort dt{font-weight: 800;font-size: var(--fs-label);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink);}
.pg-articles .inshort dd{font-size: 17px;line-height: 1.45;color: var(--ink-soft);}
@media (min-width: 701px){.pg-articles .inshort__row{grid-template-columns: minmax(0, 15em) minmax(0, 1fr);gap: 24px;align-items: baseline;}}
.pg-articles main > .figbreak{margin-block: clamp(8px, 1vw, 16px);}
.pg-articles .figbreak .pic{aspect-ratio: 16 / 9;}
@media (min-width: 1121px){.pg-articles main:has(> .toc) > .figbreak{grid-column: 4 / -1;}}
.pg-articles .sec--band.band--yellow{background: var(--yellow);}
.pg-articles .fband__grid{display: grid;gap: clamp(32px, 4vw, 64px);}
.pg-articles .fband__main{min-width: 0;max-width: 820px;}
.pg-articles .fband__main .sec-head{margin-bottom: clamp(18px, 2vw, 28px);}
.pg-articles .fband__note{margin-bottom: 14px;}
.pg-articles .fband--next .fband__side .readnext{margin-top: 28px;}
@media (min-width: 1001px){
.pg-articles .fband--next .fband__grid{grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);align-items: start;column-gap: clamp(40px, 5vw, 96px);}
.pg-articles .fband--next .fband__main{max-width: none;}
.pg-articles .fband--next .fband__side .readnext{margin-top: clamp(28px, 3vw, 44px);}
.pg-articles .fband--next .form-grid{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
.pg-articles .fband--next .f--area textarea{min-height: 120px;height: 120px;}
.pg-articles .fband--next .form-grid > .f--check, .pg-articles .fband--next .form-grid > .f--group{grid-column: auto;align-self: start;}
.pg-articles .fband--next .fband__grid{align-items: center;}
.pg-articles .fband--next .f--area textarea{min-height: 96px;height: 96px;}
.pg-articles .fband--next .form-grid{row-gap: 14px;}
}
.pg-articles .fband__side{min-width: 0;}
.pg-articles .fband__side .sec-head{margin-bottom: 0;}
.pg-articles .fband .form{background: var(--paper-slip);--type: var(--ink) !important;--type-soft: var(--ink-soft) !important;padding: clamp(20px, 2.4vw, 32px);}
.pg-articles .fband .form.box::after{border-color: var(--ink);}
.pg-articles .fband .form input, .pg-articles .fband .form select, .pg-articles .fband .form textarea{background: var(--paper);}
.pg-articles .pullq{margin: clamp(24px, 3vw, 40px) 0;padding: 4px 0 4px clamp(18px, 2vw, 28px);border-left: 6px solid var(--yellow);}
.pg-articles .pullq p{font-family: var(--face-display-cond);font-size: clamp(28px, 2.8vw, 40px);line-height: 1.04;text-transform: uppercase;color: var(--ink);max-width: 26ch;}
.pg-articles .pullq figcaption{margin-top: 12px;color: var(--ink-mute);max-width: 60ch;}
.pg-articles.tpl-doors main > .sec:first-of-type{padding-top: 16px;}
.pg-articles.tpl-doors main > .sec > .wrap > .sec-head{margin-bottom: clamp(14px, 1.4vw, 20px);}
.pg-articles.tpl-doors main > .sec > .wrap > .sec-head .display--h2{font-size: clamp(32px, 2.8vw, 44px);max-width: none;}
.pg-articles.tpl-doors main > .sec > .wrap > .sec-head .sec-head__dek{margin-top: 6px;font-size: 17px;}
.pg-articles .chip--link{background: var(--ink);color: var(--paper);border-color: var(--ink);}
.pg-articles .chip--link:hover{background: var(--paper);color: var(--ink);}
@media (max-width: 700px){.pg-articles.tpl-handbook .ph{--ph-m: 40svh;}}
.pg-articles .row{padding-block: clamp(9px, .9vw, 12px);}
@media (min-width: 901px){.pg-articles .tbl td{padding-block: 6px;}}
.pg-articles .rd-open .bignum{margin-top: 0;}
.pg-articles .rd-open .fact .v{font-size: min(clamp(34px, 3.2vw, 48px), calc(100cqi / (var(--fit, 3) + .6)));width: auto;max-width: 100%;text-align: left;white-space: normal;}
.pg-articles .rd-open .bignum .big{font-size: clamp(64px, 6.4vw, 96px);}
@media (min-width: 1001px){.pg-articles .fband:not(.fband--next) .fband__main{max-width: none;display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);column-gap: clamp(32px, 5vw, 96px);align-items: start;}.pg-articles .fband:not(.fband--next) .fband__main > .sec-head, .pg-articles .fband:not(.fband--next) .fband__main > .fband__note{grid-column: 1;}.pg-articles .fband:not(.fband--next) .fband__main > :not(.sec-head):not(.fband__note){grid-column: 2;grid-row: 1 / span 3;}}
}