/* Bellbo header and dialogue contrast, 2026-10-15. */
.migration-header.bellbo-site-header{max-width:none;padding:6px max(24px,calc((100vw - 1400px)/2));display:flex;flex-wrap:nowrap;gap:32px;align-items:center;position:relative;z-index:30}
.bellbo-site-header .bellbo-site-logo{display:block;flex:0 0 200px;width:200px;min-width:0;max-width:none;line-height:0}
.bellbo-site-logo img{display:block;width:200px;height:auto;max-width:100%}
.bellbo-site-header #migration-nav{display:flex;flex:1;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:clamp(13px,1.4vw,25px);font-size:14px;line-height:1.6;min-width:0}
.bellbo-site-header #migration-nav>a,.bellbo-site-header summary{white-space:nowrap;display:block;padding:12px 0;text-decoration:none;color:var(--ink)}
.bellbo-site-header summary{list-style:none;cursor:pointer}
.bellbo-site-header summary::-webkit-details-marker{display:none}
.bellbo-site-header summary:after{content:'⌄';display:inline-block;margin-left:7px;font-size:12px;color:var(--accent)}
.bellbo-site-header .bellbo-nav-group{position:relative}
.bellbo-site-header .bellbo-nav-group[open]>summary,.bellbo-site-header #migration-nav a:hover{color:var(--accent)}
.bellbo-site-header .bellbo-nav-panel{position:absolute;top:100%;left:-20px;min-width:235px;background:#121a30;border:1px solid #d3b57066;border-radius:8px;padding:9px;box-shadow:0 16px 40px #0006}
.bellbo-site-header .bellbo-nav-group:last-of-type .bellbo-nav-panel{left:auto;right:-20px}
.bellbo-site-header .bellbo-nav-panel a{display:block;padding:11px 14px;text-decoration:none;white-space:nowrap;font-size:14px;border-radius:4px}
.bellbo-site-header .bellbo-nav-panel a:hover{background:#ffffff0a}
.bellbo-site-header .migration-menu{display:none}
.migration-article .post_content .up-dialogue-card{--up-bg:#f6f0e4;--up-accent:#ddb96c;color:#202737}
.migration-article .post_content .up-dialogue-card--amamori{--up-bg:#edf5fa;--up-accent:#9bd0eb}
.migration-article .post_content .up-dialogue-card__copy{background:var(--up-bg);color:#202737;font-size:18px;line-height:1.95;padding:24px 26px;box-shadow:none;border-color:#a3895059}
.migration-article .post_content .up-dialogue-card--amamori .up-dialogue-card__copy{border-color:#71a9c566}
.migration-article .post_content .up-dialogue-card__copy p{color:inherit;line-height:inherit;margin:0 0 1em}
.migration-article .post_content .up-dialogue-card__copy p:last-child{margin-bottom:0}
.migration-article .post_content .up-dialogue-card__copy a{color:#755010;text-decoration:underline}
.migration-article .post_content .up-dialogue-card--amamori .up-dialogue-card__copy a{color:#175574}
.migration-article .post_content .up-dialogue-card__speaker{margin:0;color:#edcd87}
.migration-article .post_content .up-dialogue-card--amamori .up-dialogue-card__speaker{color:#acdff6}
.migration-article .post_content .up-dialogue-card__speaker figcaption{color:inherit;opacity:1;font-size:14px;font-weight:700;line-height:1.6}
.migration-article .post_content .up-article-key{color:#f4dfaf}
@media(max-width:1100px){
 .migration-header.bellbo-site-header{padding:6px 24px;justify-content:space-between;flex-wrap:wrap;gap:0 20px}
 .bellbo-site-header .bellbo-site-logo{flex-basis:180px;width:180px}
 .bellbo-site-logo img{width:180px}
 .bellbo-site-header .migration-menu{display:block;border:1px solid #d3b57066;border-radius:5px;background:transparent;color:var(--ink);padding:9px 13px;font-size:13px}
 .bellbo-site-header #migration-nav{display:none;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 18px}
 .bellbo-site-header #migration-nav.is-open{display:flex}
 .bellbo-site-header #migration-nav>a,.bellbo-site-header summary{padding:13px 4px;border-bottom:1px solid #ffffff18}
 .bellbo-site-header summary{display:flex;justify-content:space-between}
 .bellbo-site-header .bellbo-nav-panel,.bellbo-site-header .bellbo-nav-group:last-of-type .bellbo-nav-panel{position:static;min-width:0;margin:4px 0 10px;border-radius:4px;box-shadow:none;padding:5px 9px}
 .bellbo-site-header .bellbo-nav-panel a{white-space:normal;border-bottom:0!important;padding:12px 14px!important}
}
@media(max-width:640px){
 .migration-header.bellbo-site-header{padding:4px 20px}
 .bellbo-site-header .bellbo-site-logo{flex-basis:174px;width:174px}
 .bellbo-site-logo img{width:174px}
 .migration-article .post_content .up-dialogue-card__copy{font-size:17px;line-height:1.95;padding:19px 18px}
}