@import url(/css/up-content-common.php);
/* Shared compact school list; existing country page styles remain unchanged. */
.upjs{--upjs-ink: var(--up-color-ink, #292733);--upjs-text: var(--up-theme-color-body, #54505f);--upjs-muted: var(--up-theme-color-muted, #716b7c);--upjs-accent: var(--up-color-accent, #5d48a3);--upjs-line: var(--up-color-line, #e5e1eb);--upjs-paper: var(--up-theme-color-paper, #f7f6f9);background:var(--upjs-paper);color:var(--upjs-text);}
.upjs,.upjs *{box-sizing:border-box;}.upjs .upjs-wrap{width:100%;max-width: var(--up-theme-content-width, 1120px);margin:auto;padding: 0 var(--up-theme-gutter, 20px) 0 var(--up-theme-gutter, 20px);}
.upjs .upjs-heading h2,.upjs .upjs-identity h3,.upjs p{margin:0;}
.upjs a{text-decoration:none;}.upjs a:focus-visible{outline:var(--up-focus-width, 3px) solid var(--up-color-focus, #a286ea);outline-offset:3px;}
.upjs .upjs-full-button{display:inline-flex;align-items:center;justify-content:center;line-height: var(--up-theme-body-leading, 1.5);font-weight:var(--up-font-weight-action, 700);text-align:center;border:var(--up-theme-button-border-width, 1px) solid var(--up-color-button-border, var(--upjs-accent));border-radius: var(--up-button-radius, 4px);background: var(--up-color-button-bg, var(--upjs-accent));color: var(--up-color-button-text, #fff) !important;white-space:nowrap;}
.upjs .upjs-full-button:hover{background:var(--up-color-accent, #483682);}.upjs .upjs-full-link{display:inline-flex;align-items:center;gap:10px;min-height:40px;color:var(--upjs-accent);font-size: var(--up-theme-action-size, 14px);font-weight:var(--up-font-weight-strong, 700);}
/* 조기유학 안내 페이지 전용 목록. */
.upjs.upjs{padding-block:44px;}
.upjs .upjs-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.upjs .upjs-heading h2{font-size: var(--up-theme-section-size, 26px);line-height: var(--up-theme-heading-leading, 1.4);}
.upjs .upjs-heading h2>span{margin-right:9px;font-size: var(--up-theme-section-size, 13px);color:var(--upjs-accent);vertical-align:middle;}
.upjs .upjs-heading>.upjs-full-button{flex-shrink:0;min-height: var(--up-theme-button-height, 44px);padding: var(--up-theme-button-pad-y, 9px) var(--up-theme-button-pad-x, 16px) var(--up-theme-button-pad-y, 9px) var(--up-theme-button-pad-x, 16px);font-size: var(--up-theme-action-size, 13px);}

.upjs [hidden]{display:none!important;}
.upjs .upjs-filters{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:var(--up-theme-card-gap, 10px);margin:0 0 12px;}
.upjs .upjs-filters>div{display:flex;flex-direction:column;gap:4px;min-width:0;}
.upjs .upjs-filters input{min-width:0;appearance:auto;}
.upjs .upjs-filters input:focus-visible{outline:var(--up-focus-width, 3px) solid var(--up-color-focus, #a286ea);outline-offset:3px;}
.upjs .upjs-filters label{font-size: var(--up-theme-meta-size, 12px);font-weight:var(--up-font-weight-strong, 600);color:var(--upjs-ink);}
.upjs .upjs-filters input,.upjs .upjs-filters select{width:100%;min-height:var(--up-theme-control-height, 44px);padding:8px 34px 8px 12px;border:var(--up-theme-control-border-width, 1px) solid var(--up-color-control-border, #d8d1e4);border-radius:var(--up-control-radius, 5px);background:var(--up-color-surface, #fff);color:var(--upjs-ink);font:inherit;font-size: var(--up-theme-control-size, 13px);}
.upjs button{font:inherit;cursor:pointer;}
.upjs select:focus-visible,.upjs button:focus-visible{outline:var(--up-focus-width, 3px) solid var(--up-color-focus, #a286ea);outline-offset:3px;}
.upjs .upjs-apply{min-height:var(--up-theme-button-height, 44px);padding:var(--up-theme-button-pad-y, 9px) var(--up-theme-button-pad-x, 18px) var(--up-theme-button-pad-y, 9px) var(--up-theme-button-pad-x, 18px);border:var(--up-theme-button-border-width, 1px) solid var(--up-color-button-border, var(--upjs-accent));border-radius:var(--up-button-radius, 5px);color:var(--upjs-accent);background:var(--up-color-surface, #fff);font-size: var(--up-theme-body-size, 13px) !important;font-weight:var(--up-font-weight-action, 600)!important;}
.upjs .upjs-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;}
.upjs .upjs-status p{font-size: var(--up-theme-body-size, 15px);font-weight:var(--up-font-weight-strong, 700);color:var(--upjs-ink);}
.upjs .upjs-status p>span{font-size: var(--up-theme-body-size, 12px);color:var(--upjs-muted);font-weight:var(--up-font-weight-body, 400);margin-left:6px;}
.upjs .upjs-status>a{font-size: var(--up-theme-meta-size, 12px);color:var(--upjs-muted);padding:8px 0;}
.upjs .upjs-rows{border:var(--up-theme-card-border-width, 1px) solid var(--up-color-card-border, var(--upjs-line));border-radius:var(--up-card-radius, 7px);overflow:hidden;background:var(--up-color-surface, #fff);}
.upjs .upjs-labels,.upjs .upjs-row{display:grid;grid-template-columns:58px minmax(0,1.7fr) minmax(140px,1fr) 86px;gap:var(--up-theme-card-gap, 14px);align-items:center;padding:10px 14px;}
.upjs .upjs-labels{padding-block:7px;background: var(--up-theme-color-paper, #f8f6fb);font-size: var(--up-theme-meta-size, 11px);color:var(--upjs-muted);}
.upjs .upjs-row{min-height:74px;border-top:var(--up-theme-line-width, 1px) solid var(--up-color-line, var(--upjs-line));}
.upjs .upjs-identity{min-width:0;}
.upjs .upjs-identity h3{font-size: var(--up-theme-subheading-size, 15px);line-height: var(--up-theme-heading-leading, 1.45);overflow-wrap:anywhere;}
.upjs .upjs-meta{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px;margin-top:4px;font-size: var(--up-theme-meta-size, 12px);line-height: var(--up-theme-body-leading, 1.5);}
.upjs .upjs-location{color:var(--upjs-muted);}
.upjs .upjs-type{display:inline-block;padding:1px 6px;border-radius:var(--up-badge-radius, 3px);background:var(--up-color-soft, #f2eef9);color:var(--upjs-accent);font-size: var(--up-theme-summary-size, 11px);line-height: var(--up-theme-body-leading, 1.5);}
.upjs .upjs-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:52px;overflow:hidden;border-radius:var(--up-image-radius, 4px);background:var(--up-color-soft, #f0edf6);color:var(--up-color-accent, #8b7da1);font-size: var(--up-theme-summary-size, 12px);letter-spacing:.08em;}
.upjs .upjs-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.upjs .upjs-programs{min-width:0;font-size: var(--up-theme-summary-size, 12px);line-height: var(--up-theme-body-leading, 1.5);color:var(--upjs-text);overflow-wrap:anywhere;}
.upjs .upjs-detail{display:flex;align-items:center;justify-content:center;gap:6px;min-height:var(--up-theme-button-height, 40px);padding:var(--up-theme-button-pad-y, 7px) var(--up-theme-button-pad-x, 9px) var(--up-theme-button-pad-y, 7px) var(--up-theme-button-pad-x, 9px);border:var(--up-theme-button-border-width, 1px) solid var(--up-color-control-border, #b6a3df);border-radius:var(--up-button-radius, 5px);color:var(--upjs-accent);font-size: var(--up-theme-summary-size, 11px);white-space:nowrap;}
.upjs .upjs-detail:hover,.upjs .upjs-apply:hover{background:var(--up-color-soft-hover, #f5f1fc);border-color:var(--up-color-accent-hover, var(--upjs-accent));}
.upjs .upjs-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin-top:14px;}
.upjs .upjs-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height: var(--up-theme-button-height, 44px);padding: var(--up-theme-button-pad-y, 9px) var(--up-theme-button-pad-x, 20px) var(--up-theme-button-pad-y, 9px) var(--up-theme-button-pad-x, 20px);border:var(--up-theme-button-border-width, 1px) solid var(--up-color-button-border, #c7bdd9);border-radius: var(--up-button-radius, 5px);background: var(--up-color-button-bg, #fff);color: var(--up-color-button-text, var(--upjs-accent));font-size: var(--up-theme-action-size, 13px);font-weight:var(--up-font-weight-action, 600);}
.upjs .upjs-actions>button:hover{background:var(--up-color-soft-hover, #f2eef9);}
.upjs .upjs-empty{padding:24px 16px;font-size: var(--up-theme-body-size, 14px);text-align:center;line-height: var(--up-theme-body-leading, 1.8);}
@media(max-width:960px){.upjs .upjs-labels,.upjs .upjs-row{grid-template-columns:52px minmax(0,1.7fr) minmax(120px,1fr) 78px;gap:var(--up-theme-card-gap, 12px);}.upjs .upjs-thumb{width:52px;height:48px;}}
@media(max-width:760px){
 .upjs.upjs{padding-block:30px;}
 .upjs .upjs-heading{margin-bottom:14px;}
 .upjs .upjs-heading h2{font-size: var(--up-theme-section-size, 21px);}
 .upjs .upjs-heading h2>span{font-size: var(--up-theme-section-size, 11px);margin-right:5px;}
 .upjs .upjs-heading>.upjs-full-button{font-size: var(--up-theme-action-size, 12px);padding-inline:11px;}
 .upjs .upjs-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--up-theme-card-gap, 8px);margin-bottom:6px;}
 .upjs .upjs-search{grid-column:1/-1;}
 .upjs .upjs-filters input{font-size: var(--up-theme-control-size, 12px);padding:8px 12px;}
 .upjs .upjs-filters>div{min-width:0;}.upjs .upjs-filters select{font-size: var(--up-theme-control-size, 12px);padding-left:9px;padding-right:23px;}
 .upjs .upjs-apply{padding-inline:12px;}
 .upjs .upjs-status p{font-size: var(--up-theme-body-size, 14px);}.upjs .upjs-status p>span{font-size: var(--up-theme-body-size, 11px);margin-left:3px;}
 .upjs .upjs-status>a{font-size: var(--up-theme-meta-size, 11px);}
 .upjs .upjs-labels{display:none;}
 .upjs .upjs-row{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"photo identity detail" "photo programs detail";gap:var(--up-theme-card-gap, 3px) var(--up-theme-card-gap, 10px);padding:10px;min-height:0;}
 .upjs .upjs-row:first-of-type{border-top:0;}
 .upjs .upjs-thumb{grid-area:photo;width:48px;height:48px;}
 .upjs .upjs-identity{grid-area:identity;}
 .upjs .upjs-identity h3{font-size: var(--up-theme-subheading-size, 14px);line-height: var(--up-theme-heading-leading, 1.4);}
 .upjs .upjs-meta{font-size: var(--up-theme-meta-size, 11px);margin-top:3px;gap:3px 6px;}
 .upjs .upjs-type{font-size: var(--up-theme-summary-size, 10px);padding-inline:5px;}
 .upjs .upjs-programs{grid-area:programs;font-size: var(--up-theme-summary-size, 11px);line-height: var(--up-theme-body-leading, 1.5);}
 .upjs .upjs-detail{grid-area:detail;min-height:var(--up-theme-button-height, 40px);padding:var(--up-theme-button-pad-y, 7px) var(--up-theme-button-pad-x, 7px) var(--up-theme-button-pad-y, 7px) var(--up-theme-button-pad-x, 7px);gap:4px;font-size: var(--up-theme-summary-size, 11px);}
 .upjs .upjs-actions{gap:8px 16px;margin-top:12px;}
 .upjs .upjs-actions>button{flex:1;padding-inline:10px;font-size: var(--up-theme-action-size, 12px);gap:5px;}
 .upjs .upjs-actions>a{font-size: var(--up-theme-summary-size, 12px);gap:5px;}
}
@media(max-width:360px){
 .upjs .upjs-heading{gap:8px;}.upjs .upjs-heading h2{font-size: var(--up-theme-section-size, 18px);}.upjs .upjs-heading h2>span{margin-right:3px;font-size: var(--up-theme-section-size, 10px);}
 .upjs .upjs-heading>.upjs-full-button{font-size: var(--up-theme-action-size, 11px);padding-inline:8px;}
 .upjs .upjs-row{grid-template-columns:40px minmax(0,1fr) auto;column-gap:var(--up-theme-card-gap, 7px);padding:9px 8px;}
 .upjs .upjs-thumb{width:40px;height:44px;}.upjs .upjs-identity h3{font-size: var(--up-theme-subheading-size, 13px);}
 .upjs .upjs-detail{padding-inline:6px;gap:3px;}
 .upjs .upjs-status p>span{margin-left:0;}
}

.upjs{scroll-margin-top:130px;}
.upjs .upjs-identity h3 a{color:var(--upjs-ink);font-weight:var(--up-font-weight-heading, 700);}
.upjs .upjs-filters input,.upjs .upjs-filters select{font-family:var(--up-font-family, inherit);font-size: var(--up-theme-control-size, 13px) !important;line-height: var(--up-theme-body-leading, 1.5);font-weight:var(--up-font-weight-body, 400);}
.upjs .upjs-programs small{display:block;font:inherit;color:var(--upjs-muted);margin-top:2px;}
@media(max-width:760px){
 .upjs .upjs-filters label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 .upjs .upjs-filters input,.upjs .upjs-filters select{font-size: var(--up-theme-control-size, 13px) !important;}
 .upjs .upjs-programs small{display:inline;margin-left:5px;}
}

.upjs{font-family:var(--up-font-family, "Noto Sans KR",Arial,sans-serif);line-height: var(--up-theme-body-leading, 1.6);}
.upjs .upjs-heading h2{color:var(--upjs-ink);font-weight:var(--up-font-weight-heading, 700);letter-spacing:-.04em;}
.upjs[data-filter-count="1"] .upjs-filters{grid-template-columns:minmax(200px,1.8fr) minmax(160px,1fr) auto;}
.upjs[data-country="england"] .upjs-programs{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:760px){
 .upjs .upjs-heading{align-items:flex-start;flex-wrap:wrap;}
 .upjs[data-filter-count="1"] .upjs-filters{grid-template-columns:minmax(0,1fr) auto;}
 .upjs[data-filter-count="1"] .upjs-search{grid-column:1/-1;}
}

/* Philippines: one compact finder with optional extra conditions. */
#phil-junior-guide #school-finder,
#phil-junior-guide #uppjg-school-preview{scroll-margin-top:calc(var(--uppjg-header, 110px) + 84px);}
.upjs[data-unified] .upjs-advanced{grid-column:1/-1;margin:0;border:0;padding:0;min-width:0;}
.upjs[data-unified] .upjs-advanced>summary{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;min-height:40px;padding:5px 0;list-style:none;cursor:pointer;color:var(--upjs-accent);font-size: var(--up-theme-body-size, 13px);font-weight:var(--up-font-weight-strong, 600);}
.upjs[data-unified] .upjs-advanced>summary::-webkit-details-marker{display:none;}
.upjs[data-unified] .upjs-advanced>summary:focus-visible{outline:var(--up-focus-width, 3px) solid var(--up-color-focus, #a286ea);outline-offset:3px;border-radius:var(--up-card-radius, 3px);}
.upjs[data-unified] [data-upjs-advanced-count]{font-size: var(--up-theme-summary-size, 12px);font-weight:var(--up-font-weight-body, 400);}
.upjs[data-unified] .upjs-chevron{display:inline-block;font-size: var(--up-theme-subheading-size, 18px);line-height:1;transition:transform .15s;}
.upjs[data-unified] .upjs-advanced[open] .upjs-chevron{transform:rotate(180deg);}
.upjs[data-unified] .upjs-advanced-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--up-theme-card-gap, 10px);padding:4px 0 10px;}
.upjs[data-unified] .upjs-advanced-fields>div{display:flex;flex-direction:column;gap:4px;min-width:0;}
.upjs[data-unified] .upjs-heading{margin-bottom:14px;}
@media(max-width:760px){
 .upjs[data-unified] .upjs-advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--up-theme-card-gap, 8px);}
 .upjs[data-unified] .upjs-advanced-fields>div:last-child:nth-child(odd){grid-column:1/-1;}
}