/* A continuous paper surface, with full-bleed photographic bookends. */
.hj-journal.kh-parent #main{display:block;width:100%;max-width:none;margin:0;padding:0;background-color:#f4efe4;background-image:linear-gradient(#ffffff75,#ffffff75),url('/assets/hanji/hanji-paper.webp');background-size:auto,800px;color:#292823}
.hj-journal #main>.bm-banner{display:block;box-sizing:border-box;position:relative;width:100%;max-width:none;margin:0;left:auto;right:auto;aspect-ratio:5/1;height:auto;min-height:210px;max-height:360px}
.hj-journal .bm-banner>img{inset:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;opacity:.45}
.hj-journal .bm-banner>.wrap{box-sizing:border-box;min-height:inherit;height:100%;padding-block:30px;z-index:1}
.hj-journal .bm-feature{background-color:transparent;background-image:none;border-color:#9a8a7047;padding-inline:0}
.hj-journal .bm-library{background:transparent}.hj-journal .bm-library input,.hj-journal .bm-library select{background:#fff9;border-color:#9d927c66}.hj-journal .bm-controls .kx-blog-filters{border-color:#9a8a7047}.hj-journal .bm-controls [data-topic-filter]{background:#e6e0d3;color:#333}.hj-journal .bm-controls [aria-pressed=true]{background:#242823;color:#fff}
/* Chapter strip sits beneath the global header; long headings scroll horizontally. */
.hj-article{--hj-header-height:90px;--hj-nav-height:76px}
.hj-article-nav{position:sticky;top:var(--hj-header-height);z-index:45;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid #171717;width:100%;isolation:isolate}
.hj-nav-inner{display:flex;align-items:center;gap:22px;max-width:1180px;min-width:0}
.hj-nav-label{flex:0 0 100px;font-size:9px;color:#6f6b5f;letter-spacing:.09em}
.hj-chapters{display:flex;align-items:stretch;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a79a80 transparent;min-width:0;width:100%;padding-block:9px}
.hj-chapters>a{display:flex;align-items:center;gap:10px;flex:0 0 auto;max-width:240px;min-height:54px;padding:8px 17px;color:#55594f;font-size:11px;line-height:1.45;text-decoration:none;border:0;border-right:1px solid #a79b803d;box-sizing:border-box}
.hj-chapters>a:first-child{padding-left:0}.hj-chapters>a:last-child{border-right:0}.hj-chapters>a>.mono{color:#85765a;font-size:9px;font-weight:700;flex-shrink:0}
.hj-chapters>a:is(:hover,:focus-visible,[aria-current=location]){color:#000;font-weight:700;text-decoration:none;box-shadow:none}
.hj-chapters>a:focus-visible{outline:2px solid #333;outline-offset:-3px}
.hj-article #main [id]{scroll-margin-top:calc(var(--hj-header-height) + var(--hj-nav-height) + 20px)}
/* Stretch the sidebar's containing block across article rows, and keep only its contents sticky.
   The CTA is a following sibling of the entire article, never a grid row underneath it. */
.hj-article.hf-folio .kx-article{padding-bottom:42px;row-gap:0;isolation:isolate}
.hj-article.hf-folio .hj-partner-sidebar{grid-column:2;grid-row:1 / span 3;position:static;align-self:stretch;margin:8px 0 0;padding:0;border:0;overflow:visible;max-height:none;min-width:0;display:block}
.hj-sidebar-inner{position:sticky;top:calc(var(--hj-header-height) + var(--hj-nav-height) + 18px);padding-bottom:8px;display:grid;gap:15px}
.hj-article .hf-side-card{padding:0;margin:0;overflow:hidden;background-color:#e9e6dd;box-shadow:3px 3px 0 #b9ac9226}.hj-article .hf-side-card:before{display:none}
.hj-article .hf-side-card>img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;filter:grayscale(1);border-bottom:1px solid #9f8f724f}
.hj-side-copy{padding:14px 15px}.hj-article .hf-side-card .mono{font-size:8px;margin:0;color:#6c6457}.hj-article .hf-side-card h3{font-size:20px;line-height:1.14;margin:9px 0}.hj-article .hf-side-card p{font-size:11px;line-height:1.5;margin:0 0 7px}.hj-article .hf-side-card a{padding:8px 0 0;border:0;font-size:11px;min-height:28px}.hj-article .hf-side-card a:hover{color:#000}
/* Both list and detail footers are one full-width 5:1 photo banner, after all content. */
:is(.hj-article,.hj-journal) #main>.hj-next-banner{display:block;position:relative;isolation:isolate;box-sizing:border-box;max-width:none;width:100%;margin:0;padding:0;min-height:280px;aspect-ratio:5/1;clear:both;background:#1b211e url('/assets/hanji/journal/global-opportunity.webp') center 50%/cover no-repeat;color:white;border:0;box-shadow:none}
.hj-next-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101a15ed,#111b15b3 53%,#111b1540);z-index:-1}
.hj-next-inner{max-width:1180px;display:flex;justify-content:space-between;align-items:center;gap:35px;min-height:inherit;height:100%;padding-block:38px;box-sizing:border-box}
.hj-next-banner h2,.hj-next-banner p{color:white!important}.hj-next-banner p{font-size:13px;max-width:47ch;color:#e2e5df!important}.hj-next-banner .mono{color:#d7cdb8}.hj-next-banner .button{background:#f7f2e8;color:#202a23;border:0}.hj-next-banner .bm-cta-actions>a:not(.button){color:#fff}.hj-next-banner a:hover{filter:brightness(.88)}
@media(max-width:1050px){.hj-nav-label{flex-basis:85px}.hj-nav-inner{gap:12px}.hj-article .hf-side-card h3{font-size:18px}.hj-side-copy{padding:12px}.hj-sidebar-inner{gap:12px}}
@media(max-width:780px){.hj-article{--hj-header-height:74px;--hj-nav-height:70px}.hj-nav-label{display:none}.hj-nav-inner{width:calc(100% - 32px)}.hj-chapters>a{max-width:210px;min-height:50px;padding:6px 14px;font-size:11px}.hj-chapters .mono{font-weight:700}.hj-article.hf-folio .hj-partner-sidebar{width:100%;margin:0 0 25px;display:block}.hj-sidebar-inner{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hj-article .hf-side-card h3{font-size:18px}.hj-article .hf-side-card>img{aspect-ratio:16/10}.hj-side-copy{padding:13px 11px}.hj-article .hf-side-card a{min-height:36px;display:flex;align-items:center;font-size:11px}.hj-article .hf-side-card p{font-size:11px}.hj-journal #main>.bm-banner{aspect-ratio:auto;height:200px;min-height:200px}.hj-journal .bm-banner>.wrap{padding-block:25px}.hj-next-inner{display:block;padding-block:33px}.hj-next-banner .bm-cta-actions{margin-top:22px;align-items:flex-start}.hj-next-banner h2{font-size:28px}:is(.hj-article,.hj-journal) #main>.hj-next-banner{aspect-ratio:auto;min-height:310px;background-position:65% center}}
/* A short viewport must still expose both cards without an internal scroll trap. */
@media(min-width:781px) and (max-height:850px){.hj-sidebar-inner{position:static}}