/* ── styles/pages/journal.css ── */
@layer pages {
.pg-journal .ph__actions--read{margin-top: clamp(12px, 1.4vw, 18px);}
.pg-journal.tpl-read main > .sec:not(.sec--band), .pg-journal.tpl-handbook main > .sec:not(.sec--band){padding-block: calc(var(--sec) * .42);}
.pg-journal.tpl-read main > .sec:not(.sec--band) + .sec:not(.sec--band), .pg-journal.tpl-handbook main > .sec:not(.sec--band) + .sec:not(.sec--band){border-top: var(--rule-soft);}
.pg-journal.tpl-read main > .sec:first-of-type{padding-top: clamp(28px, 3vw, 44px);}
.pg-journal .opener, .pg-journal .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-journal .rd-open > .wrap > .sec-head{margin-bottom: clamp(18px, 2vw, 26px);}
.pg-journal.tpl-read main > .sec.rd-open{border-top: 0;}
.pg-journal .opener + *{margin-top: clamp(40px, 4.6vw, 64px);}
.pg-journal .opener__h{margin-bottom: 10px;color: var(--ink);}
.pg-journal .opener__t{margin-bottom: 10px;}
.pg-journal .opener__lead{font-size: clamp(18px, 1.5vw, 21px);font-weight: 600;line-height: 1.45;max-width: 48ch;color: var(--ink);}
.pg-journal .opener .chiplist{margin-top: 14px;}
.pg-journal .bigfig{display: grid;gap: 6px 28px;margin-top: 4px;}
.pg-journal .bigfig__v{font-family: var(--face-display);font-size: clamp(60px, 7vw, 104px);line-height: .9;color: var(--ink);}
.pg-journal .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-journal .bigfig__t{font-size: 17px;line-height: 1.5;color: var(--ink-soft);max-width: 52ch;}
.pg-journal .bigfig__src{color: var(--ink-mute);}
@media (min-width: 701px){
.pg-journal .bigfig{grid-template-columns: auto minmax(0, 1fr);align-items: start;}
.pg-journal .bigfig__v{grid-row: 1 / span 3;}
}
.pg-journal .inshort{display: grid;margin-top: 6px;border-top: 1.5px solid var(--ink);}
.pg-journal .inshort__row{display: grid;grid-template-columns: minmax(0, 1fr);gap: 4px;padding: 14px 0;border-bottom: var(--rule-soft);}
.pg-journal .inshort dt{font-weight: 800;font-size: var(--fs-label);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--ink);}
.pg-journal .inshort dd{font-size: 17px;line-height: 1.45;color: var(--ink-soft);}
@media (min-width: 701px){.pg-journal .inshort__row{grid-template-columns: minmax(0, 15em) minmax(0, 1fr);gap: 24px;align-items: baseline;}}
.pg-journal main > .figbreak{margin-block: clamp(8px, 1vw, 16px);}
.pg-journal .figbreak .pic{aspect-ratio: 16 / 9;}
@media (min-width: 1121px){.pg-journal main:has(> .toc) > .figbreak{grid-column: 4 / -1;}}
.pg-journal .sec--band.band--yellow{background: var(--yellow);}
.pg-journal .fband__grid{display: grid;gap: clamp(32px, 4vw, 64px);}
.pg-journal .fband__main{min-width: 0;max-width: 820px;}
.pg-journal .fband__main .sec-head{margin-bottom: clamp(18px, 2vw, 28px);}
.pg-journal .fband__note{margin-bottom: 14px;}
@media (min-width: 1001px){.pg-journal .fband--next .fband__grid{grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);align-items: start;}.pg-journal .fband--next .fband__main{grid-column: 2;grid-row: 1;}.pg-journal .fband--next .fband__next{grid-column: 1;grid-row: 1;position: sticky;top: calc(var(--nav-h) + 24px);}}
.pg-journal .fband .form{background: var(--paper-slip);--type: var(--ink) !important;--type-soft: var(--ink-soft) !important;padding: clamp(20px, 2.4vw, 32px);}
.pg-journal .fband .form.box::after{border-color: var(--ink);}
.pg-journal .fband .form input, .pg-journal .fband .form select, .pg-journal .fband .form textarea{background: var(--paper);}
.pg-journal .pullq{margin: clamp(24px, 3vw, 40px) 0;padding: 4px 0 4px clamp(18px, 2vw, 28px);border-left: 6px solid var(--yellow);}
.pg-journal .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-journal .pullq figcaption{margin-top: 12px;color: var(--ink-mute);max-width: 60ch;}
.pg-journal.tpl-doors main > .sec:first-of-type{padding-top: 16px;}
.pg-journal.tpl-doors main > .sec > .wrap > .sec-head{margin-bottom: clamp(14px, 1.4vw, 20px);}
.pg-journal.tpl-doors main > .sec > .wrap > .sec-head .display--h2{font-size: clamp(32px, 2.8vw, 44px);max-width: none;}
.pg-journal.tpl-doors main > .sec > .wrap > .sec-head .sec-head__dek{margin-top: 6px;font-size: 17px;}
.pg-journal .chip--link{background: var(--ink);color: var(--paper);border-color: var(--ink);}
.pg-journal .chip--link:hover{background: var(--paper);color: var(--ink);}
@media (max-width: 700px){.pg-journal.tpl-handbook .ph{--ph-m: 34svh;}}
.pg-journal .jr-lead{display: grid;grid-template-columns: minmax(0, 1fr);color: var(--ink);text-decoration: none;background: var(--paper-slip);border: 1.5px solid var(--ink);}
.pg-journal .jr-lead > .pic{aspect-ratio: 16 / 10;}
.pg-journal .jr-lead > .pic img{transition: scale var(--d-slow) var(--ease-out);}
.pg-journal .jr-lead:hover > .pic img{scale: 1.03;}
.pg-journal .jr-lead__copy{display: grid;align-content: start;gap: 12px;padding: clamp(18px, 2.4vw, 36px);}
.pg-journal .jr-lead__meta{color: var(--ink-mute);}
.pg-journal .jr-lead__t{font-family: var(--face-display-cond);font-size: clamp(32px, 3.4vw, 54px);line-height: .96;text-transform: uppercase;color: var(--ink);text-wrap: balance;}
.pg-journal .jr-lead__p{font-size: 17px;line-height: 1.5;color: var(--ink-soft);max-width: 46ch;}
.pg-journal .jr-lead__cta{display: inline-flex;align-items: center;gap: 10px;margin-top: 6px;font-weight: 800;font-size: var(--fs-label);letter-spacing: .09em;text-transform: uppercase;}
.pg-journal .jr-lead__cta .arrow{width: 22px;height: 12px;transition: transform var(--d-fast) var(--ease-out);}
.pg-journal .jr-lead:hover .jr-lead__cta .arrow{transform: translateX(5px);}
.pg-journal .jr-lead:hover .jr-lead__t{text-decoration: underline;text-decoration-thickness: 3px;text-underline-offset: 6px;text-decoration-color: var(--paint);}
@media (min-width: 901px){
.pg-journal .jr-lead{grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);}
.pg-journal .jr-lead > .pic{aspect-ratio: auto;min-height: 380px;border-right: 1.5px solid var(--ink);}
.pg-journal .jr-lead__copy{align-content: end;}
}
@media (max-width: 900px){.pg-journal .jr-lead > .pic{border-bottom: 1.5px solid var(--ink);}}
.pg-journal .jr-lead + .pdoors{margin-top: clamp(16px, 1.8vw, 28px);}
@media (min-width: 561px) and (max-width: 1120px){.pg-journal .jr-lead + .pdoors > .pdoor:last-child:nth-child(odd){grid-column: 1 / -1;}.pg-journal .jr-lead + .pdoors > .pdoor:last-child:nth-child(odd) .pdoor__a > .pic{aspect-ratio: 16 / 7;}}
.pg-journal .jr-sub__note{color: var(--ink-mute);max-width: 52ch;}
.pg-journal .hb-path__h{margin-bottom: 12px;}
@media (min-width: 701px){.pg-journal.rt-journal-stories .ph__pic img{object-position: 50% 88%;}}
@media (min-width: 1001px){.pg-journal .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-journal .fband:not(.fband--next) .fband__main > .sec-head, .pg-journal .fband:not(.fband--next) .fband__main > .fband__note{grid-column: 1;}.pg-journal .fband:not(.fband--next) .fband__main > :not(.sec-head):not(.fband__note){grid-column: 2;grid-row: 1 / span 3;}}
}