/* Reuse the frame dimensions, palette and detail-site-nav link styles. */
/* Two rows keep the existing wording clear of navigation. */
.frame__brand{flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.4}
.frame__brand small{display:block;margin-left:0;font-size:1rem;letter-spacing:0}
.frame__chapter{display:flex!important;top:0;left:50%;height:1.5rem;transform:translateX(-50%);color:var(--ink);white-space:nowrap}

.site-menu{position:fixed;z-index:60;top:0;left:calc(var(--frame-side) + 15rem);right:calc(var(--frame-side) + 4rem);height:var(--frame-top);padding-top:1.5rem;display:flex;align-items:center;font-family:"Zen Kaku Gothic New","Hiragino Sans",sans-serif}
.site-menu .site-menu__links{display:flex;flex-wrap:nowrap;justify-content:center;gap:.5rem;margin:0;padding:0;border:0;font-size:1rem;line-height:1.8;width:100%}
.site-menu__links a{color:var(--green);font-weight:700;text-decoration:none;white-space:nowrap;padding:.5rem 0}
.site-menu__links a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.5rem}
.site-menu a:focus-visible,.site-menu__toggle:focus-visible,.site-breadcrumb a:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.site-menu__toggle{display:none;border:1px solid var(--green);border-radius:0;background:var(--paper);color:var(--green);font:700 1rem/1.8 "Zen Kaku Gothic New","Hiragino Sans",sans-serif;padding:0 1rem;cursor:pointer;box-shadow:none}
.site-breadcrumb{padding:1rem 1.25rem;color:var(--ink);font:500 1rem/1.8 "Zen Kaku Gothic New","Hiragino Sans",sans-serif}
.site-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.site-breadcrumb li+li::before{content:">";margin-right:.5rem}
.site-breadcrumb a{color:var(--green);text-underline-offset:.4rem}
@media(min-width:1100px){.site-menu .site-menu__links{gap:1.5rem}}
@media(max-width:899px){
  .site-menu{left:auto;right:var(--frame-side)}
  .frame__count{right:calc(var(--frame-side) + 7rem)}
  .site-menu__toggle:not([hidden]){display:block;min-height:3rem}
  .site-menu .site-menu__links{position:fixed;top:var(--frame-top);left:var(--frame-side);right:var(--frame-side);width:auto;max-height:calc(100dvh - var(--frame-top) - var(--frame-bottom));overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:1rem 1.25rem;background:var(--paper);border:1px solid var(--green)}
  .site-menu__links a{padding:.5rem 0;line-height:1.8}
  .site-menu.is-ready .site-menu__links{display:none}
  .site-menu.is-open .site-menu__links{display:flex}
}

@media(max-width:1099px) and (min-width:900px){.site-menu .site-menu__links{gap:.5rem;font-size:1rem}}
@media(max-width:899px){
 .frame__brand{justify-content:flex-start;padding-top:.5rem}
 .frame__brand small{font-size:1rem}
 .frame__chapter{left:auto;right:var(--frame-side);top:0;transform:none;font-size:1rem;height:1rem}
 .site-menu{padding-top:1rem}
 .site-menu__toggle:not([hidden]){min-height:2rem;font-size:1rem;line-height:1.5;padding:0 .5rem}
 .frame__count{right:calc(var(--frame-side) + 6rem)}
}

/* FIX5: the region and linked school name share the upper-left frame. */
.frame__brand{font-size:1rem;letter-spacing:0;white-space:nowrap;padding-top:0;justify-content:center;line-height:1.4}
.frame__brand small{font-size:1rem;color:var(--ink)}
h1{word-break:keep-all;overflow-wrap:normal;text-wrap:balance}
.headline-unit{display:inline-block;white-space:nowrap}
@media(min-width:900px){
 .info-page .detail-hero h1{font-size:clamp(3rem,5vw,5rem);line-height:1.2}
 .hr-hero{min-height:0;padding:2rem 4vw;gap:2rem;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 .hr-hero h1{font-size:clamp(2rem,3vw,3.5rem);line-height:1.3}
 .results-hero h1{font-size:clamp(3rem,4.5vw,5rem)}
 .detail-main{padding-top:calc(var(--frame-top) + 2rem)}
 .info-hero{min-height:0}
 .info-hero-photo img{max-height:min(28rem,38svh)}
 .hr-hero figure img{max-height:50svh}
}
@media(max-width:899px){
 .frame__brand{font-size:1rem;max-width:calc(100% - 7rem)}
 .frame__chapter{left:50%;right:auto;transform:translateX(-50%);top:var(--frame-top);height:1.5rem;background:var(--paper);padding:0 .5rem}
 .frame__count{display:none}
 .site-menu{padding-top:0;align-items:center}
 .headline-unit{max-width:100%}
 .hr-hero h1{font-size:clamp(1.5rem,6vw,2.6rem)}
}
.access-destination .info-section-label,.access-destination strong{font:700 1.05rem/1.9 "Zen Kaku Gothic New","Hiragino Sans",sans-serif;letter-spacing:0;color:#fff}
@media(max-width:899px){.spread--hero .hero__kicker,.spread--hero .hero__stats,.spread--hero .hero__title{max-width:85%}}

/* FIX5 follow-up: explicit non-shrinking rows and top/bottom clearance. */
.frame__brand{
  display:grid;grid-template-rows:max-content max-content;
  align-content:center;justify-content:start;align-items:start;
  top:0;height:var(--frame-top);padding:.5rem 0;
  transform:none;
}
.frame__brand small,.frame__brand>span{
  display:block;position:static;margin:0;line-height:1.4;
}
@media(max-width:899px){
  .frame__brand{width:calc(100% - 7rem - var(--frame-side));max-width:none}
}