/* TSUNAGU: the more value planning pages and the alliance page (2026-10-28 delivery) in the look of the other feature
   pages. Loaded after the delivery's own style.css and mv-scale.css; mv-merge.py copies this file into assets/more-value/.
   It starts with the rules of the destination pages (dest-look.css, same design family as this delivery):
   - 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)}
}
/* 2026-10-28 more value: the same corners on this delivery's own boxes (the delivery draws 12-25px and pills) */
.page-rail details,.card,.table-scroll,.idea,.finance-panel,.result,.topic,.flow article,.flow img,.reading-map>div,
.worked-example,.related-links>a,.calc-grid input,.calc-grid select{border-radius:6px}
.page-rail summary,.page-rail details[open] summary{border-radius:5px}
.page-rail details[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.presets button,.topic-filters button{border-radius:5px}
@media(min-width:1440px){.page-rail summary,.page-rail details[open] summary{border-radius:0}}

/* The delivery's ".trust .btn{color:#fff}" comes after ".btn.light" and turned the light button white on paper */
.trust .btn.light{color:var(--green)}
