/* lowcaliber.com, 2026: a thin layer over 030701a.css, added by the Worker
   (worker/polish.js) as the page goes out.  The 2003 files are untouched.
   Same palette, same Verdana, same split grey/white header. */

body.lc-polish {
  --lc-head: 38px;      /* the 2003 header band */
  --lc-measure: 42em;   /* about 75 characters of Verdana */
}

/* (a) The grey rail runs to the foot of the viewport.  The 2003 note in
   030701a.css says height:100% "caus[ed] a perpetual vertical scroll";
   taking the header off 100vh, with the borders inside the box, doesn't. */
body.lc-polish #main,
body.lc-polish #left {
  box-sizing: border-box;
  min-height: calc(100vh - var(--lc-head));
}
/* stats.lowcaliber.com's 030701a.css has an older #main (position:absolute;
   top:38px), which made #headermenu's top relative to #main instead of the
   header band; matching lowcaliber.com's static #main fixes both. */
body.lc-polish #main {
  position: static;
  margin-top: var(--lc-head);
}
body.lc-polish #left { padding-bottom: 1.5em; }
body.lc-polish #stats { overflow-x: auto; }

/* (b) One menu, in the rail; the top right keeps a single live link. */
body.lc-polish #left p { margin: 0.8em 0; }
body.lc-polish #left p.lc-more { margin-top: 1.9em; }
body.lc-polish #left a.menu:hover { text-decoration: underline; }
body.lc-polish #headermenu { top: 1.1em; }

/* The rebuilt member pages carry their own layout inline, so they are
   right with this stylesheet or without it; all they want here is the
   measure, which is wider than the shell's because of the picture. */
body.lc-polish.lc-member #main { padding: 0; }
body.lc-polish.lc-member #memberbody,
body.lc-polish.lc-member #membernav {
  box-sizing: border-box;
  max-width: 47rem;     /* wider than the shell's: the picture sits beside it */
  margin: 0 auto;
}

/* (d) A capped, centred measure, so the arms and the text aren't adrift. */
body.lc-polish #main > p,
body.lc-polish #main > img,
body.lc-polish #main > div.constitution {
  max-width: var(--lc-measure);
  margin-left: auto;
  margin-right: auto;
}
body.lc-polish #main > img { max-width: min(100%, var(--lc-measure)); height: auto; }
body.lc-polish #memberbody img { max-width: 100%; }

/* (e) Phone.  The rail becomes a row of links above the content, the
   wordmarks scale together below about 310px, and the arms fit the width. */
@media (max-width: 640px) {
  body.lc-polish {
    display: flex;
    flex-direction: column;
    --lc-head: min(38px, 12.26vw);
  }
  body.lc-polish #header1l { width: min(192px, 61.9vw); height: var(--lc-head); }
  body.lc-polish #header1r { left: min(192px, 61.9vw); }
  body.lc-polish #header1l img,
  body.lc-polish #header1r img { height: var(--lc-head); width: auto; display: block; }
  body.lc-polish #left {
    order: -1;
    position: static;
    width: auto;
    min-height: 0;
    margin-top: var(--lc-head);
    padding: 0.55em 0.5em 0.7em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 1.1em;
  }
  body.lc-polish #left p,
  body.lc-polish #left p.lc-more { margin: 0.25em 0; }
  body.lc-polish #left a.menu { font-size: 9pt; }
  body.lc-polish #main {
    margin-top: 0;
    min-height: 0;
    border-left: 0;
    padding: 1.2em 0.8em;
    overflow-x: auto;
  }
  /* The constitution's blockquotes nest four deep, 40px a level, which eats
     a phone's width; the indent still reads at a third of that. */
  body.lc-polish .constitution blockquote { margin-left: 1.2em; margin-right: 0; }
  /* The member pages: no second rail to collapse -- the arrows are
     already a row along the top -- just room to read. */
  body.lc-polish #memberbody { margin-left: 0; padding: 1.2em 1em; }
  body.lc-polish #membernav { padding: 0.6em 0.8em 0.35em; }
  body.lc-polish #memberbody td.left { padding-right: 1em; }
}