/* Editorial-only layout. The studio LP keeps its existing mobile-first design. */
body.article-page,body.editorial-index{max-width:none;width:100%;padding-bottom:0;box-shadow:none;background:#fff;color:#26343a}
.article-page .site-header,.editorial-index .site-header{max-width:none;width:100%;left:0;transform:none;height:72px;padding:0 max(24px,calc((100vw - 1120px)/2));box-shadow:none;background:#fff}
.article-page .brand,.editorial-index .brand{width:145px;flex-shrink:0}
.article-page .global-nav,.editorial-index .global-nav{display:flex;font-family:inherit;font-size:12px;gap:24px;margin-left:auto}
.article-page .menu-button,.editorial-index .menu-button{display:none}
.article-page .header-reserve,.editorial-index .header-reserve{display:none}
.article-page .mobile-reserve,.editorial-index .mobile-reserve{display:none}
.article-breadcrumb{max-width:1120px;margin:72px auto 0;padding:23px 20px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#60717a;border-bottom:1px solid #eef1f2}
.article-breadcrumb a:hover{text-decoration:underline}
.article-layout{display:grid;grid-template-columns:minmax(0,800px) 220px;gap:48px;max-width:1120px;margin:0 auto;padding:36px 20px 64px;align-items:start}
.editorial{min-width:0;background:#fff}
.article-heading{padding:0 0 24px}
.article-category{display:inline-block;background:#eef1f2;color:#496b7b;border-radius:4px;padding:4px 10px;font-size:11px;margin-bottom:16px;letter-spacing:.04em}
.article-heading h1{font:700 30px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif;letter-spacing:.015em;margin:0 0 18px;color:#26343a}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#61747d;margin:0}
.article-cover{margin:8px 0 32px}
.article-cover-design{display:grid;grid-template-columns:1fr 1fr;min-height:280px;background:#eef1f2;border-radius:8px;overflow:hidden;position:relative}
.cover-copy{padding:32px 8px 32px 30px;align-self:center;z-index:1}
.cover-copy>span{font-size:11px;color:#496b7b;display:block;margin-bottom:16px}
.cover-copy strong{font-size:28px;line-height:1.65;color:#355462;font-weight:700}
.cover-copy em{font:italic 40px Georgia,serif;margin-right:6px}
.cover-copy p{font-size:13px;color:#61747d;margin:16px 0 0}
.article-cover img{height:100%;width:100%;object-fit:cover;object-position:center}
.article-cover figcaption{font-size:11px;color:#61747d;margin-top:8px}
.article-content{font-size:15px;line-height:2;letter-spacing:.02em;overflow-wrap:anywhere}
.article-content p{margin:0 0 22px}
.article-content>section{margin-top:46px}
.article-content section,.article-content h3{scroll-margin-top:92px}
.article-content h2{font-size:23px;line-height:1.7;letter-spacing:.02em;font-weight:700;background:#eef1f2;border-left:4px solid #496b7b;padding:16px 20px;margin:0 0 26px}
.article-content h3{font-size:19px;line-height:1.7;font-weight:700;margin:30px 0 16px}
.article-content a:not(.primary-button):not(.text-link){text-decoration:underline;text-underline-offset:4px;color:#355462}
.editorial-note{font-size:12px;line-height:1.9;color:#526770;border-left:2px solid #cbd6da;padding:0 0 0 16px;margin:26px 0}
.editorial-note p{margin:0 0 10px}
.article-toc{border:1px solid #d5dfe3;border-radius:6px;padding:24px 28px;margin:32px 0;background:#fff}
.article-toc>p{font-size:16px;font-weight:700;border-bottom:1px solid #eef1f2;padding-bottom:12px;margin-bottom:12px}
.article-toc ol{padding-left:22px;margin:0}
.article-toc li{padding:5px 0;font-size:14px}
.article-toc a{color:#355462;text-decoration:none!important}
.article-toc a:hover{text-decoration:underline!important}
.article-content .region-heading{border-bottom:2px solid #496b7b;padding-bottom:10px;color:#355462}
.studio-profile{border:1px solid #d5dfe3;border-radius:8px;padding:26px;margin:20px 0 32px;background:#fff}
.studio-card-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.studio-card-heading h3{margin:0;font-size:21px}
.studio-number{display:flex;flex:0 0 34px;height:34px;align-items:center;justify-content:center;background:#496b7b;color:#fff;border-radius:4px;font-size:14px}
.studio-tagline{font-size:14px;font-weight:700;color:#355462;margin-bottom:20px!important}
.studio-sample{margin:0 0 20px}
.studio-sample img{aspect-ratio:16/9;object-fit:cover;object-position:center 65%;border-radius:4px}
.studio-sample figcaption{font-size:11px;color:#61747d;margin-top:6px}
.studio-details{width:100%;border-collapse:collapse;font-size:13px;line-height:1.85;margin:20px 0}
.studio-details caption{text-align:left;font-size:12px;font-weight:700;padding-bottom:8px}
.studio-details th,.studio-details td{border:1px solid #d5dfe3;text-align:left;padding:12px;vertical-align:top}
.studio-details th{width:115px;background:#eef1f2;font-weight:700}
.studio-profile .text-link{font-size:13px;margin-top:4px;gap:12px}
.table-hint{font-size:12px;color:#61747d;margin-bottom:8px!important}
.comparison-scroll{overflow-x:auto;border:1px solid #d5dfe3;border-radius:4px}
.comparison-scroll:focus-visible{outline:2px solid #496b7b;outline-offset:3px}
.studio-comparison{width:100%;min-width:680px;border-collapse:collapse;font-size:13px;line-height:1.8}
.studio-comparison caption{text-align:left;padding:12px;background:#eef1f2;font-size:12px}
.studio-comparison th,.studio-comparison td{padding:14px;vertical-align:top;border-bottom:1px solid #d5dfe3;border-right:1px solid #d5dfe3;text-align:left}
.studio-comparison thead{background:#496b7b;color:#fff}
.studio-comparison tbody th{width:140px;font-weight:700;background:#f5f7f8}
.studio-comparison small{display:block;margin-top:6px;font-size:11px}
.source-note{font-size:12px;line-height:1.9;margin-top:16px!important}
.purpose-guide{display:grid;gap:12px;margin:24px 0}
.purpose-guide a{display:flex;flex-direction:column;border:1px solid #d5dfe3;border-radius:4px;padding:16px 20px;text-decoration:none!important}
.purpose-guide strong{font-size:14px;color:#26343a}
.purpose-guide span{font-size:13px;margin-top:5px}
.purpose-guide a:hover{background:#eef1f2}
.article-content ul{padding-left:22px;margin:0 0 22px}
.article-content li{margin-bottom:10px}
.article-questions h3{font-size:17px;border-bottom:1px solid #d5dfe3;padding-bottom:12px}
.article-questions h3:before{content:"Q.";color:#496b7b;margin-right:8px}
.article-booking{border:1px solid #d5dfe3;border-radius:6px;padding:24px}
.article-booking h2{font-size:19px;padding:0;background:none;border:0;margin-bottom:16px}
.studio-area{font-size:12px;font-weight:700;color:#496b7b;margin-bottom:10px!important}
.article-booking .primary-button{font-size:13px;min-width:0;width:auto;padding:15px 20px;display:inline-flex}
.article-booking .text-link{display:inline-flex;font-size:13px;margin:12px 0 0;gap:12px}
.article-byline{font-size:12px;color:#61747d;padding-top:24px;margin-top:32px!important;border-top:1px solid #d5dfe3}
.article-sidebar{height:100%;min-height:0}
.sidebar-inner{position:sticky;top:100px;padding:22px 0;border-top:3px solid #496b7b}
.sidebar-title{font-size:14px;font-weight:700;margin-bottom:16px}
.sidebar-inner>a{display:block;font-size:12px;padding:8px 0;line-height:1.8;border-bottom:1px solid #eef1f2;color:#526770}
.sidebar-inner a:hover{color:#355462;text-decoration:underline}
.sidebar-more{padding-top:24px;margin-top:12px}
.sidebar-more p{font-size:12px;font-weight:700}
.sidebar-more a{font-size:12px;display:block;margin:12px 0}
.article-page .breadcrumb,.editorial-index .breadcrumb{max-width:1120px;padding:20px;margin:0 auto;font-size:11px;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #eef1f2}
.article-page footer,.editorial-index footer{padding:36px 20px;background:#eef1f2}
.article-page .footer-brand,.editorial-index .footer-brand{width:150px;margin-bottom:24px}
.article-page footer nav,.editorial-index footer nav{font-family:inherit;font-size:12px}
.article-page footer>p,.editorial-index footer>p{font:11px/1.8 inherit}
.editorial-index>main{max-width:1120px;margin:0 auto}
.editorial-index .column-hero{margin-top:72px;padding:44px 20px 36px;background:#fff;border-bottom:1px solid #d5dfe3}
.editorial-index .column-hero .section-en{font-size:10px;margin-bottom:12px}
.editorial-index .column-hero h1{font-family:inherit;font-size:30px;font-weight:700;letter-spacing:.02em;margin-bottom:12px}
.editorial-index .column-hero>p:last-child{font-size:14px;line-height:1.9;margin-bottom:0}
.editorial-index .featured-columns{padding:28px 20px;background:#eef1f2;color:#26343a}
.editorial-index .featured-columns>.column-label{margin:0 0 18px;border-color:#cbd6da}
.editorial-index .featured-columns>.column-label span{color:#61747d}
.editorial-index .featured-scroll{padding:0 0 10px;gap:16px}
.editorial-index .featured-card{flex-basis:32%;border-radius:6px;overflow:hidden;border:1px solid #d5dfe3}
.editorial-index .featured-card h2{font-family:inherit;font-weight:700;font-size:16px}
.editorial-index .featured-card p{font-size:12px}
.editorial-index .featured-columns .swipe-note{color:#61747d}
.editorial-index .column-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;padding:40px 20px}
.editorial-index .column-label h2{font-family:inherit;font-size:20px;font-weight:700}
.editorial-index .column-label span{font-size:10px}
.editorial-index .column-card>a{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:26px 0}
.editorial-index .column-card img{aspect-ratio:4/3;object-fit:cover;border-radius:5px}
.editorial-index .column-card h2{font-family:inherit;font-size:18px;font-weight:700;line-height:1.7;letter-spacing:0}
.editorial-index .column-card p{font-size:13px;line-height:1.9}
.editorial-index .read-more{font-size:12px;color:#496b7b}
.editorial-index .column-side{margin:0}
.editorial-index .pickup{position:sticky;top:100px}
.editorial-index .pickup h2,.editorial-index .pickup h3{font-family:inherit;font-weight:700}
.editorial-index .pickup h3{font-size:12px}
.editorial-index .pickup>a{grid-template-columns:70px 18px minmax(0,1fr);gap:10px}
.editorial-index .pickup img{width:70px}
.mini-guides{margin:0 20px 36px;border:1px solid #d5dfe3;border-radius:5px}
.mini-guides>summary{cursor:pointer;padding:20px;font-weight:700;font-size:16px}
.mini-guides>summary span{display:block;font-size:12px;font-weight:400;margin:6px 0 0}
.editorial-index .column-articles{padding:0 20px}
.editorial-index .column-article h2{font-size:19px}
.editorial-index .final-cta{padding:32px 20px;margin:0 20px 32px;border-radius:6px;background:#eef1f2;color:#26343a;text-align:left}
.editorial-index .final-cta h2{font-family:inherit;font-size:21px;letter-spacing:0;font-weight:700}
.editorial-index .final-cta .section-en{color:#496b7b}
.editorial-index .final-cta>p:not(.section-en){font-size:13px;margin-bottom:18px}
.editorial-index .final-cta .primary-button{width:auto;background:#496b7b;color:#fff;font-size:13px;padding:16px 20px}
@media(max-width:1000px){
.article-layout{max-width:840px;grid-template-columns:minmax(0,1fr);padding-top:28px}
.article-sidebar{display:none}
.article-breadcrumb{max-width:840px}
.article-page .global-nav,.editorial-index .global-nav{gap:14px;font-size:11px}
.editorial-index .column-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}
.editorial-index .featured-card{flex-basis:46%}
.editorial-index .column-card>a{grid-template-columns:150px minmax(0,1fr);gap:20px}
}
@media(max-width:700px){
.article-page .site-header,.editorial-index .site-header{height:64px;padding:0 20px}
.article-page .global-nav,.editorial-index .global-nav{display:none}
.article-page .menu-button,.editorial-index .menu-button{display:flex}
.article-page .global-nav.open,.editorial-index .global-nav.open{display:flex;position:fixed;inset:64px 0 0;transform:none;width:100%;height:calc(100svh - 64px);background:#fff;font-size:18px;gap:25px}
.article-breadcrumb{margin-top:64px;padding:16px 20px;font-size:10px}
.article-layout{padding:24px 20px 36px;display:block}
.article-heading h1{font-size:24px;line-height:1.65;margin-bottom:16px}
.article-meta{font-size:10px;gap:6px 12px}
.article-category{font-size:10px;margin-bottom:12px}
.article-cover{margin:4px 0 24px}
.article-cover-design{min-height:200px;grid-template-columns:1fr 1fr}
.cover-copy{padding:22px 0 22px 18px}
.cover-copy>span{font-size:8px;letter-spacing:0;margin-bottom:10px}
.cover-copy strong{font-size:18px;line-height:1.7;letter-spacing:0}
.cover-copy em{font-size:27px}
.cover-copy p{font-size:10px;letter-spacing:0;margin-top:12px}
.article-cover figcaption{font-size:10px}
.article-content{font-size:14px;line-height:2}
.article-content>section{margin-top:32px}
.article-content h2{font-size:19px;line-height:1.75;padding:13px 14px;margin-bottom:20px}
.article-content h3{font-size:17px}
.article-toc{padding:18px 20px;margin:24px 0}
.article-toc li{font-size:12px;line-height:1.8;padding:6px 0}
.editorial-note{font-size:11px}
.studio-profile{padding:18px 14px;margin-bottom:24px}
.studio-card-heading{gap:10px}
.studio-card-heading h3{font-size:18px}
.studio-number{flex-basis:28px;height:28px;font-size:12px}
.studio-tagline{font-size:12px}
.studio-details{font-size:12px}
.studio-details th{width:82px}
.studio-details th,.studio-details td{padding:10px}
.studio-profile p{font-size:13px;line-height:1.95}
.purpose-guide a{padding:14px}
.purpose-guide strong{font-size:13px}
.article-booking{padding:20px 16px}
.article-booking h2{font-size:18px;background:none;border:0;padding:0}
.editorial-index .column-hero{margin-top:64px;padding:32px 20px 28px}
.editorial-index .column-hero h1{font-size:26px}
.editorial-index .column-hero>p:last-child{font-size:12px}
.editorial-index .featured-columns{padding:22px 20px}
.editorial-index .featured-card{flex-basis:85%}
.editorial-index .featured-card div{padding:18px}
.editorial-index .column-layout{display:block;padding:28px 20px}
.editorial-index .column-card>a{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:22px 0}
.editorial-index .column-card h2{font-size:14px;line-height:1.75;margin:6px 0}
.editorial-index .column-card p{font-size:11px;-webkit-line-clamp:2}
.editorial-index .column-card time{font-size:10px}
.editorial-index .read-more{font-size:10px;margin-top:10px}
.editorial-index .column-side{margin-top:36px}
.editorial-index .pickup{position:static}
.editorial-index .pickup>a{grid-template-columns:80px 20px minmax(0,1fr)}
.editorial-index .pickup img{width:80px}
.editorial-index .final-cta{padding:24px 18px}
.editorial-index .final-cta h2{font-size:18px}
}
@media(max-width:360px){
.article-layout,.article-breadcrumb{padding-left:16px;padding-right:16px}
.article-heading h1{font-size:22px}
.cover-copy{padding-left:12px}
.cover-copy strong{font-size:16px}
.editorial-index .column-card>a{grid-template-columns:90px minmax(0,1fr);gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}