/* ============================================================
   BNC Web Books — Standardized FRONT MATTER layer
   Link AFTER light-touch.css on every book's front-matter page:
     <link rel="stylesheet" href="light-touch.css">
     <link rel="stylesheet" href="front-matter.css">
   One source of truth (in _shared/); copied verbatim into each
   bundle by build-search.py. Do not hand-edit a book's copy.
   Palette: navy #003D6B, sky #0078B6, amber #C77E00, slate #5b6b78.
   ============================================================ */

/* ---- 1. Slim full-width navy top banner (identical on all 10) ---- */
.bnc-top-banner{
  display:flex;align-items:center;gap:14px;
  background:#003D6B;
  height:64px;padding:0 24px;margin:0 0 4px;
  border-bottom:3px solid #0078B6;border-radius:0;
}
.bnc-top-banner .bnc-mark{flex:0 0 auto;display:flex;align-items:center;color:#fff}
.bnc-top-banner .bnc-mark svg{display:block;height:30px;width:auto}
.bnc-top-banner .bnc-wm{
  font-family:Helvetica,Arial,sans-serif;color:#fff;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;font-size:15px;line-height:1.1;
}
.bnc-top-banner .bnc-wm small{
  display:block;font-weight:400;letter-spacing:2px;text-transform:uppercase;
  font-size:9px;color:#9ec7e6;margin-top:2px;
}
@media(max-width:560px){
  .bnc-top-banner{height:54px;padding:0 16px}
  .bnc-top-banner .bnc-wm small{display:none}
  .bnc-top-banner .bnc-wm{font-size:13px;letter-spacing:2px}
}

/* ---- 2. Squeezed title block (replaces the tall cover hero) ---- */
.fm-titleblock{
  padding:24px 0 14px;margin:0 0 6px;
  border-bottom:1px solid #b6c2cc;
}
.fm-titleblock .fm-series{
  font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;
  letter-spacing:3px;font-size:11px;font-weight:700;color:#0078B6;margin:0 0 6px;
}
.fm-titleblock h1.fm-title{
  font-family:Helvetica,Arial,sans-serif;color:#003D6B;
  font-size:30px;line-height:1.12;font-weight:800;letter-spacing:0;
  margin:0 0 8px;padding:0;border:none;box-shadow:none;text-transform:none;
}
@media(max-width:560px){.fm-titleblock h1.fm-title{font-size:24px}}
.fm-titleblock .fm-byline{
  font-family:Georgia,serif;font-style:italic;font-size:15px;color:#3a4a57;margin:6px 0 2px;
}
.fm-titleblock .fm-byline strong{color:#003D6B;font-style:normal}
.fm-titleblock .fm-org{
  font-family:Helvetica,Arial,sans-serif;font-size:12.5px;color:#5b6b78;margin:2px 0 0;
}
.fm-titleblock .fm-edition{
  font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;
  font-size:11px;font-weight:700;color:#C77E00;margin:9px 0 0;
}

/* ---- 3. A Message from the President (one per book, quiet) ---- */
/* Authoritative copy of .president-note; overrides any inline version. */
.president-note{
  font-size:13.5px;line-height:1.6;color:#3a4a57;background:#f7fbff;
  border-left:3px solid #0078B6;border-radius:0 4px 4px 0;
  padding:14px 18px;margin:22px 0;font-family:Georgia,serif;
}
.president-note h2,.president-note h3{
  font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#0078B6;
  margin:0 0 8px;border:none;padding:0;box-shadow:none;
  font-family:Helvetica,Arial,sans-serif;font-weight:700;
}
.president-note p{margin:8px 0}
.president-note .sig{margin-top:12px;font-style:italic;color:#5b6b78}

/* ---- 4. How to Read This Book (smaller, tightened, not dominating) ---- */
.how-to-read{
  font-size:14px;line-height:1.5;color:#3a4a57;
  background:#fbfcfd;border:1px solid #e1e7ec;border-radius:4px;
  padding:14px 18px;margin:20px 0;
}
.how-to-read h2,.how-to-read h3{
  font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:1.2px;color:#0078B6;
  margin:0 0 8px;padding:0;border:none;box-shadow:none;
}
.how-to-read p{margin:7px 0}
.how-to-read p:first-of-type{margin-top:0}
.how-to-read strong{color:#003D6B}

/* ---- 5. Why a Second Edition, and Why Now (NOT signed by the president) ---- */
.second-edition{
  font-size:15px;line-height:1.6;color:#2C3E50;
  border-left:3px solid #C77E00;background:#fffdf8;
  border-radius:0 4px 4px 0;padding:14px 20px;margin:22px 0;font-family:Georgia,serif;
}
.second-edition h2,.second-edition h3{
  font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:1.5px;color:#C77E00;
  margin:0 0 8px;padding:0;border:none;box-shadow:none;
}
.second-edition p{margin:8px 0}
.second-edition .sig{margin-top:12px;font-style:italic;color:#5b6b78}

/* ---- 6. Copyright / colophon — fine print, full justified, less prominent ---- */
.bnc-fineprint{
  font-size:12.5px;line-height:1.5;color:#5b6b78;margin:18px 0;text-align:justify;
}
.bnc-fineprint h2,.bnc-fineprint h3{
  font-size:12.5px;margin:0 0 4px;color:#5b6b78;border:none;padding:0;box-shadow:none;
  letter-spacing:.5px;text-transform:uppercase;font-weight:700;
  font-family:Helvetica,Arial,sans-serif;text-align:left;
}
.bnc-fineprint p{margin:4px 0;text-align:justify}

/* Ornamental rules must clear the floated resume box, never cut through it. */
hr{clear:both}

/* ---- 7. Pick up where you left off — clean box, off to the side ---- */
/* (book-enhance.js injects .bnc-resume; this styles it. Floats right so it
    sits quietly beside the title block rather than across the page.) */
.bnc-resume{
  float:right;clear:right;width:236px;max-width:46%;
  margin:4px 0 16px 24px;padding:11px 14px 12px;
  font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:1.45;color:#3a4a57;
  background:#f4f9fd;border:1px solid #d6e3ee;border-left:3px solid #C77E00;
  border-radius:0 4px 4px 0;font-style:normal;
}
.bnc-resume .bnc-resume-k{
  display:block;font-size:8.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:#0078B6;margin:0 0 4px;
}
.bnc-resume a{
  color:#003D6B;font-weight:700;text-decoration:none;
  border-bottom:1px solid #C77E00;font-style:normal;
}
.bnc-resume a:hover{color:#0078B6}
@media(max-width:560px){.bnc-resume{float:none;width:auto;max-width:none;margin:14px 0}}