/* Scoped to the independent school-site banner. */
#hglp-site-banner{box-sizing:border-box;width:calc(100% - 40px);max-width:1140px;margin:38px auto 20px;isolation:isolate}
#hglp-site-banner *{box-sizing:border-box}
#hglp-site-banner .hglp-site-banner-link{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px;align-items:center;padding:32px 36px;border:2px solid #edc99d;border-radius:24px;background:linear-gradient(120deg,#fff8e9 15%,#ffead7 100%);box-shadow:0 8px 24px #9a62300e;text-decoration:none;color:#633c2c;font-family:"Noto Sans JP",sans-serif;transition:box-shadow .2s,border-color .2s}
#hglp-site-banner .hglp-site-banner-link:hover{border-color:#d68a44;box-shadow:0 10px 28px #9a623020;color:#633c2c}
#hglp-site-banner .hglp-site-banner-link:focus-visible{outline:3px solid #006b78;outline-offset:5px}
#hglp-site-banner p,#hglp-site-banner h2,#hglp-site-banner figure{margin:0}
#hglp-site-banner .hglp-site-banner-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:#6c523b;font-size:13px;font-weight:700;line-height:1.8;margin-bottom:13px}
#hglp-site-banner .hglp-site-banner-eyebrow span{display:inline-block;padding:3px 12px;border-radius:20px;background:#ffe0a2;color:#633c2c}
#hglp-site-banner h2{font-family:inherit;font-size:clamp(20px,2.3vw,28px);font-weight:700;line-height:1.65;letter-spacing:.01em;color:#633c2c}
#hglp-site-banner h2 span{display:inline-block}
#hglp-site-banner h2 strong{font-weight:800;color:#a54121}
#hglp-site-banner .hglp-site-banner-description{font-size:14px;line-height:1.9;margin-top:12px;color:#684f3e}
#hglp-site-banner .hglp-site-banner-cta{display:inline-flex;gap:18px;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;margin-top:20px;border-radius:28px;background:#c65028;color:#fff;font-size:15px;line-height:1.6;font-weight:700;box-shadow:0 3px 0 #ac401f}
#hglp-site-banner .hglp-site-banner-note{display:block;margin-top:12px;color:#775f49;font-size:12px;line-height:1.8}
#hglp-site-banner .hglp-site-banner-note span{display:inline-block}
#hglp-site-banner .hglp-site-banner-picture{transform:rotate(2deg);padding:9px 9px 8px;background:#fffdf8;border-radius:13px;box-shadow:0 4px 12px #714d2520}
#hglp-site-banner .hglp-site-banner-picture img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:7px}
#hglp-site-banner .hglp-site-banner-picture figcaption{text-align:center;font-size:11px;line-height:1.6;margin-top:6px;color:#775f49}
@media(max-width:900px){#hglp-site-banner .hglp-site-banner-link{grid-template-columns:minmax(0,1fr) 185px;gap:20px;padding:27px}#hglp-site-banner h2{font-size:22px}}
@media(max-width:600px){#hglp-site-banner{width:calc(100% - 32px);margin:24px auto 10px}#hglp-site-banner .hglp-site-banner-link{display:block;padding:23px 20px;border-radius:20px}#hglp-site-banner .hglp-site-banner-picture{display:none}#hglp-site-banner h2{font-size:20px;line-height:1.7;letter-spacing:0}#hglp-site-banner .hglp-site-banner-eyebrow{font-size:12px;gap:7px;margin-bottom:12px}#hglp-site-banner .hglp-site-banner-description{font-size:13px}#hglp-site-banner .hglp-site-banner-description br{display:none}#hglp-site-banner .hglp-site-banner-cta{display:flex;width:100%;font-size:14px;gap:10px;padding:12px 10px;min-height:50px}#hglp-site-banner .hglp-site-banner-note{font-size:11px;margin-top:12px}}
@media(max-width:359px){#hglp-site-banner .hglp-site-banner-link{padding:21px 16px}#hglp-site-banner h2{font-size:20px}#hglp-site-banner .hglp-site-banner-cta{font-size:13px}}
@media(prefers-reduced-motion:reduce){#hglp-site-banner .hglp-site-banner-link{transition:none}}