/* LOST JAPAN / KJA Editorial Edition — strictly scoped, 4 articles + series hub */
:root{
  --lja-ink:#202b29; --lja-deep:#101c1b; --lja-milk:#f7f5ef;
  --lja-fog:#e8e9e2; --lja-brass:#b99c70; --lja-muted:#68716d;
  --lja-serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro","MS PMincho",serif;
  --lja-sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
.kja-lj-single{--lja-accent:#b99c70}
.kja-lj-05{--lja-accent:#91b7b7}
.kja-lj-06{--lja-accent:#8fb8ce}
.kja-lj-07{--lja-accent:#dec18c}
/* Site headline and featured image: do not affect any other article. */
.kja-lj-single :is(.c-postTitle__text,.p-articleHead__title,.entry-title,h1.post_title,h1.post-title){font-family:var(--lja-serif)!important;font-weight:600!important;letter-spacing:-.045em;line-height:1.47!important;font-size:clamp(29px,4.2vw,52px)!important;text-wrap:pretty;color:var(--lja-ink)}
.kja-lj-single :is(.p-articleThumb,.entry-thumbnail,.post-thumbnail,.article-header__image){overflow:hidden;border-radius:5px;box-shadow:0 24px 70px rgba(10,25,23,.14)}
.kja-lj-single :is(.p-articleThumb,.entry-thumbnail,.post-thumbnail,.article-header__image) img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
/* On responsive cards, preserve LEFT-ALIGNED lettering in four specific cover art images. */
img[src*="kja-lost-japan-0"]{object-position:0% center}
.lja-shell{font-family:var(--lja-sans);color:var(--lja-ink);margin:clamp(24px,5vw,64px) auto 0;max-width:1100px;box-sizing:border-box}
.lja-shell *, .lja-hub-collection *{box-sizing:border-box}
.lja-shell a{color:#356456;text-decoration-color:#8caea1;text-underline-offset:.22em;text-decoration-thickness:1px}
.lja-shell a:hover{color:#2d8470}
/* Asymmetric documentary cover opener */
.lja-intro{position:relative;isolation:isolate;overflow:hidden;padding:clamp(29px,5.5vw,64px);color:#f6f4eb;background:
 radial-gradient(ellipse at 85% 12%,rgba(196,161,104,.17),transparent 41%),
 repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 1px,transparent 100px),
 var(--lja-deep);border-radius:3px}
.lja-intro::before{content:"";position:absolute;width:47%;aspect-ratio:1;right:-13%;top:-43%;border:1px solid rgba(226,213,181,.13);border-radius:50%;box-shadow:0 0 0 75px rgba(255,255,255,.012),0 0 0 150px rgba(255,255,255,.015);z-index:-1}
.lja-overline{display:flex;gap:22px;align-items:center;min-width:0;border-bottom:1px solid rgba(241,238,222,.23);padding-bottom:20px;font-family:var(--lja-sans);font-size:clamp(10px,1.08vw,13px);font-weight:700;letter-spacing:.15em;color:#f1eadc}
.lja-overline__mark{display:inline-flex;border:1px solid var(--lja-accent);padding:7px 12px;color:var(--lja-accent);font-weight:800;white-space:nowrap}
.lja-intro__grid{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:210px;gap:24px}
.lja-intro__text{position:relative;z-index:2;width:min(100%,670px)}
.lja-intro__region{font-size:13px!important;letter-spacing:.2em;color:var(--lja-accent);font-weight:700;margin:34px 0 15px!important}
.lja-intro__region span{margin-left:12px;font-weight:400;color:#c4c7bc}
.lja-intro__lead{margin:0!important;font-family:var(--lja-serif);font-weight:500;font-size:clamp(24px,2.65vw,38px)!important;line-height:1.75!important;letter-spacing:.055em;text-wrap:pretty;color:#f7f3e9}
.lja-intro__number{font-family:Georgia,'Times New Roman',serif;font-size:clamp(100px,17vw,205px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,235,221,.19);white-space:nowrap;user-select:none;letter-spacing:-.09em}
.lja-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(243,238,221,.26);margin-top:24px;padding-top:30px;gap:18px}
.lja-glance__item{display:flex;flex-direction:column;gap:8px;padding-left:18px;border-left:2px solid var(--lja-accent);min-width:0}
.lja-glance__number{font-size:clamp(30px,3.35vw,46px);font-family:Georgia,var(--lja-serif);letter-spacing:-.05em;font-weight:600;line-height:1.15;color:#faf8ef}
.lja-glance__text{font-size:clamp(10px,1.2vw,13px);line-height:1.7;letter-spacing:.05em;color:#c9cfc7}
/* Long form body */
.lja-copy{max-width:830px;margin:0 auto;padding:clamp(42px,6vw,88px) clamp(6px,1vw,12px) 0;counter-reset:lja-section;font-family:var(--lja-sans)}
.lja-copy>p:first-of-type{font-family:var(--lja-serif);font-size:clamp(20px,2.1vw,25px)!important;font-weight:600;line-height:2.05!important;letter-spacing:.07em;margin:0 0 32px;color:#283634}
.lja-copy :is(p,li){line-height:2.05;letter-spacing:.035em;font-size:clamp(15.5px,1.48vw,17.5px);color:#3c4642}
.lja-copy p{margin:0 0 1.7em}
.lja-copy :is(h2,h3){font-family:var(--lja-serif)!important;letter-spacing:.025em;color:var(--lja-ink)!important}
.lja-copy h2{position:relative!important;counter-increment:lja-section;background:none!important;box-shadow:none!important;border:0!important;padding:23px 0 0!important;margin:clamp(68px,8vw,105px) 0 28px!important;font-size:clamp(26px,3vw,37px)!important;font-weight:700!important;line-height:1.58!important;text-wrap:pretty}
.lja-copy h2::before{content:"CHAPTER  /  " counter(lja-section,decimal-leading-zero);display:block;background:none!important;border:0!important;width:auto!important;height:auto!important;position:static!important;transform:none!important;margin:0 0 11px!important;font-family:var(--lja-sans)!important;font-size:11px!important;font-weight:700!important;line-height:1.6!important;color:#a68b60!important;letter-spacing:.18em}
.lja-copy h2::after{content:"";display:block;position:static!important;width:64px;height:2px;background:#ad936a!important;border:0!important;transform:none!important;margin:23px 0 0!important}
.lja-copy h3{font-size:clamp(21px,2.4vw,27px)!important;margin:54px 0 20px!important}
.lja-copy a{word-break:break-word}
.lja-copy :is(ul,ol){padding-left:1.35em;margin:20px 0 35px}
.lja-copy li{margin:0 0 12px}
.lja-copy blockquote{font-family:var(--lja-serif);background:#f2f2ec;border-left:3px solid #ac956d;padding:35px 38px;color:#2a3330;font-size:1.14em}
.lja-copy :is(.p-toc,.ez-toc-container,#toc_container,.table-of-contents){background:var(--lja-milk)!important;border:1px solid #e4e0d5!important;border-radius:2px!important;padding:25px 28px!important;box-shadow:none!important}
.lja-copy :is(.p-toc__ttl,.ez-toc-title,.toc_title){font-family:var(--lja-sans)!important;letter-spacing:.1em;font-weight:700}
.lja-copy li::marker{color:#a79066}
/* Visual interlude makes each long piece unmistakably about its place */
.lja-interlude{margin:75px calc(50% - min(50vw,545px))!important;max-width:none;width:auto;position:relative}
.lja-interlude img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;box-shadow:0 32px 62px rgba(23,38,35,.14);border-radius:2px}
.lja-interlude figcaption{display:flex;align-items:flex-start;gap:16px;margin:15px 8px 0!important;color:#777c72;font-size:12px!important;line-height:1.8;letter-spacing:.02em}
.lja-interlude figcaption span{flex-shrink:0;color:#9b7e51;font-size:10px;letter-spacing:.13em;font-weight:800}
/* Timeline resembling a book's archival insert */
.lja-chronology{background:var(--lja-milk);border:1px solid #e6e4da;padding:clamp(27px,4.4vw,50px);margin:clamp(54px,7vw,83px) 0 45px}
.lja-eyebrow{font-size:11px;letter-spacing:.2em;color:#ded0b4;font-family:var(--lja-sans);font-weight:800}
.lja-eyebrow--dark{color:#a18760}
.lja-chronology__items{padding:0!important;list-style:none!important;margin:24px 0 0!important;position:relative}
.lja-chronology__items::before{content:"";position:absolute;top:12px;bottom:14px;left:7px;width:1px;background:#cac3b5}
.lja-chronology__items li{position:relative;display:grid;grid-template-columns:minmax(115px,28%) 1fr;align-items:start;gap:24px;padding:0 0 25px 34px;margin:0!important;line-height:1.7!important;font-size:15px!important}
.lja-chronology__items li::before{content:"";width:13px;height:13px;border-radius:50%;position:absolute;left:1px;top:7px;background:#ba9d6c;box-shadow:0 0 0 4px var(--lja-milk);z-index:1}
.lja-chronology__items li:last-child{padding-bottom:0}
.lja-chronology__time{font-family:Georgia,var(--lja-sans);font-size:17px;font-weight:800;color:#22322d}
.lja-chronology__text{font-size:14px;line-height:1.9;color:#555f56}
/* Context/links */
.lja-mapnote{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;background:var(--lja-deep);color:#f3f2e9;margin:clamp(60px,7vw,100px) 0 32px;padding:clamp(29px,4.6vw,50px)}
.lja-mapnote h3{font-family:var(--lja-serif);font-size:clamp(24px,2.8vw,33px);font-weight:600;line-height:1.6;margin:12px 0 18px;color:#f8f5e8}
.lja-mapnote p{font-size:14px;line-height:2;color:#cbd4cd;margin:0;max-width:650px}
.lja-mapnote a{color:#f1e4c6;border:1px solid #cab384;white-space:nowrap;text-decoration:none;display:inline-flex;gap:16px;align-items:center;padding:17px 23px;font-weight:700;font-size:13px;transition:background .2s,color .2s}
.lja-mapnote a:hover{background:#f1e4c6;color:#101c1b}
.lja-series-return{text-align:center;margin:45px 0 70px;font-size:13px;letter-spacing:.08em}
.lja-series-return a{border-bottom:1px solid #a8aa9a;text-decoration:none;padding-bottom:9px}
/* New-story cards shown on /lost-japan/, no database write */
.lja-hub-collection{max-width:1220px;margin:90px auto 75px;box-sizing:border-box;padding:50px clamp(20px,4vw,56px);background:#f6f5f0;color:#26302b;font-family:var(--lja-sans)}
.lja-hub-head h2{margin:14px 0 17px!important;line-height:1.45!important;font-family:var(--lja-serif)!important;font-size:clamp(25px,3vw,41px)!important;color:#192b29!important;background:none!important;border:0!important;padding:0!important}
.lja-hub-head p{font-size:14px;line-height:1.9;color:#727771;margin:0 0 30px}
.lja-hub-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.lja-hub-tile{display:block;background:#fff;text-decoration:none!important;color:#1b2b29!important;transition:transform .28s ease,box-shadow .28s ease;overflow:hidden}
.lja-hub-tile:hover{transform:translateY(-5px);box-shadow:0 17px 35px rgba(18,27,23,.12)}
.lja-hub-tile img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;display:block}
.lja-hub-tile__bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;gap:15px}
.lja-hub-tile__bottom strong{font-family:var(--lja-serif);font-size:19px}
.lja-hub-tile__bottom span{font-family:var(--lja-sans);font-size:12px;font-weight:800;white-space:nowrap}
.lja-hub-disclaimer{color:#7a7d78;margin:22px 0 0!important;font-size:11px!important;line-height:1.8}
@media(max-width:780px){
  .lja-shell{margin:32px auto 0}
  .lja-intro{padding:28px 24px 32px}
  .lja-overline{gap:10px;flex-wrap:wrap;font-size:10px;padding-bottom:16px}
  .lja-intro__grid{min-height:210px;gap:0}
  .lja-intro__region{font-size:11px!important;margin:24px 0 11px!important}
  .lja-intro__region span{display:inline-block}
  .lja-intro__number{font-size:117px;position:absolute;right:-12px;bottom:-34px;opacity:.65}
  .lja-glance{gap:14px;margin-top:34px;padding-top:23px}
  .lja-glance__item{padding-left:10px}
  .lja-glance__number{font-size:27px}
  .lja-glance__text{font-size:10px}
  .lja-copy{padding:44px 7px 0}
  .lja-copy h2{margin:63px 0 22px!important}
  .lja-interlude{margin:58px -7px!important}
  .lja-interlude figcaption{display:block}
  .lja-interlude figcaption span{display:block;margin-bottom:5px}
  .lja-mapnote{display:block}
  .lja-mapnote a{margin-top:25px}
  .lja-hub-collection{margin:70px auto 45px}
}
@media(max-width:520px){
  .lja-intro{padding:22px 20px 27px}
  .lja-overline__mark{padding:4px 7px}
  .lja-intro__grid{min-height:220px}
  .lja-intro__lead{font-size:24px!important;line-height:1.85!important}
  .lja-intro__number{font-size:108px;right:6px;bottom:-17px}
  .lja-glance{grid-template-columns:1fr;gap:14px}
  .lja-glance__item{padding-left:12px;flex-direction:row;align-items:baseline;gap:13px}
  .lja-glance__number{font-size:26px;min-width:110px;white-space:nowrap}
  .lja-glance__text{font-size:12px;letter-spacing:0;line-height:1.65}
  .lja-chronology__items li{display:block;padding-left:28px}
  .lja-chronology__time{display:block;margin-bottom:4px}
  .lja-mapnote{padding:26px 22px}
  .lja-hub-tiles{grid-template-columns:1fr}
  .lja-hub-head h2{font-size:28px!important}
  .lja-hub-tile__bottom{padding:13px 16px}
  .lja-hub-tile__bottom strong{font-size:17px}
  .lja-hub-tile__bottom span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .lja-hub-tile,.lja-mapnote a{transition:none!important}
  .lja-hub-tile:hover{transform:none}
}

/* v1.1: constrain LATEST card image appearance without changing unrelated cards */
[data-kja-lj-visual] img.kja-lj-latest-cover {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}