/* Laudenya · the small sheet the site needs and no single chapter owned.

   Everything here is a narrow-viewport fix. At 1440 and 1100 every page already
   measured clean in all three languages; at 390 all six pushed the document to
   432px against a 390px viewport, and the header menu and the footer address ran
   off the right edge. Both faults are inherited: the header bar is one flex row
   with no narrow treatment, and the footer keeps a two-column grid with the
   contact block pinned right, at every width.

   Nothing below applies above 700px, so nothing here can move a desktop pixel. */
@media (max-width:700px){

  /* The bar already tried: the reference sets .menu{overflow-x:auto} and gives
     the links 44px tap targets. It could not work, because a flex child will not
     shrink below its content width unless min-width is cleared — so instead of
     scrolling, the menu pushed the whole document wider. This is the one line
     that was missing. */
  .site-header .shell{ gap:.9rem; }
  .menu{ min-width:0; flex:1 1 auto; overflow-x:auto; overscroll-behavior-x:contain;
         scrollbar-width:none; -ms-overflow-style:none; }
  .menu::-webkit-scrollbar{ width:0; height:0; }
  .lang{ flex:0 0 auto; }

  /* The footer: one column, the contact block no longer pinned to a right edge
     that is narrower than the address it holds, and long unbroken strings (the
     email) allowed to break rather than overflow. */
  .site-foot .shell{ grid-template-columns:minmax(0,1fr); }
  .site-foot-contact{ justify-self:start; }
  .site-foot address, .foot-list a, .site-foot address a, .site-foot-base a{
    overflow-wrap:anywhere; }
  .site-foot-base .sep{ margin-left:0; }
}

/* A heading that is read but not seen. The intro is a poem; it needs the
   heading for the machines and not for the eye. */
.u-hidden{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}

/* The two policy links in the footer's bottom strip, and the same pair on
   Sources & Legal, which has no footer to put them in. */
.site-foot-base a[data-legal]{ opacity:.86; }
.legal-tail{
  display:flex; flex-wrap:wrap; gap:1.4rem;
  padding:2rem clamp(1.1rem,5vw,3rem) 3rem; justify-content:center;
}
.legal-tail a{
  font-family:var(--grot,system-ui); font-size:.719rem; letter-spacing:.14em;
  text-transform:uppercase; text-decoration:none; color:var(--ink,#251B32);
  opacity:.72; border-bottom:1px solid rgba(37,27,50,.28); padding-bottom:1px;
}
.legal-tail a:hover{ opacity:1; }