/* Cebu only. Shared navigation, other archives and school-detail pages keep their own layout. */
.cbs-modern #cb-main .cbs-city-hero { padding:26px 0 58px; background:#fff; }
.cbs-modern #cb-main .cbs-city-wide { width:min(1360px,calc(100% - 48px)); margin-inline:auto; }
.cbs-modern #cb-main .cbs-city-wide>.cb-crumbs { margin:0 8px 23px; font-size:11px; }
.cbs-modern #cb-main .cbs-city-cover { position:relative; isolation:isolate; min-height:500px; border-radius:28px; overflow:hidden; background:var(--clear-blue-deep); }
.cbs-modern #cb-main .cbs-city-cover__photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 61%; z-index:-2; }
.cbs-modern #cb-main .cbs-city-cover::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(9,39,69,.76),rgba(9,39,69,.39) 44%,rgba(9,39,69,0) 78%); }
.cbs-modern #cb-main .cbs-city-cover__copy { padding:49px 60px 51px; color:#fff; }
.cbs-modern #cb-main .cbs-city-cover__copy .cbs-script { color:#fff; font-size:35px!important; margin:0 0 17px; }
.cbs-modern #cb-main .cbs-city-cover h1 { font-size:clamp(43px,5.2vw,68px); color:#fff; line-height:1.4; letter-spacing:.045em; margin:0; }
.cbs-modern #cb-main .cbs-city-cover__message { font-size:24px; font-weight:500; line-height:1.85; letter-spacing:.05em; margin:19px 0 27px; }
.cbs-modern #cb-main .cbs-city-cover .cbs-button { background:var(--clear-yellow); color:var(--clear-blue-deep); min-width:257px; }
.cbs-modern #cb-main .cbs-city-cover .cbs-button:hover { background:#ffea8c; }
.cbs-modern #cb-main .cbs-city-cover__sign { position:absolute; right:38px; bottom:21px; margin:0; font:600 49px/1.2 'Caveat',cursive; color:#fff; transform:rotate(-6deg); }
.cbs-modern #cb-main .cbs-city-intro { display:grid; grid-template-columns:1.4fr 1fr; gap:90px; align-items:center; margin-top:46px; }
.cbs-modern #cb-main .cbs-city-intro .cbs-script { font-size:30px!important; margin-bottom:18px; }
.cbs-modern #cb-main .cbs-city-intro__text { margin:0; font-size:15px; line-height:2.05; color:#334b69; word-break:keep-all; overflow-wrap:anywhere; }
.cbs-modern #cb-main .cbs-city-guide-links { position:relative; padding-right:76px; }
.cbs-modern #cb-main .cbs-city-guide-links>img { position:absolute; width:68px; height:94px; right:-7px; top:22px; transform:rotate(7deg); }
.cbs-modern #cb-main .cbs-city-guide-links a { display:flex; justify-content:space-between; gap:10px; padding:11px 0; border-bottom:1px solid #d8e4ef; color:var(--clear-blue-deep); font-size:14px; font-weight:700; text-decoration:none; }
.cbs-modern #cb-main .cbs-city-guide-links a:hover { color:var(--clear-blue); text-decoration:underline; text-underline-offset:5px; }
.cbs-modern #cb-main .cbs-city-guide-links a>span { flex:none; }
.cbs-modern #cb-main .cbs-city-schools { padding-inline:24px; }
.cbs-modern #cb-main .cbs-city-schools>.cbs-wrap { width:min(1160px,100%); }
.cbs-modern #cb-main .cbs-city-tuition { display:grid; grid-template-columns:.86fr 1fr 1fr; gap:22px 32px; margin-bottom:60px; align-items:start; }
.cbs-modern #cb-main .cbs-city-tuition .cbs-script { font-size:29px!important; margin:0 0 16px; }
.cbs-modern #cb-main .cbs-city-tuition :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { font-size:27px; line-height:1.65; letter-spacing:.035em; color:var(--clear-blue-deep); margin:0 0 15px; }
.cbs-modern #cb-main .cbs-city-tuition__head>p:last-child { font-size:12px; color:#536780; line-height:1.9; margin:0; }
.cbs-modern #cb-main .cbs-city-tuition__currency { min-width:0; background:#fff; border-radius:22px; padding:28px 25px 23px; }
.cbs-modern #cb-main .cbs-city-tuition__currency:nth-child(3) { background:#fff9e6; }
.cbs-modern #cb-main .cbs-city-tuition__label { font-size:13px; font-weight:700; color:var(--clear-blue-deep); display:flex; gap:15px; align-items:baseline; justify-content:space-between; margin:0 0 22px; }
.cbs-modern #cb-main .cbs-city-tuition__label>span { font-weight:400; font-size:11px; color:#536780; }
.cbs-modern #cb-main .cbs-city-tuition__range { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 9px; color:var(--clear-blue-deep); }
.cbs-modern #cb-main .cbs-city-tuition__range>span { white-space:nowrap; font-size:17px; }
.cbs-modern #cb-main .cbs-city-tuition__range b { font-size:clamp(25px,2.55vw,34px); letter-spacing:-.035em; line-height:1.4; }
.cbs-modern #cb-main .cbs-city-tuition__range i { font-size:18px; font-style:normal; }
.cbs-modern #cb-main .cbs-city-tuition__median { margin:22px 0 0; padding-top:16px; border-top:1px solid #d7e1eb; color:#536780; font-size:11px; display:flex; align-items:baseline; gap:12px; }
.cbs-modern #cb-main .cbs-city-tuition__median strong { font-size:17px; color:var(--clear-blue-deep); }
.cbs-modern #cb-main .cbs-city-tuition__note { grid-column:2/-1; color:#536780; font-size:11px; line-height:1.95; margin:0; }
.cbs-modern #cb-main .cbs-city-schools .cbs-finder { border-radius:26px; padding:33px 37px; margin-bottom:53px; }
.cbs-modern #cb-main .cbs-city-schools .cbs-finder__head :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { font-size:31px; letter-spacing:.015em; }
.cbs-modern #cb-main .cbs-city-schools .cbs-finder__head img { width:58px; height:58px; }
.cbs-modern #cb-main .cbs-city-schools .cbs-filter-context a { white-space:nowrap; }
.cbs-modern #cb-main .cbs-city-quick { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin:0 0 26px; }
.cbs-modern #cb-main .cbs-city-quick>span { font-size:12px; color:#536780; margin-right:5px; }
.cbs-modern #cb-main .cbs-city-quick a { display:inline-flex; gap:9px; align-items:baseline; padding:8px 12px; border-radius:7px; background:#edf4fb; color:var(--clear-blue-deep); font-size:12px; font-weight:700; text-decoration:none; }
.cbs-modern #cb-main .cbs-city-quick a:hover { background:#dceafa; }
.cbs-modern #cb-main .cbs-city-quick small { font-weight:400; font-size:10px; color:#536780; }
.cbs-modern #cb-main .cbs-city-schools .cbs-card { padding:0; border-radius:22px; }
.cbs-modern #cb-main .cbs-city-schools .cbs-card__photo { aspect-ratio:1.55; border-radius:22px 22px 0 0; }
.cbs-modern #cb-main .cbs-city-schools .cbs-card__body { padding:25px 24px 23px; }
.cbs-modern #cb-main .cbs-city-schools .cbs-card h3 { font-size:27px; }
.cbs-modern #cb-main .cbs-city-schools .cbs-card__facts>div:first-child { padding:13px 15px; }
.cbs-modern #cb-main .cbs-city-schools .cbs-card__actions { gap:8px; }
.cbs-modern #cb-main .cbs-city-schools .cbs-card__actions>.cbs-text-link { font-size:13px; }
.cbs-modern #cb-main .cbs-city-consult>.cbs-wrap { width:min(1160px,100%); }
.cbs-modern #cb-main .cbs-city-consult :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display)>span { display:inline-block; }
.cbs-modern #cb-main .cbs-city-consult__grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:70px; align-items:center; }
.cbs-modern #cb-main .cbs-city-consult figure { margin:0; min-width:0; }
.cbs-modern #cb-main .cbs-city-consult figure img { width:100%; aspect-ratio:1.14; height:auto; object-fit:cover; object-position:60% center; border-radius:24px; }
.cbs-modern #cb-main .cbs-city-consult figcaption { color:#e6efff; margin:13px 0 0; font-size:11px; }
.cbs-modern #cb-main .cbs-city-consult :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { color:#fff; font-size:clamp(26px,2.8vw,36px); letter-spacing:.015em; line-height:1.8; margin:0; }
.cbs-modern #cb-main .cbs-city-consult__grid>div>.cbs-script { color:var(--clear-yellow); margin-bottom:22px; }
.cbs-modern #cb-main .cbs-city-consult__grid>div>p:not(.cbs-script,.cb-h2-display) { font-size:14px; color:#fff; line-height:2; margin:22px 0; }
.cbs-modern #cb-main .cbs-city-consult__actions { display:flex; flex-direction:column; align-items:start; gap:13px; margin-top:28px; }
.cbs-modern #cb-main .cbs-city-consult .cbs-button { background:var(--clear-yellow); color:var(--clear-blue-deep); }
.cbs-modern #cb-main .cbs-city-consult .cbs-button:hover { background:#ffea8c; }
.cbs-modern #cb-main .cbs-city-consult .cb-line-badge { color:var(--cb-line-dark,#06a94a); background:#fff; }
.cbs-modern #cb-main .cbs-city-consult .cbs-text-link { color:#fff; font-size:13px; }
.cbs-modern #cb-main .cbs-city-consult__grid>div>p.cbs-city-consult__note { font-size:11px; color:#d7e7fc; }
@media(max-width:1050px) {
 .cbs-modern #cb-main .cbs-city-cover__copy { padding-inline:40px; }
 .cbs-modern #cb-main .cbs-city-intro { grid-template-columns:1.3fr 1fr; gap:40px; }
 .cbs-modern #cb-main .cbs-city-guide-links { padding-right:0; }
 .cbs-modern #cb-main .cbs-city-guide-links>img { display:none; }
 .cbs-modern #cb-main .cbs-city-tuition { grid-template-columns:1fr 1fr; gap:20px; }
 .cbs-modern #cb-main .cbs-city-tuition__head { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; column-gap:30px; align-items:center; }
 .cbs-modern #cb-main .cbs-city-tuition__head>.cbs-script { grid-column:1; margin-bottom:10px; }
 .cbs-modern #cb-main .cbs-city-tuition__head>:is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { grid-column:1; margin:0; }
 .cbs-modern #cb-main .cbs-city-tuition__head>:is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) br { display:none; }
 .cbs-modern #cb-main .cbs-city-tuition__head>h2.cb-h2-label { grid-column:1; }
 /* 右の説明は、左の筆記体・小見出し(h2)・大きな文の 3 段にまたがらせる(2026-10-10 に大きな文を h2 の外の段落に分けた) */
 .cbs-modern #cb-main .cbs-city-tuition__head>p:last-child { grid-column:2; grid-row:1/4; justify-self:end; }
 .cbs-modern #cb-main .cbs-city-tuition__note { grid-column:1/-1; }
 .cbs-modern #cb-main .cbs-city-consult__grid { gap:35px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head { align-items:start; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head>p { max-width:170px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { font-size:26px; }
}
@media(max-width:767px) {
 .cbs-modern #cb-main .cbs-city-hero { padding:19px 0 39px; }
 .cbs-modern #cb-main .cbs-city-wide { width:calc(100% - 28px); }
 .cbs-modern #cb-main .cbs-city-wide>.cb-crumbs { font-size:9px; margin:0 5px 16px; }
 .cbs-modern #cb-main .cbs-city-cover { min-height:448px; border-radius:22px; }
 .cbs-modern #cb-main .cbs-city-cover__photo { object-position:61% center; }
 .cbs-modern #cb-main .cbs-city-cover::after { background:linear-gradient(90deg,rgba(9,39,69,.74),rgba(9,39,69,.26) 100%); }
 .cbs-modern #cb-main .cbs-city-cover__copy { padding:35px 26px 78px; }
 .cbs-modern #cb-main .cbs-city-cover__copy>.cbs-script { font-size:30px!important; margin-bottom:19px; }
 .cbs-modern #cb-main .cbs-city-cover h1 { font-size:clamp(37px,10.8vw,54px); letter-spacing:.025em; }
 .cbs-modern #cb-main .cbs-city-cover__message { font-size:19px; margin:16px 0 24px; }
 .cbs-modern #cb-main .cbs-city-cover .cbs-button { min-width:0; padding:15px 22px; font-size:14px; }
 .cbs-modern #cb-main .cbs-city-cover__sign { font-size:35px; right:23px; bottom:18px; }
 .cbs-modern #cb-main .cbs-city-intro { grid-template-columns:1fr; gap:24px; margin-top:29px; }
 .cbs-modern #cb-main .cbs-city-intro .cbs-script { font-size:27px!important; margin-bottom:17px; }
 .cbs-modern #cb-main .cbs-city-intro__text { font-size:14px; line-height:2.1; }
 .cbs-modern #cb-main .cbs-city-guide-links { padding-right:75px; }
 .cbs-modern #cb-main .cbs-city-guide-links>img { display:block; width:59px; right:0; }
 .cbs-modern #cb-main .cbs-city-guide-links a { font-size:12px; }
 .cbs-modern #cb-main .cbs-city-schools { padding-inline:20px; }
 .cbs-modern #cb-main .cbs-city-tuition { grid-template-columns:1fr; gap:15px; margin-bottom:36px; }
 .cbs-modern #cb-main .cbs-city-tuition__head { display:block; margin-bottom:8px; }
 .cbs-modern #cb-main .cbs-city-tuition :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { font-size:25px; }
 .cbs-modern #cb-main .cbs-city-tuition__head>p:last-child { margin-top:10px; width:100%; justify-self:auto; text-align:left; }
 .cbs-modern #cb-main .cbs-city-tuition__head>p:last-child br { display:none; }
 .cbs-modern #cb-main .cbs-city-tuition__currency { padding:22px 23px 18px; border-radius:19px; }
 .cbs-modern #cb-main .cbs-city-tuition__label { margin-bottom:13px; }
 .cbs-modern #cb-main .cbs-city-tuition__range { column-gap:10px; }
 .cbs-modern #cb-main .cbs-city-tuition__range b { font-size:32px; }
 .cbs-modern #cb-main .cbs-city-tuition__median { margin-top:14px; padding-top:12px; }
 .cbs-modern #cb-main .cbs-city-tuition__note { margin:4px 0 0; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder { padding:27px 21px; border-radius:22px; margin-bottom:33px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { font-size:25px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head .cbs-script { font-size:26px!important; padding-right:56px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head img { width:44px; height:44px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head>p { max-width:none; }
 .cbs-modern #cb-main .cbs-city-quick { gap:8px; }
 .cbs-modern #cb-main .cbs-city-quick>span { width:100%; }
 .cbs-modern #cb-main .cbs-city-quick a { font-size:11px; padding:8px 10px; gap:7px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-card__body { padding:23px 22px 21px; }
 .cbs-modern #cb-main .cbs-city-consult__grid { grid-template-columns:1fr; gap:35px; }
 .cbs-modern #cb-main .cbs-city-consult figure img { aspect-ratio:1.35; max-height:320px; }
 .cbs-modern #cb-main .cbs-city-consult :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { font-size:26px; }
 .cbs-modern #cb-main .cbs-city-consult__grid>div>.cbs-script { font-size:29px!important; }
 .cbs-modern #cb-main .cbs-city-consult__actions .cbs-button { width:100%; padding-inline:14px; font-size:13px; }
}
@media(max-width:360px) {
 .cbs-modern #cb-main .cbs-city-cover__copy { padding-inline:22px; }
 .cbs-modern #cb-main .cbs-city-cover__message { font-size:17px; }
 .cbs-modern #cb-main .cbs-city-cover .cbs-button { font-size:13px; padding-inline:17px; }
 .cbs-modern #cb-main .cbs-city-tuition__currency { padding-inline:19px; }
 .cbs-modern #cb-main .cbs-city-tuition__range b { font-size:28px; }
 .cbs-modern #cb-main .cbs-city-tuition__range { column-gap:7px; }
 .cbs-modern #cb-main .cbs-city-guide-links { padding-right:55px; }
 .cbs-modern #cb-main .cbs-city-guide-links>img { width:44px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head :is(h2,p):where(:not(.cb-h2-label)):where(h2,.cb-h2-display) { font-size:23px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-card__body { padding-inline:19px; }
}
@media(max-width:900px) {
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head { display:block; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head>p { max-width:none; margin-top:12px; }
 .cbs-modern #cb-main .cbs-city-schools .cbs-finder__head>p br { display:none; }
}