/* 2026-09-16: retain the adopted editorial UI; refine navigation and cards. */
.magazine .mg-header .ed-top-categories{margin-bottom:0}
.magazine .mg-header .ed-quick-menu{grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr) minmax(0,.55fr) minmax(0,1.1fr);width:100%;margin:0 auto;padding:0 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.magazine .ed-quick-menu a{padding-inline:4px;position:relative;min-height:58px;text-align:center;white-space:nowrap;touch-action:manipulation}
.magazine .ed-quick-menu a[aria-current="page"]{font-weight:700}
.magazine .ed-quick-menu a[aria-current="page"]:after{content:'';position:absolute;bottom:6px;left:30%;right:30%;height:2px;background:var(--wine)}
.magazine .ed-quick-menu a:active,.magazine .ed-top-categories a:active,.magazine .ed-blog-categories a:active{background:var(--camel)}
.magazine .ed-carousel-controls{padding-inline:6px;gap:0}
.magazine .ed-carousel-controls button,.magazine .ed-carousel-controls .ed-dots button,.magazine .ed-carousel-controls .ed-play{flex:0 0 44px;min-width:44px;width:44px;height:44px;margin:0}
.magazine .ed-carousel-controls button:active{background:var(--camel);border-radius:10px}
.magazine .mg-breadcrumb>a{min-height:44px;display:inline-flex;align-items:center}
.magazine #guide .ed-article-grid{gap:24px 12px}
.magazine #guide .ed-article-card,.magazine #experiences .ed-article-card{border:1px solid var(--line);border-radius:12px;background:var(--cream);overflow:hidden;position:relative}
.magazine #guide .ed-card-copy{padding:14px 12px 18px}
.magazine #guide .ed-article-card:first-child .ed-card-copy{padding:22px 20px 24px}
.magazine #guide .ed-article-card:last-child .ed-card-copy{padding:18px 16px}
.magazine .ed-thumbnail{position:relative}
.magazine .ed-thumbnail>.ed-article-category{position:absolute;z-index:1;top:10px;left:10px;max-width:calc(100% - 20px);margin:0;padding:4px 9px;border-radius:4px;background:var(--wine);color:var(--cream);font:500 13px/1.7 'Noto Sans JP';letter-spacing:0;overflow-wrap:break-word}
.magazine .ed-article-card:active{box-shadow:inset 0 0 0 2px var(--line)}
.magazine .ed-article-card:active h3{text-decoration:underline;text-underline-offset:4px}
.magazine .ed-invitation-photo{object-position:center 20%}
@media(max-width:359px){
 .magazine #guide .ed-card-copy{padding:13px 10px 16px}
 .magazine #guide .ed-article-card:last-child .ed-card-copy{padding:16px 12px}
}
@media(min-width:600px){
 .magazine #guide .ed-article-grid{gap:30px 24px}
 .magazine #guide .ed-card-copy{padding:20px}
 .magazine #guide .ed-article-card:first-child .ed-card-copy{padding:28px}
 .magazine .ed-invitation-photo{object-position:center 15%}
}
@media(min-width:960px){
 .magazine #guide .ed-article-grid{gap:36px 28px}
 .magazine #guide .ed-article-card:last-child .ed-card-copy{padding:24px 28px}
}

/* Keep the AI Magic composer inside its narrow mobile thumbnail. */
.magazine #guide a[href$="ai-magic.html"] .ed-thumbnail{aspect-ratio:auto;min-height:132px;flex-shrink:0}
.magazine #guide .ed-magic-preview{box-sizing:border-box;width:100%;min-width:0;min-height:132px;padding:12px 10px;gap:10px}
.magazine #guide .ed-magic-preview>p{text-wrap:balance;overflow-wrap:break-word}
.magazine #guide .ed-magic-preview .ed-composer-preview{box-sizing:border-box;width:100%;min-width:0;gap:6px;padding:8px 6px}
.magazine #guide .ed-composer-preview img{width:24px;height:24px;flex:0 0 24px}
.magazine #guide .ed-composer-preview span{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.6}

/* Compact article breadcrumbs, aligned with the article heading. */
.magazine .mg-breadcrumb{max-width:760px;align-items:flex-start;gap:8px;margin-bottom:0;font-size:13px;line-height:1.7}
.magazine .mg-breadcrumb>a{flex:0 0 auto;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:3px}
.magazine .mg-breadcrumb>[aria-hidden="true"]{flex:0 0 auto;padding-top:11px}
.magazine .mg-breadcrumb>[aria-current="page"]{flex:1;min-width:0;padding-block:11px;overflow-wrap:anywhere}