/* Mangen Journal: editorial layer scoped away from the existing service pages. */
.journal-page{--journal-bg:#fdfcf9;--journal-paper:#f4f1eb;--journal-line:#ded6c7;--journal-gold:#826127;--journal-muted:#716e67;background:var(--journal-bg);color:#20211f}
.journal-page button,.journal-page input,.journal-page select{font:inherit}
.journal-page button,.journal-page a,.journal-page input,.journal-page select,.journal-page summary{-webkit-tap-highlight-color:transparent}
.journal-page :focus-visible{outline:2px solid var(--journal-gold);outline-offset:4px}
.journal-page [hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-90px;z-index:100;background:#20211f;color:white;padding:12px 18px}
.skip-link:focus{top:12px}
.journal-page .wrap{max-width:1200px;padding-left:40px;padding-right:40px}
.journal-header{position:relative;background:var(--journal-bg);border-color:var(--journal-line)}
.journal-header .inner{max-width:1200px;min-height:92px;padding:20px 40px;gap:24px}
.journal-header .brand-ja{font-size:23px;letter-spacing:.1em}
.journal-header .brand-en{font-size:9px;letter-spacing:.23em;margin-top:7px;color:var(--journal-gold)}
.journal-header nav ul{gap:30px;font-size:14px}
.journal-header nav a{display:block;position:relative;padding:16px 0;color:#474740}
.journal-header nav a.active{color:var(--journal-gold)}
.journal-header nav a.active:after{content:"";height:2px;background:#ac8a4c;position:absolute;left:0;right:0;bottom:3px}
.journal-header .lang-switch{gap:8px;display:flex}
.journal-header .lang-switch a{font-size:12px;min-height:36px;min-width:32px;display:grid;place-items:center;padding:6px;color:#77756e}
.journal-header .lang-switch a.active{color:var(--journal-gold);border:1px solid var(--journal-line);border-radius:50%;background:transparent}
.journal{padding-top:40px;padding-bottom:32px}
.journal-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;margin-bottom:28px}
.eyebrow{font-size:11px;letter-spacing:.28em;color:var(--journal-gold);font-weight:500;margin:0 0 12px}
.journal-intro h1{font-size:clamp(32px,3.4vw,46px);line-height:1.3;letter-spacing:.035em}
.journal-deck{font-size:16px;line-height:1.8;color:var(--journal-muted);margin:12px 0 0;max-width:530px}
.journal-search{display:flex;gap:10px;margin-top:22px}
.journal-search input{background:#fff;border:1px solid #d1d0ca;border-radius:2px;min-width:0;flex:1;padding:12px 14px;font-size:13px;height:48px;color:#20211f}
.journal-search input::placeholder{color:#88867f}
.journal-search button{padding:0 23px;min-height:48px;border:1px solid #20211f;border-radius:2px;background:#292a27;color:#fff;cursor:pointer;font-size:14px;flex-shrink:0}
.journal-search button:hover{background:#47473e}
.journal-filters{border-top:1px solid var(--journal-line);border-bottom:1px solid var(--journal-line);margin-bottom:26px}
.filter-row{display:flex;align-items:flex-start;gap:25px;padding:6px 0;min-height:54px}
.filter-row+.filter-row{border-top:1px solid #eae5db}
.filter-label{font-size:14px;min-width:72px;padding-top:10px}
.filter-options{display:flex;gap:8px 22px;flex-wrap:wrap}
.filter-options button{min-height:40px;padding:7px 16px;border:1px solid transparent;background:none;font-size:14px;color:#4c4b46;cursor:pointer;border-radius:2px}
.filter-options button:hover{background:#eeece5}
.filter-options button[aria-pressed="true"]{background:#292a27;color:#fff}
.mobile-filter{display:none}
.featured-section{margin-bottom:30px}
.featured-section>h2,.section-heading h2{font-size:23px;line-height:1.5;margin:0 0 14px;font-weight:600}
.featured{display:grid;grid-template-columns:2fr 1fr;background:var(--journal-paper)}
.featured-image{display:block;min-height:300px;overflow:hidden}
.featured-image img{width:100%;height:100%;object-fit:cover;aspect-ratio:2/1;transition:transform .35s ease}
.featured-image:hover img{transform:scale(1.02)}
.featured-copy{padding:28px 28px 26px;align-self:center}
.guide-taxonomy{font-size:12px;line-height:1.8;color:var(--journal-gold);font-weight:500;letter-spacing:.015em}
.featured-copy h3{font-size:27px;line-height:1.5;margin:8px 0 12px;letter-spacing:.01em;text-wrap:pretty}
.featured-copy p{font-size:14px;color:var(--journal-muted);line-height:1.9;margin:0 0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.text-link{font-size:14px;color:var(--journal-gold);padding-bottom:4px;border-bottom:1px solid #b19a6e;display:inline-block}
.featured--text{grid-template-columns:1fr;border-left:3px solid #b29a71}
.featured--text .featured-copy{max-width:790px;padding:30px 36px}
.featured--text h3{font-size:30px}
.guide-section{border-top:1px solid var(--journal-line);padding-top:18px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.section-heading h2{margin:0}
.section-heading p{font-size:12px;color:var(--journal-muted);margin:4px 0 0}
.sort-label{font-size:13px;color:var(--journal-muted);padding-top:6px;white-space:nowrap}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;align-items:stretch}
.guide-card{display:flex;flex-direction:column;min-width:0;transition:color .2s}
.guide-image{overflow:hidden;aspect-ratio:1.8;background:var(--journal-paper)}
.guide-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.guide-card:hover img{transform:scale(1.035)}
.guide-copy{padding:12px 0 0;display:flex;flex-direction:column;flex:1}
.guide-copy h3{font-size:20px;line-height:1.6;letter-spacing:.005em;margin:4px 0 8px;text-wrap:pretty}
.guide-copy p{font-size:13px;color:var(--journal-muted);line-height:1.85;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.guide-copy time{font-size:11px;letter-spacing:.06em;color:#807c73;margin-top:auto;padding-top:5px}
.guide-card--text{border-top:2px solid #a88c5f;background:#f4f1eb;min-height:230px}
.guide-card--text .guide-copy{padding:23px 24px}
.guide-card--text h3{font-size:21px}
.active-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:12px 16px;background:var(--journal-paper)}
.active-filters p{font-size:13px;margin:0;overflow-wrap:anywhere}
.active-filters button,.empty-state button{background:none;border:0;border-bottom:1px solid #ab9369;cursor:pointer;min-height:44px;font-size:13px;color:var(--journal-gold);flex-shrink:0}
.empty-state{text-align:center;padding:45px 20px;background:var(--journal-paper)}
.empty-state h3{font-size:23px}.empty-state p{color:var(--journal-muted);font-size:14px}
.journal-notice{padding:12px 16px;background:#f4efe2;color:#655025;font-size:14px}
.journal-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:28px 0 0;font-size:13px}
.journal-pagination a,.journal-pagination>span{display:grid;place-items:center;min-width:40px;min-height:44px;padding:8px 12px}
.journal-pagination [aria-current="page"]{background:#292a27;color:white;border-radius:2px}
.journal-pagination [aria-disabled="true"]{color:#b6b3ac}
.journal-pagination .page-summary{color:#8a867d;font-size:12px}
.journal-cta{border-top:1px solid #bba581;background:#f7f5ef}
.journal-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px}
.journal-cta h2{font-size:24px;line-height:1.5}.journal-cta p{margin:4px 0 0;color:var(--journal-muted);font-size:14px}
.outline-link{border:1px solid #b29661;border-radius:2px;padding:11px 34px;font-size:14px;color:var(--journal-gold);white-space:nowrap;min-height:46px}
.outline-link:hover{background:#ebe4d7}
.journal-footer{background:var(--journal-bg);font-size:11px;color:var(--journal-muted)}
.journal-footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px}
.journal-footer span{margin-left:15px;letter-spacing:.2em;font-size:9px}.journal-footer p{margin:0}
.journal-article-page .article{max-width:860px;padding-top:38px;padding-bottom:60px}
.journal-article-page .article h1{font-size:clamp(28px,3.4vw,40px);line-height:1.5}
.journal-article-page .crumb{font-size:12px;line-height:1.8;margin-bottom:25px}
.article-summary{font-size:17px;color:var(--journal-muted);line-height:1.95;margin:22px 0 28px;padding-bottom:24px;border-bottom:1px solid var(--journal-line)}
.article-toc{background:var(--journal-paper);padding:15px 22px;margin:24px 0 35px;border-top:1px solid var(--journal-line);border-bottom:1px solid var(--journal-line)}
.article-toc summary{font-size:15px;font-weight:500;cursor:pointer;padding:4px 0;min-height:36px}
.article-toc ol{padding-left:22px;font-size:14px;line-height:1.9}.article-toc li{padding:5px 0}.article-toc .toc-level-3{margin-left:15px}
.journal-article-page .article .body h2,.journal-article-page .article .body h3{scroll-margin-top:25px}
.journal-article-page .article-cover img{border-radius:0;aspect-ratio:1.6}
.article-cover figcaption{font-size:11px;line-height:1.8;color:var(--journal-muted);margin-top:7px}.article-cover figcaption a{text-decoration:underline}
.journal-article-page .article .body img{max-width:100%;height:auto}
.journal-article-page .article .body figure{margin:24px 0}
.journal-article-page .related-reading{border-top:1px solid var(--journal-line);padding-top:25px;margin-top:36px}
.journal-article-page .related-reading h2{font-size:23px}.journal-article-page .related-reading ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.journal-article-page .related-reading li{font-size:15px;line-height:1.8}.related-reading .guide-taxonomy{display:block;margin-bottom:6px}
.journal-article-page .article .cta-block{border-radius:0;background:var(--journal-paper);border-color:var(--journal-line)}
@media(min-width:781px) and (max-width:1020px){.journal-intro{grid-template-columns:1fr 1fr;gap:25px}.journal-search input{font-size:12px}.journal-search button{padding:0 18px}.featured-copy{padding:22px}.featured-copy h3{font-size:23px}.featured-image{min-height:310px}.filter-options{gap:6px}.guide-copy h3{font-size:18px}}
@media(max-width:780px){
  .journal-page .wrap{padding-left:22px;padding-right:22px}.journal-header .inner{padding:18px 22px;min-height:80px;gap:12px;flex-wrap:wrap}
  .journal-header .brand-ja{font-size:20px}.journal-header .brand-en{font-size:8px;letter-spacing:.18em}
  .journal-header .brand{margin-right:auto}.journal-header .lang-switch{margin-left:auto;gap:0}.journal-header .lang-switch a{font-size:11px;min-width:30px;min-height:36px}
  .journal-header .menu-btn{display:block;min-width:44px;min-height:44px;padding:10px;margin-right:-10px}
  .journal-header nav{order:4;width:100%}.journal-header nav ul{display:none}.journal-header nav.open ul{display:flex;position:static;flex-direction:column;background:var(--journal-bg);border:0;border-top:1px solid var(--journal-line);padding:10px 0 0;gap:0}
  .journal-header nav a{padding:11px 2px}.journal-header nav a.active:after{display:none}
  .journal{padding-top:28px;padding-bottom:25px}.journal-intro{display:block;margin-bottom:18px}.eyebrow{font-size:10px;margin-bottom:10px}
  .journal-intro h1{font-size:34px;line-height:1.35}.journal-deck{font-size:15px;line-height:1.8;margin-top:8px}.journal-search{margin-top:20px;gap:8px}.journal-search input{padding:10px 12px;font-size:12px}.journal-search button{padding:0 20px;font-size:13px}
  .journal-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;margin-bottom:26px}.filter-row{display:none}.mobile-filter{display:block;min-width:0}
  .mobile-filter select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #cab99a;background:var(--journal-bg);border-radius:2px;color:#34352f;font-size:13px}
  .featured-section>h2,.section-heading h2{font-size:21px;margin-bottom:12px}.featured{display:block;background:none}.featured-image{min-height:0}.featured-image img{aspect-ratio:1.65;height:auto;max-height:380px}
  .featured-copy{padding:14px 0 0}.featured-copy h3{font-size:26px;line-height:1.5;margin:6px 0 10px}.featured-copy p{font-size:14px;line-height:1.9;margin-bottom:13px;-webkit-line-clamp:2}
  .featured--text{background:var(--journal-paper)}.featured--text .featured-copy{padding:23px}.featured--text h3{font-size:25px}
  .featured-section{margin-bottom:26px}.guide-section{padding-top:16px}.section-heading{margin-bottom:15px}.section-heading h2{margin:0}.sort-label{font-size:12px}.guide-grid{grid-template-columns:1fr;gap:0}
  .guide-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;border-bottom:1px solid #e8e2d7;padding:15px 0;min-height:140px}.guide-card:first-child{padding-top:0}
  .guide-image{aspect-ratio:1;height:112px}.guide-copy{padding:0}.guide-taxonomy{font-size:10px}.guide-copy h3{font-size:17px;line-height:1.65;margin:3px 0 5px}.guide-copy p{font-size:12px;line-height:1.75;margin-bottom:7px}.guide-copy time{font-size:10px;padding-top:0}
  .guide-card--text{grid-template-columns:1fr;background:transparent;border-top:0}.guide-card--text .guide-copy{padding:0}.guide-card--text h3{font-size:18px}.guide-card--text .guide-copy p{max-width:580px}
  .active-filters{padding:8px 12px;gap:12px}.active-filters p{font-size:12px}.active-filters button{font-size:12px}
  .journal-pagination{gap:3px;margin-top:18px}.journal-pagination a,.journal-pagination>span{padding:7px 10px;min-width:38px}
  .journal-cta>.wrap{display:block;padding-top:23px;padding-bottom:23px}.journal-cta h2{font-size:22px}.journal-cta p{font-size:13px;margin-top:6px}.journal-cta .outline-link{display:block;text-align:center;margin-top:18px;padding:11px 20px}
  .journal-footer>.wrap{flex-wrap:wrap;gap:9px 18px;font-size:10px}.journal-footer>.wrap>a:first-child{width:100%;font-size:12px}.journal-footer p{margin-right:auto}
  .journal-article-page .article{padding-top:25px}.journal-article-page .article .meta{font-size:11px;line-height:1.9}.article-summary{font-size:15px;line-height:1.95}.article-toc{padding:12px 17px}.journal-article-page .related-reading ul{grid-template-columns:1fr;gap:16px}
}
@media(max-width:380px){.journal-header .inner{gap:6px;padding-left:18px;padding-right:18px}.journal-header .brand-ja{font-size:18px}.journal-header .lang-switch a{min-width:27px;padding:4px;font-size:10px}.journal-page .wrap{padding-left:18px;padding-right:18px}.journal-intro h1{font-size:30px}.journal-search input{font-size:11px}.journal-search button{padding:0 16px}.guide-card{grid-template-columns:96px minmax(0,1fr)}.guide-card--text{grid-template-columns:1fr}.guide-image{height:96px}.featured-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.journal-page *{scroll-behavior:auto!important;transition:none!important}}
.guide-entry{display:flex;flex-direction:column;min-width:0}.guide-entry .guide-card{flex:1}
.image-credit{font-size:10px;line-height:1.7;color:#817b70;margin:7px 0 0;overflow-wrap:anywhere}.image-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.featured-section>.image-credit{max-width:100%;margin-top:8px}.featured-image img{object-position:50% 55%}
@media(max-width:780px){.guide-entry{border-bottom:1px solid #e8e2d7;padding:14px 0}.guide-entry:first-child{padding-top:0}.guide-entry .guide-card{padding:0;border-bottom:0}.guide-entry .image-credit{font-size:10px;margin:8px 0 0}.guide-card--text{min-height:0}.featured-section>.image-credit{font-size:10px}}
