/* One server-rendered hub layout for Traditional Chinese, English and Japanese. */
.kori-real-hub-hero{background:#071f46;color:#fff;padding:62px 0 54px}
.kori-real-hub-hero a{color:#dbeafe}
.kori-real-hub-hero h1{max-width:900px;margin:.25rem 0 .8rem;color:#fff;font-size:clamp(34px,5vw,62px);line-height:1.04;letter-spacing:-.035em}
.kori-real-hub-hero p{max-width:820px;margin:.45rem 0;color:#dbe7f5;line-height:1.65}
.kori-real-hub{padding:38px 0 76px;background:#fff}

/* The site header already contains the global category menu. The page keeps only
   the filter axes that can change the current result set. */
.kori-real-filter-panel{display:grid;gap:24px;margin:0 0 34px;padding:24px;border:1px solid #dce5ef;border-radius:18px;background:#f7faff}
.kori-real-filter-panel.columns-2{grid-template-columns:1fr 1fr}
.kori-real-filter-panel.columns-1{grid-template-columns:1fr}
.kori-real-filter-group{min-width:0}
.kori-real-filter-group h2{margin:0 0 12px;color:#071f46;font-size:17px}
.kori-real-filter-row{display:flex;flex-wrap:wrap;gap:9px}
.kori-real-filter{min-height:48px;padding:10px 16px;border:1px solid #bfcde0;border-radius:12px;background:#fff;color:#10284d;font:inherit;font-weight:800;cursor:pointer;transition:.16s ease}
.kori-real-filter:hover{border-color:#003478;transform:translateY(-1px)}
.kori-real-filter:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}
.kori-real-filter[aria-pressed="true"]{border-color:#003478;background:#003478;color:#fff;box-shadow:0 7px 18px rgba(0,52,120,.18)}

.kori-real-results-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px}
.kori-real-results-head h2{margin:0;color:#071f46;font-size:28px}
.kori-real-results-head p{margin:0;color:#607089;font-weight:700}
.kori-real-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kori-real-result{min-width:0;border:1px solid #dce5ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(7,31,70,.06)}
.kori-real-result[hidden]{display:none!important}
.kori-real-result>a{display:grid;grid-template-columns:minmax(210px,40%) minmax(0,1fr);min-height:176px;color:inherit;text-decoration:none}
.kori-real-result-media{position:relative;display:block;margin:0;min-width:0;min-height:176px;overflow:hidden;background:#e9f0f8}
.kori-real-result-media img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;max-width:none;max-height:none;object-fit:cover;object-position:center;transition:transform .25s ease}
.kori-real-result:hover .kori-real-result-media img{transform:scale(1.025)}
.kori-real-result-copy{display:flex;min-width:0;flex-direction:column;padding:20px}
.kori-real-result-meta{color:#cd2e3a;font-size:12px;font-weight:900;letter-spacing:.02em}
.kori-real-result h2{margin:8px 0 16px;color:#071f46;font-size:19px;line-height:1.4;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:anywhere}
.kori-real-result-action{margin-top:auto;color:#003478;font-size:13px;font-weight:900}
.kori-real-more{display:block;margin:28px auto 0;min-height:48px;padding:10px 22px;border:0;border-radius:999px;background:#003478;color:#fff;font:inherit;font-weight:900;cursor:pointer}
.kori-real-more[hidden],.kori-real-empty[hidden]{display:none!important}
.kori-real-empty{padding:24px;border-radius:14px;background:#f3f6fa;color:#41526b;text-align:center}

@media(max-width:980px){
 .kori-real-filter-panel.columns-2{grid-template-columns:1fr}
 .kori-real-results{grid-template-columns:1fr}
 .kori-real-result>a{grid-template-columns:230px minmax(0,1fr);min-height:168px}
 .kori-real-result-media{min-height:168px}
}
@media(max-width:640px){
 .kori-real-hub-hero{padding:44px 0 38px}
 .kori-real-hub{padding-top:26px}
 .kori-real-filter-panel{margin:0 0 26px;padding:18px 15px;border-radius:14px}
 .kori-real-filter-row{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:none}
 .kori-real-filter-row::-webkit-scrollbar{display:none}
 .kori-real-filter{flex:0 0 auto;min-height:44px;padding:8px 13px}
 .kori-real-results-head{align-items:start;flex-direction:column;gap:4px}
 .kori-real-result>a{grid-template-columns:124px minmax(0,1fr);min-height:126px}
 .kori-real-result-media{min-height:126px}
 .kori-real-result-copy{padding:13px 14px}
 .kori-real-result h2{margin:5px 0 10px;font-size:15px;line-height:1.35}
 .kori-real-result-meta,.kori-real-result-action{font-size:10.5px}
}