/* Only fixed pages containing character_mbti_type use the dedicated layout. */
body.cmb-type-page #side,body.cmb-type-page #col3,body.cmb-type-page #sidebar,body.cmb-type-page #secondary,body.cmb-type-page #breadcrumb,body.cmb-type-page #breadcrumb-box,body.cmb-type-page #mainEntity>#article-header,body.cmb-type-page #mainEntity>.entry-title,body.cmb-type-page #mainEntity>.entry-header,body.cmb-type-page #mainEntity>.meta,body.cmb-type-page #mainEntity>.clearfix>.meta{display:none!important}
body.cmb-type-page .container:has(.cmb-type-directory){width:calc(100% - 40px)!important;max-width:1280px!important;margin-inline:auto!important}
body.cmb-type-page #primary,body.cmb-type-page #main,body.cmb-type-page #main>article,body.cmb-type-page #core,body.cmb-type-page #mainEntity{width:100%!important;max-width:none!important;min-width:0!important;float:none!important;flex:none!important;display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.cmb-type-page #core{padding:20px!important}
.cmb-type-directory{--ct-ink:#252d34;--ct-muted:#68737e;--ct-line:#e2e5e8;background:#fff;color:var(--ct-ink);font-size:14px;line-height:1.7;margin:10px 0 36px;font-family:inherit}
.cmb-type-directory .ct-nt,.cmb-type-directory.ct-nt{--ct-tone:#77608e;--ct-wash:#f3eef7}.cmb-type-directory .ct-nf,.cmb-type-directory.ct-nf{--ct-tone:#487d60;--ct-wash:#edf5ef}.cmb-type-directory .ct-sj,.cmb-type-directory.ct-sj{--ct-tone:#3e7f96;--ct-wash:#edf5f8}.cmb-type-directory .ct-sp,.cmb-type-directory.ct-sp{--ct-tone:#8a6e22;--ct-wash:#fbf5df}
.cmb-type-directory *{box-sizing:border-box;border-radius:0!important}.cmb-type-directory a{color:#0b47b8;text-underline-offset:3px}.cmb-type-directory .ct-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:30px;align-items:start}.cmb-type-directory .ct-main{min-width:0}
.cmb-type-directory .ct-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;background:var(--ct-wash);border:0;min-height:220px}.cmb-type-directory .ct-hero>div{min-width:0;flex:1}.cmb-type-directory .ct-kicker{font-size:12px;color:var(--ct-tone);font-weight:700;letter-spacing:.08em;margin:0 0 7px}.cmb-type-directory .ct-hero h1{display:block!important;color:var(--ct-ink)!important;font-size:29px!important;font-weight:800!important;line-height:1.5!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;margin:0 0 12px!important}.cmb-type-directory .ct-hero h1 span{font-size:21px}.cmb-type-directory .ct-hero h1::before,.cmb-type-directory .ct-hero h1::after{display:none!important;content:none!important}.cmb-type-directory .ct-description{font-size:14px;line-height:1.9;margin:0;max-width:460px}.cmb-type-directory .ct-mascot{width:108px!important;height:175px!important;object-fit:contain;margin:0!important;flex-shrink:0;border:0}.cmb-type-directory .ct-marker{display:inline-block;background:#fff;color:var(--ct-tone);font-size:12px;padding:3px 10px;margin-top:13px}
.cmb-type-directory .ct-search{margin:24px 0 20px;padding:0;background:none;border:0}.cmb-type-directory .ct-search label{display:block;font-weight:700;margin-bottom:9px}.cmb-type-directory .ct-search>div{display:flex;gap:8px;border:1px solid #b8c0c7;padding:5px}.cmb-type-directory .ct-search input[type=search]{min-width:0;flex:1;background:#fff;border:0;padding:8px;font:inherit;color:var(--ct-ink)}.cmb-type-directory .ct-search button{background:var(--ct-ink);color:#fff;border:0;padding:8px 18px;font:inherit;font-weight:700;cursor:pointer}.cmb-type-directory .ct-search>a{display:inline-block;margin-top:8px;font-size:13px}.cmb-type-directory .ct-count{font-size:12px;color:var(--ct-muted);margin:0 0 10px}.cmb-type-directory .ct-count>span{float:right;margin-left:10px}
.cmb-type-directory .ct-table-wrap{overflow-x:auto}.cmb-type-directory table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;background:#fff;margin:0}.cmb-type-directory th,.cmb-type-directory td{padding:14px 8px;border:0;border-bottom:1px solid var(--ct-line);vertical-align:middle;text-align:left}.cmb-type-directory th{font-size:12px;background:#f5f6f7;color:var(--ct-muted);font-weight:700;border-top:1px solid var(--ct-line)}.cmb-type-directory th:first-child{width:40px}.cmb-type-directory th:nth-child(2){width:48%}.cmb-type-directory th:last-child{width:100px}.cmb-type-directory td:first-child{font-size:12px;color:var(--ct-muted)}.cmb-type-directory tbody tr{background:#fff}.cmb-type-directory .ct-character{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ct-ink)}.cmb-type-directory .ct-character:hover strong{text-decoration:underline}.cmb-type-directory .ct-character>span:last-child{min-width:0;overflow-wrap:anywhere}.cmb-type-directory .ct-character strong{font-size:14px;font-weight:700}.cmb-type-directory .ct-character small{display:block;font-size:11px;color:var(--ct-muted);margin-top:4px}.cmb-type-directory .ct-portrait{width:64px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ct-line);background:#fff}.cmb-type-directory .ct-portrait img{display:block;width:100%!important;height:100%!important;object-fit:contain;max-width:100%;margin:0!important;border:0}.cmb-type-directory .ct-no-image{font-size:11px;color:var(--ct-muted);text-align:center;padding:2px}.cmb-type-directory td:nth-child(3){font-size:12px;overflow-wrap:anywhere}.cmb-type-directory td .cmb-types{font-size:11px;display:flex;flex-wrap:wrap;gap:4px}
.cmb-type-directory .ct-pagination ul{list-style:none;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:0;margin:24px 0}.cmb-type-directory .ct-pagination li{margin:0}.cmb-type-directory .page-numbers a,.cmb-type-directory .page-numbers span{display:block;min-width:36px;text-align:center;border:1px solid var(--ct-line);padding:6px 10px;text-decoration:none;color:var(--ct-ink)}.cmb-type-directory .page-numbers .current{background:var(--ct-ink);color:#fff;border-color:var(--ct-ink)}
.cmb-type-directory .ct-sidebar{position:sticky;top:24px;min-width:0}.cmb-type-directory .ct-sidebar summary{list-style:none;font-size:14px;font-weight:800;border-bottom:2px solid var(--ct-ink);padding:0 0 12px;pointer-events:none}.cmb-type-directory .ct-sidebar summary::-webkit-details-marker{display:none}.cmb-type-directory .ct-sidebar summary>span{display:none}.cmb-type-directory .ct-family{margin-top:16px}.cmb-type-directory .ct-family h2{display:block!important;background:var(--ct-tone)!important;color:#fff!important;border:0!important;padding:8px 10px!important;margin:0 0 6px!important;font-size:12px!important;line-height:1.5!important;font-weight:700!important;box-shadow:none!important}.cmb-type-directory .ct-family h2::before,.cmb-type-directory .ct-family h2::after{display:none!important;content:none!important}.cmb-type-directory .ct-family a,.cmb-type-directory .ct-nav-unavailable{display:grid;grid-template-columns:48px 1fr 12px;gap:6px;align-items:center;padding:8px 9px;border:0;border-bottom:1px solid var(--ct-line);font-size:12px;color:var(--ct-ink);text-decoration:none;background:#fff}.cmb-type-directory .ct-family a b{font-size:12px}.cmb-type-directory .ct-family a[aria-current=page]{background:var(--ct-wash);color:var(--ct-tone);font-weight:700;border-bottom-color:transparent}.cmb-type-directory .ct-family a:hover{background:var(--ct-wash)}.cmb-type-directory .ct-nav-unavailable{color:var(--ct-muted);opacity:.6}.cmb-type-directory .ct-back{display:inline-block;font-size:12px;margin-top:20px}.cmb-type-directory :focus-visible{outline:3px solid #7b8288;outline-offset:3px}
@media(max-width:800px){body.cmb-type-page .container:has(.cmb-type-directory){width:100%!important}body.cmb-type-page #core{padding:14px!important}.cmb-type-directory .ct-layout{grid-template-columns:minmax(0,1fr);gap:20px}.cmb-type-directory .ct-sidebar{position:static;grid-row:1}.cmb-type-directory .ct-sidebar summary{pointer-events:auto;cursor:pointer;border:1px solid var(--ct-line);padding:11px 14px}.cmb-type-directory .ct-sidebar summary>span{display:inline;float:right}.cmb-type-directory .ct-nav-groups{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.cmb-type-directory .ct-family a,.cmb-type-directory .ct-nav-unavailable{min-height:44px}.cmb-type-directory .ct-hero{padding:18px 16px;gap:6px}.cmb-type-directory .ct-hero h1{font-size:23px!important}.cmb-type-directory .ct-hero h1 span{font-size:18px}.cmb-type-directory .ct-mascot{width:78px!important;height:145px!important}.cmb-type-directory .ct-description{font-size:13px}.cmb-type-directory th,.cmb-type-directory td{padding-left:5px;padding-right:5px}.cmb-type-directory th:first-child{width:28px}.cmb-type-directory th:last-child{width:62px}.cmb-type-directory th:nth-child(2){width:51%}.cmb-type-directory .ct-character{gap:7px}.cmb-type-directory .ct-portrait{width:43px;height:57px}.cmb-type-directory .ct-character strong{font-size:12px}.cmb-type-directory .ct-character small{display:none}.cmb-type-directory td:nth-child(3){font-size:11px}.cmb-type-directory .ct-count>span{float:none;display:block;margin-left:0}.cmb-type-directory .ct-search input[type=search]{font-size:16px}.cmb-type-directory .ct-search button{padding:8px 12px}}