/* HANDA / no.16: cover, film, reading, then the map. Source frames keep their native ratio. */
body[data-journal="16"]{background:#f7f4ed;color:#263d39;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;line-height:2}
body[data-journal="16"] header{max-width:1240px;padding:28px 36px;border-bottom:1px solid #c9c7b9;font-family:"Yu Gothic",sans-serif}
body[data-journal="16"] main.journal-layout{max-width:1240px;padding:24px 36px 0}
.hj-sr-title{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0!important;padding:0!important}
body[data-journal="16"] .journal-cover{margin:0 0 58px}
.hj-cover-kicker{display:flex;justify-content:space-between;gap:15px;font:10px/1.8 sans-serif!important;letter-spacing:.14em;margin:0 0 20px}
.hj-cover-kicker span{letter-spacing:.08em}
body[data-journal="16"] .journal-cover figure{margin:0}
body[data-journal="16"] .journal-cover img{width:100%;height:auto;object-fit:contain;border:1px solid #d3d1c7}
body[data-journal="16"] .journal-film{max-width:910px;margin:0 auto 40px;padding:0 0 32px;border:0}
body[data-journal="16"] .journal-film .eyebrow{font-size:10px;color:#7e765f}
body[data-journal="16"] .journal-film h2{font-size:clamp(24px,3vw,35px);line-height:1.7;margin:10px 0 25px}
body[data-journal="16"] h2{text-wrap:balance}
.hj-mobile-break{display:none}
.hj-byline{max-width:680px;margin:32px auto 0;text-align:right;font:11px/1.9 "Yu Gothic",sans-serif;color:#748078}
body[data-journal="16"] .journal-film video{width:100%;height:auto;aspect-ratio:910/512;object-fit:contain;background:#142824;border:1px solid #c3c7bd}
body[data-journal="16"] #film-description{font-family:"Yu Gothic",sans-serif;font-size:12px;color:#64726c;line-height:1.9;max-width:780px;margin-top:15px}
.hj-contents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:910px;margin:0 auto 75px;border-top:1px solid #b9c2b6;border-bottom:1px solid #b9c2b6}
.hj-contents a{min-height:72px;padding:16px 14px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;font-size:13px;line-height:1.7;border-right:1px solid #d7d7cb}
.hj-contents a:last-child{border:0}.hj-contents small{font:9px/1.6 sans-serif;color:#88775c;margin-bottom:5px}
.hj-contents a:hover{background:#e9edde}
body[data-journal="16"] .journal-article>.reading,body[data-journal="16"] .chapter>.reading{max-width:680px;margin:0 auto;font-size:16px;line-height:2.25}
body[data-journal="16"] .reading>p{margin:0 0 24px;letter-spacing:.025em}
body[data-journal="16"] .journal-article>.reading>p:first-child{font-size:25px;line-height:1.8;margin-bottom:35px}
body[data-journal="16"] .journal-article>.reading>p:first-child{text-wrap:balance}
body[data-journal="16"] .journal-article>.reading>p:first-child i{font-style:normal}
body[data-journal="16"] .chapter{padding:65px 0 50px;border-bottom:1px solid #c9c7b9;scroll-margin-top:30px}
body[data-journal="16"] .chapter h2{font-size:clamp(27px,3.2vw,39px);margin:10px 0 35px;line-height:1.8;letter-spacing:.04em}
body[data-journal="16"] .chapter h3{font-size:24px;font-weight:500;margin:42px 0 25px}
body[data-journal="16"] .reading>.hj-chapter-label{font:10px/1.8 sans-serif;letter-spacing:.14em;color:#88775c;margin-bottom:12px}
body[data-journal="16"] .reading figure{margin:38px 0 44px;width:100%;max-width:100%;transform:none}
body[data-journal="16"] .reading figure img{width:100%;height:auto;aspect-ratio:910/512;object-fit:contain;background:#e6e5dc}
body[data-journal="16"] .reading figure figcaption{font-family:"Yu Gothic",sans-serif;font-size:11px;line-height:1.9;color:#65736e;margin:0;padding-top:12px;max-width:100%}
body[data-journal="16"] .reading figure.hj-observation-wide{width:min(800px,calc(100vw - 80px));max-width:none;margin-left:50%;transform:translateX(-50%)}
body[data-journal="16"] .reading figure.hj-observation-detail{width:min(520px,100%);margin-left:auto;margin-right:auto}
.hj-visit-note{max-width:680px;margin:55px auto 0;padding:24px 28px;border:1px solid #c3cbbd;background:#edf0e5;font-family:"Yu Gothic",sans-serif}
body[data-journal="16"] .hj-visit-note h2{font-family:inherit;font-size:14px;margin:0 0 10px;letter-spacing:.1em}
.hj-visit-note p{font-size:12px;line-height:2;margin:0}
body[data-journal="16"] .spots{max-width:910px;margin:auto;padding:60px 0}
body[data-journal="16"] .spots h2{font-size:clamp(27px,3vw,38px);line-height:1.8}
body[data-journal="16"] .spots>p{font-size:14px;color:#65736e}
body[data-journal="16"] .spots nav{gap:12px}
body[data-journal="16"] .spots nav a{font-family:"Yu Gothic",sans-serif;background:#faf9f3;border-radius:2px;min-height:66px;padding:18px}
body[data-journal="16"] .another{max-width:910px;margin:0 auto 45px;border:1px solid #c3cbbd;background:#e8edde;padding:32px 36px}
body[data-journal="16"] .another h2{font-size:30px;margin:12px 0}
body[data-journal="16"] .another p{font-size:14px}
body[data-journal="16"] .references{max-width:910px;margin:auto;padding:30px 0;font-family:"Yu Gothic",sans-serif}
body[data-journal="16"] .references h2{margin:0 0 18px;font-size:14px}
body[data-journal="16"] .references p,body[data-journal="16"] .references li{font-size:11px;line-height:1.9}
body[data-journal="16"] .journal-note{max-width:910px;margin:0 auto 40px;padding-top:25px;border-top:1px solid #c9c7b9;font-size:12px;font-family:"Yu Gothic",sans-serif}
body[data-journal="16"] footer{max-width:1168px;margin:auto;padding:25px 0 40px;font-family:"Yu Gothic",sans-serif}
@media(max-width:640px){
 .hj-mobile-break{display:initial}
 body[data-journal="16"] header{padding:20px;gap:10px}body[data-journal="16"] header .brand{font-size:17px}
 body[data-journal="16"] main.journal-layout{padding:20px 22px 0}.hj-cover-kicker{font-size:9px!important;display:block;line-height:2!important}.hj-cover-kicker span{display:block;font-size:10px;letter-spacing:.05em}
 body[data-journal="16"] .journal-cover{margin-bottom:36px}body[data-journal="16"] .journal-film{margin-bottom:26px;padding-bottom:10px}body[data-journal="16"] .journal-film h2{font-size:23px;line-height:1.8;margin-bottom:20px}body[data-journal="16"] #film-description{font-size:11px;line-height:1.9;margin-top:12px}
 .hj-contents{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:45px}.hj-contents a{min-height:70px;font-size:12px;padding:12px}.hj-contents a:nth-child(2){border-right:0}.hj-contents a:nth-child(-n+2){border-bottom:1px solid #d7d7cb}
 body[data-journal="16"] .journal-article>.reading,body[data-journal="16"] .chapter>.reading{font-size:15px;line-height:2.2}body[data-journal="16"] .reading>p{margin-bottom:22px;letter-spacing:0}body[data-journal="16"] .journal-article>.reading>p:first-child{font-size:22px;line-height:1.9;margin-bottom:30px}
 body[data-journal="16"] .chapter{padding:42px 0 30px}body[data-journal="16"] .chapter h2{font-size:26px;line-height:1.85;margin-bottom:27px}body[data-journal="16"] .chapter h3{font-size:22px}
 body[data-journal="16"] .reading figure,body[data-journal="16"] .reading figure.hj-observation-wide,body[data-journal="16"] .reading figure.hj-observation-detail{width:100%;max-width:100%;margin:28px 0 34px;transform:none}body[data-journal="16"] .reading figure figcaption{font-size:10px;padding-top:10px}
 .hj-visit-note{margin-top:35px;padding:20px}.hj-visit-note p{font-size:11px}body[data-journal="16"] .spots{padding:36px 0}body[data-journal="16"] .spots h2{font-size:26px}.spots nav a{font-size:12px}
 body[data-journal="16"] .another{padding:24px;margin-bottom:30px}body[data-journal="16"] .another h2{font-size:28px}body[data-journal="16"] .another p{font-size:12px}
 body[data-journal="16"] footer{margin:0 22px;padding:24px 0 30px}body[data-journal="16"] footer p{font-size:10px}
}

/* r4 saved-screen review: image explanations and trip guidance remain readable on phones. */
body[data-journal="16"] #film-description{font-size:14px}
body[data-journal="16"] .reading figure figcaption{font-size:13px}
body[data-journal="16"] .hj-visit-note p{font-size:14px}
body[data-journal="16"] .references p,body[data-journal="16"] .references li{font-size:13px}
@media(max-width:640px){
 body[data-journal="16"] #film-description{font-size:14px}
 body[data-journal="16"] .reading figure figcaption{font-size:13px}
 body[data-journal="16"] .hj-visit-note p{font-size:14px}
}

/* The original Journal title stays readable outside the cover artwork. */
body[data-journal="16"] .journal-cover .hj-title{font-size:clamp(27px,3.3vw,39px);font-weight:500;line-height:1.7;letter-spacing:.04em;margin:26px 0 0;text-wrap:balance}
@media(max-width:640px){body[data-journal="16"] .journal-cover .hj-title{font-size:27px;line-height:1.7;margin-top:22px}}

/* External film: no hosted video, player, or embed. */
.hj-film-external a{display:block;text-decoration:none;border:1px solid #c3c7bd;background:#263d39;color:#fffdf5}
.hj-film-external img{display:block;width:100%;height:auto;aspect-ratio:910/512;object-fit:contain}
.hj-film-external span{display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 18px;font:14px/1.8 "Yu Gothic",sans-serif;letter-spacing:.04em}
.hj-film-external a:hover span{background:#3b574e}