/* V1.3.18: homepage bands align with the hero content; no viewport-sized shadow. */
.pd-home{padding-bottom:24px}
.pd-home .pd-home-section-hotspots{margin-top:30px;margin-bottom:24px;min-width:0;max-width:100%}
.phe-section-title{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 20px}
.phe-section-title i{width:170px;max-width:20%;height:1px;background:#a7caff;position:relative}
.phe-section-title i:after{content:"";width:9px;height:9px;border:1px solid #8db9f5;position:absolute;right:0;top:-4px;transform:rotate(45deg);background:#fff}
.phe-section-title h2{font-size:25px;color:#247cf1;font-weight:650;letter-spacing:2px}
.phe-hot-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin-bottom:22px}
.phe-hot-tabs>button{position:relative;display:flex;justify-content:center;align-items:center;gap:16px;min-height:50px;border:1px solid #8cafff;border-radius:4px;padding:10px;font:inherit;font-size:15px;color:#203149;background:#fff;white-space:normal}
.phe-hot-tabs>button svg{color:#2481fb;width:29px;height:29px}
.phe-hot-tabs>button[aria-selected=true]{color:#fff;background:#2183ff;border-color:#2183ff}
.phe-hot-tabs>button[aria-selected=true] svg{color:#fff}
.phe-hot-tabs>button[aria-selected=true]:after{content:"";position:absolute;left:calc(50% - 9px);bottom:-10px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid #2183ff}
.phe-hot-tabs>button:focus-visible,.phe-link-picker select:focus-visible{outline:3px solid #173c7e;outline-offset:3px}
.phe-hot-band{position:relative;width:100%;max-width:100%;padding:16px 20px 20px;border-radius:8px;overflow:hidden;background:linear-gradient(115deg,#398af4,#2780f0);box-shadow:none;clip-path:none;isolation:isolate}
.phe-hot-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 4% 96%,#b2d9ff30 0, #b2d9ff30 110px,transparent 112px),radial-gradient(circle at 95% 15%,#b2d9ff25 0,#b2d9ff25 160px,transparent 162px)}
.phe-rank-note{font-size:12px;color:#fff;text-align:right;margin:0 0 12px;position:relative}
.phe-hot-panel{position:relative;min-width:0}.phe-hot-panel[hidden]{display:none!important}
.phe-hot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.phe-hot-card{position:relative;display:flex!important;flex-direction:column;min-width:0;overflow:hidden;border-radius:5px;background:#fff;border:1px solid #ffffff60;transition:transform .16s;box-shadow:0 2px 5px #17477917}
.phe-hot-card:hover{transform:translateY(-2px)}
.phe-number{position:absolute;top:0;left:0;z-index:1;background:#235daf;color:white;border-radius:0 0 4px 0;min-width:31px;min-height:30px;padding:5px 9px;text-align:center;line-height:20px;font-size:15px}
.phe-hot-card:nth-child(-n+3) .phe-number{background:#1350a5}
.phe-hot-picture{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#e7f1ff;display:flex;align-items:center;justify-content:center}
.phe-hot-picture>img{width:100%;height:100%;position:absolute;inset:0;max-height:100%;object-fit:cover}
.phe-hot-picture>svg{width:56px;height:56px;color:#3779c6}
.phe-hot-copy{padding:9px 12px 10px;flex:1;min-width:0}
.phe-hot-copy h3{font-size:14px;color:#182d48;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phe-hot-copy p{font-size:12px;color:#61738b;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6;min-height:19px}
.phe-hot-copy>span{font-size:12px;color:#206bc4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}
.phe-kind-teachers .phe-hot-picture{aspect-ratio:auto;height:104px;background:#eef6ff;padding-top:12px}
.phe-kind-teachers .phe-hot-picture>img{position:static;width:86px;height:86px;border-radius:50%;object-fit:cover}
.phe-kind-teachers .phe-hot-copy{text-align:center;min-height:88px}
.phe-kind-teachers .phe-hot-copy>span{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#728198;font-size:12px;line-height:1.7;overflow:hidden}
.phe-kind-institutions .phe-hot-copy>span{color:#718399}
.phe-empty{display:flex;align-items:center;justify-content:center;color:#eaf5ff;min-height:150px;font-size:15px;border:1px dashed #aed3ff;border-radius:6px}
.pd-home .pd-home-section-links{background:#f0f2f5;box-shadow:none;clip-path:none;padding:20px;border-radius:8px;margin:0;min-width:0;max-width:100%;scroll-margin-top:20px}
.phe-related-empty{display:flex;align-items:center;justify-content:center;min-height:110px;color:#63748a;font-size:14px}
.phe-related{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;align-items:stretch}
.phe-related>h2{writing-mode:vertical-rl;letter-spacing:9px;text-align:center;justify-self:stretch;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#2183ff;color:white;padding:25px 15px;font-size:23px;border:5px double #8fc8ff}
.phe-related-body{min-width:0}.phe-link-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.phe-link-card{display:flex!important;gap:12px;align-items:center;padding:10px 12px;border-radius:5px;background:white;min-width:0;min-height:64px;font-size:14px;line-height:1.55;border:1px solid transparent}
.phe-link-card:hover{border-color:#82b8f8}.phe-link-card>img{width:42px;height:42px;max-height:42px;object-fit:contain;flex-shrink:0}.phe-link-card>svg{width:34px;height:34px;color:#2484f5;flex-shrink:0}.phe-link-card>span{min-width:0;color:#2e3f56;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.phe-link-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px}
.phe-link-picker{min-width:0}.phe-link-picker select{width:100%;max-width:100%;height:50px;margin:0;padding:0 10px;border:1px solid #e4eaf1;border-radius:4px;background:#fff;color:#52627a;font:inherit;font-size:13px;text-overflow:ellipsis}
@media(max-width:1100px){.phe-hot-tabs{gap:18px;padding:0}.phe-hot-grid{gap:16px}.phe-hot-copy{padding:10px}.phe-hot-copy h3{font-size:13px}.phe-link-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.phe-link-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.phe-hot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.phe-hot-tabs{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.phe-hot-tabs>button{min-height:48px;font-size:13px;gap:10px}.phe-hot-tabs>button svg{width:24px;height:24px}.phe-hot-band{padding:12px}.pd-home .pd-home-section-links{padding:16px}.phe-section-title{gap:18px;margin-bottom:20px}.phe-section-title h2{font-size:21px}.phe-number{min-width:26px;min-height:26px;font-size:13px;padding:3px 6px}.phe-related{display:block}.phe-related>h2{writing-mode:initial;letter-spacing:1px;font-size:20px;background:none;color:#21344e;border:0;padding:0 0 16px;justify-content:flex-start}.phe-link-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phe-link-card{padding:12px 10px;font-size:13px;gap:8px;min-height:65px}.phe-link-card>img{width:32px;height:32px}.phe-link-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phe-link-picker select{height:44px;font-size:12px}.pd-home .pd-home-section-hotspots{margin-top:24px;margin-bottom:20px}.phe-rank-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.phe-hot-card{transition:none}.phe-hot-card:hover{transform:none}}

/* V1.3.19: TOP10 is an image-title directory, not a full sales card. */
.phe-hot-band{padding:24px;border-radius:6px}.phe-hot-grid{gap:24px}
.phe-kind-courses .phe-hot-copy,.phe-kind-institutions .phe-hot-copy,.phe-kind-jobs .phe-hot-copy{padding:12px 10px;min-height:48px;flex:none}
.phe-hot-copy h3{font-size:15px;font-weight:500;line-height:24px;color:#222}
.phe-hot-card{box-shadow:none;border:0}.phe-hot-picture{aspect-ratio:16/9}
.phe-related{grid-template-columns:70px minmax(0,1fr);gap:22px}.phe-link-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:#eef5ff;border-radius:6px;color:#2478f2}
.phe-link-card{min-height:72px;font-size:15px}.phe-link-card>span:last-child{color:#333}.phe-link-icon svg{width:30px;height:30px}
.phe-group-toggle{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;background:white;border:1px solid #e1e7f0;border-radius:4px;color:#44556c;font:inherit;font-size:14px;padding:0 10px;min-width:0}
.phe-group-toggle span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phe-group-toggle[aria-expanded=true]{border-color:#2478f2;color:#176be0}
.phe-group-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 26px;margin-top:12px;background:#fff;padding:22px;border-radius:4px}
.phe-group-panel[hidden]{display:none!important}.phe-group-panel>a{font-size:14px;line-height:1.7;color:#263b57}.phe-group-panel>a:hover{color:#2478f2;text-decoration:underline}
@media(max-width:1100px){.phe-hot-band{padding:18px}.phe-hot-grid{gap:16px}.phe-hot-copy h3{font-size:13px}}
@media(max-width:760px){.phe-hot-band{padding:12px}.phe-hot-grid{gap:12px}.phe-hot-copy h3{font-size:13px;line-height:21px}.phe-group-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.phe-related{display:block}.phe-link-card{font-size:13px;gap:8px;padding:10px}.phe-link-icon{width:30px;height:30px}.phe-link-icon svg{width:22px;height:22px}}