/* SOLÉNÉA 2026-11-03 review overlay; Work version's original styles retained. */
.section-en-title{display:block;font:400 clamp(18px,2.05vw,25px)/1.45 Georgia,'Times New Roman',serif;letter-spacing:.14em;color:var(--gold-dark);margin-bottom:13px;overflow-wrap:normal}
.hero-en{font:italic 16px/1.8 Georgia,serif;color:var(--gold-dark);margin:14px 0 18px;letter-spacing:.01em}
.story-en-line{font:italic 14px/1.6 Georgia,serif;color:var(--gold-dark);margin-top:7px!important}
.map-disclaimer{color:#6e5c50;font-size:12px;line-height:1.8;margin:3px 0 20px;max-width:800px}
.gem-node{z-index:1;width:100px;min-height:49px;gap:3px;padding:3px}
.gem-node:hover,.gem-node:focus-visible,.gem-node[aria-pressed=true]{z-index:3}
.gem-node .gem-name{font-size:10px;white-space:nowrap}
.gem-shape.ruby{background:conic-gradient(from 18deg,#fff4e8,#d95963,#aa263e,#f2a6a3,#871b35,#ffd4d1,#c4364b)}
.gem-shape.emerald{background:linear-gradient(120deg,#b5e5bd 0%,#2d8a5b 30%,#185b48 53%,#6dc490 77%,#b9efce 100%)}
.gem-shape.alexandrite{background:conic-gradient(from 60deg,#6a916d,#caa4aa,#9c436f,#5b486f,#3e7968,#b2caad,#6a916d)}
.gem-shape.tanzanite{background:conic-gradient(from 23deg,#aaa0ee,#433b86,#8871b3,#414a9f,#c8abec,#5750a7,#aaa0ee)}
.licensed-gem-photo{width:100%;height:100%;object-fit:contain;max-height:150px}
.journal-introduction{margin:-5px 0 30px;max-width:700px;font-size:14px;line-height:2}
.journal-related{border-bottom:1px solid var(--line)}
.journal-instagram{border-top:1px solid var(--line);padding-top:22px;margin-top:30px!important;font-size:14px;line-height:1.9}
.journal-instagram a{display:inline-flex;align-items:center;min-height:44px;margin-left:12px;color:var(--gold-dark);text-decoration:underline;text-underline-offset:5px}
#reader-body h3{font-size:20px;margin-top:30px;margin-bottom:12px;line-height:1.6}
#reader-body .reader-lead{font:italic 18px/1.8 var(--serif);color:var(--gold-dark)}
.email-icon{font-size:19px;margin-right:10px;line-height:1}
.greeting-section{background:#f7ece8;border-top:1px solid #eadbd0;border-bottom:1px solid #eadbd0}
.greeting-inner{max-width:840px;margin:auto;padding:70px 7% 85px}
.greeting-inner h2{margin:0 0 25px}
.greeting-inner p:not(.eyebrow){font-size:15px;line-height:2.2;margin-top:15px}
.footer-nav{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0 25px;font-size:11px;letter-spacing:.08em;color:var(--muted)}
.footer-nav a{padding:8px 0}
.footer-nav a:hover,.journal-instagram a:hover{color:var(--gold)}
/* Move top navigation into a touch-friendly menu before labels crowd the logo. */
@media(max-width:1260px) and (min-width:901px){
 .header{height:78px;padding:0 6%;gap:20px}
 .header .brand{width:192px}
 .menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:48px;min-height:48px;padding:7px 0}
 .menu-button>span:not(.menu-label){display:block;width:23px;height:1px;background:var(--gold-dark)}
 .menu-label{font-size:8px;letter-spacing:.14em;line-height:1.4;margin-top:2px}
 .header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:15px 7% 25px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #4a2a1512}
 .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .header nav>a{font-size:15px;padding:11px 0}
 .header .nav-shop{font-size:12px;margin-top:10px;max-width:170px}
}
@media(max-width:900px){
 .header nav.open{max-height:calc(100dvh - 78px);overflow-y:auto}
}
@media(max-width:600px){
 .section-en-title{font-size:20px;letter-spacing:.1em;margin-bottom:8px}
 .hero-en{font-size:14px;line-height:1.7}
 .map-disclaimer{font-size:11px;margin:3px 0 17px}
 .gem-node{left:var(--mx);top:var(--my);width:44px;min-height:44px;padding:2px;gap:0;transform:translate(-50%,-50%)}
 .gem-node .gem-num{font-size:9px;line-height:1.1}
 .gem-node .gem-name{display:none}
 .gem-node .gem-shape{height:25px;width:25px}
 .plot{height:350px}
 .journal-introduction{font-size:13px;margin:0 0 20px}
 .journal-instagram a{margin-left:0;display:flex}
 .greeting-inner{padding:55px 8% 65px}
 .greeting-inner p:not(.eyebrow){font-size:14px}
 .footer-nav{font-size:10px;gap:14px}
 .gem-list-button{min-height:77px}
}
@media(min-width:601px) and (max-width:1260px){
 /* At medium widths, show map names through its responsive numbered legend. */
 .gem-node .gem-name{display:none}
 .gem-node{width:54px;min-height:44px}
 .gem-node .gem-num{position:static}
 .gem-key{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:390px){.gem-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Owner revisions 2026-11-03 (second review): Journal editorial grid and single bottom line. */
.journal-entry{display:grid;grid-template-columns:26px minmax(0,1fr) 24px;column-gap:28px;align-items:center;box-sizing:border-box}
.journal-entry>.journal-no{grid-column:1;margin:0}
.journal-entry>span:nth-child(2){grid-column:2;min-width:0;margin:0}
.journal-entry>.entry-arrow{grid-column:3;margin:0;justify-self:end}
.journal-entry strong{display:block;line-height:1.7}
.journal-related{border-bottom:1px solid var(--line)!important}
.journal-instagram{border-top:0!important;padding-top:0;margin-top:22px!important}
.story-label .serif-note{font-size:clamp(22px,2.6vw,34px);font-style:normal;line-height:1.6;letter-spacing:.035em}
.story-copy>p{overflow-wrap:anywhere}
@media(max-width:600px){
 .journal-entry{grid-template-columns:20px minmax(0,1fr) 19px;column-gap:13px;padding:23px 0}
 .journal-entry strong{font-size:clamp(17px,4.8vw,21px);line-height:1.6}
 .story-label .serif-note{font-size:27px}
}
/* Align the visible beginning of unquoted Journal titles with the opening Japanese quote on title 01. */
.journal-entry:not([data-article="self"]) strong{padding-inline-start:.5em}

/* 2026-11-03 third review — supplied logo board, native extracted artwork. */
.header .brand{width:210px}
.header .brand img{width:100%;height:auto;max-height:84px;object-fit:contain;object-position:left center}
.footer-top .brand img{width:100%;height:auto;object-fit:contain;object-position:left center}
.story-label>img.logo-story{opacity:.9;width:155px;max-width:50%;height:auto;margin:24px 0 0 0}
#shop>img.logo-shop{width:72px;height:auto;object-fit:contain}
@media(max-width:1260px){.header .brand{width:184px}}
@media(max-width:600px){.header .brand{width:160px}.header .brand img{max-height:70px}.story-label>img.logo-story{display:block;width:122px;max-width:55%;margin-top:15px}}
@media(max-width:360px){.header .brand{width:142px}}

/* Rev4 2026-11-03: understated prelaunch status in hero; no change to MAP logic. */
.hero-preparing{max-width:440px;display:flex;align-items:center;gap:10px 13px;flex-wrap:wrap;padding:14px 18px;margin:3px 0 22px;border:1px solid #d8b7a5;background:linear-gradient(120deg,#fcf4f0,#f7e7e1);color:#685043;box-shadow:0 5px 16px rgba(136,88,67,.035)}
.hero-preparing-label{display:inline-flex;align-items:center;color:#835d42;font-size:14px;font-weight:600;letter-spacing:.12em;white-space:nowrap}
.hero-preparing-label:before{content:"";width:6px;height:6px;margin-right:9px;background:#b58b6c;border-radius:50%;flex:none}
.hero-preparing-label-en{font:10px/1.6 Georgia,'Times New Roman',serif;letter-spacing:.11em;color:#9b7d6a;white-space:nowrap}
.hero-preparing-copy{flex-basis:100%;font-size:12px;line-height:1.9;letter-spacing:.015em}
@media(max-width:600px){.hero-preparing{max-width:100%;padding:11px 13px;margin:0 0 21px;gap:6px 11px}.hero-preparing-label{font-size:13px}.hero-preparing-label-en{font-size:10px}.hero-preparing-copy{font-size:12px;line-height:1.8}}

/* REV5: use the directly provided transparent original logo, unaltered. */
.header .brand{width:224px}
.header .brand img,.footer-top .brand img{opacity:1;max-height:84px;object-fit:contain;object-position:left center}
.story-label>img.logo-story{display:block;width:min(295px,90%);max-width:90%;height:auto;opacity:1;margin:27px 0 0 -4px}
#shop>img.logo-shop{width:76px;height:auto;object-fit:contain}
@media(max-width:1260px){.header .brand{width:200px}}
@media(max-width:600px){.header .brand{width:172px}.story-label>img.logo-story{width:min(272px,96%);max-width:96%;margin-top:20px}}
@media(max-width:360px){.header .brand{width:148px}}