/* TSUNAGU: the national destination pages (2026-10-28 delivery) in the look of the other feature pages.
   Loaded after the delivery's own style.css; dest-merge.py copies this file into assets/destinations/.
   - the second-row menu of the feature pages (same rules as assets/authority.css)
   - corners: buttons 5px and boxes 6px instead of pills and 20px cards
   - headings break only between phrases (phrase-wrap.py puts the <wbr>) */
.authority-pillar-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;border-bottom:1px solid #c5cec4;padding:15px 24px;background:#eeece3;font-size:15px;line-height:1.8}
.authority-pillar-nav a{color:#173f35;text-decoration:none;text-underline-offset:6px}
.authority-pillar-nav a:hover,.authority-pillar-nav a[aria-current]{text-decoration:underline}
@media(max-width:639px){.authority-pillar-nav{justify-content:flex-start;gap:9px 16px;padding:13px 20px;font-size:14px}}
@media print{.authority-pillar-nav{display:none!important}}
:root{--radius:6px;--radius-small:6px}
.btn,.guide-tabs button,.tag-link,.hub-filters button,.hub-search input{border-radius:5px}
h1,h2,h3,h4{word-break:keep-all;overflow-wrap:anywhere}
/* 2026-10-28 (2): the portal top's look ("ポータルTOPの雰囲気")
   - the portal footer (dest-footer.py): the delivery's own footer rules and the rail offset do not apply to it */
footer.surface-night{margin-left:0!important;padding:0;border-top:0;background:#173f35}
footer.surface-night *{box-sizing:border-box}
footer.surface-night ul,footer.surface-night ol{list-style:none;margin:0;padding:0}
footer.surface-night a{color:inherit;text-decoration:none}
footer.surface-night :is(p,h2,h3,dl,dd,figure){margin:0}
footer.surface-night nav{display:block;border:0;margin:0;padding:0;font-size:inherit}
footer.surface-night img,footer.surface-night svg{display:block;max-width:100%;height:auto}
/* - one centred column on every width, like the portal top (no 196px offset for the chapter rail). The rail sits in
     the left margin only where that margin is wide enough (1440px and up: dest-merge.py moves the delivery's 1100px
     switch there), and waits until the hero has scrolled away (dest-look.js); narrower screens get the
     "このページの目次" button of the phone layout */
main,footer,.review-strip{margin-left:0!important}
@media(min-width:761px){.wrap{width:min(1136px,calc(100% - 64px))}}  /* the portal's container-site: 1200px with 32px sides */
.page-rail{transition:opacity .25s,visibility .25s}
.page-rail.rail-hidden{opacity:0;visibility:hidden}  /* over the hero and the footer, on every width */
@media(min-width:1440px){
  .page-rail{left:12px;width:128px}
  .page-rail details{background:rgba(246,243,236,.96)!important;border-radius:6px;padding:0 8px}  /* readable over the dark sections */
}
/* - headings at the portal top's scale (its title is 40px, section titles 30px) */
@media(min-width:761px){
  .hero h1,.hub-hero h1{font-size:clamp(32px,3vw,44px)}
}