/* orphograph-brand-guide.css — externalized from orphograph-brand-guide.html (strict CSP: no inline styles). */

@page { size: Letter; margin: 0.85in; }
  html, body { background: #f7f1e3; color: #14110d; }
  body {
    margin: 0;
    padding: 56px 64px 80px;
    font-family: "EB Garamond", Garamond, "Hoefler Text", "Times New Roman", Times, serif;
    font-size: 14.5px;
    line-height: 1.7;
    max-width: 760px;
    margin: 0 auto;
  }
  .eyebrow {
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #7a705e;
    margin: 0 0 8px;
  }
  h1 {
    font-weight: 500;
    font-size: 34px;
    margin: 0 0 4px;
    letter-spacing: -0.005em;
  }
  .established {
    font-style: italic;
    color: #5f5648;
    margin: 0 0 32px;
    font-size: 15px;
  }
  h2 {
    font-weight: 500;
    font-size: 18px;
    margin: 28px 0 4px;
    color: #14110d;
  }
  .rule {
    border-top: 1px solid #14110d;
    opacity: 0.5;
    width: 32px;
    margin: 6px 0 12px;
  }
  p, li { color: #2b2620; }
  ul { padding-left: 22px; margin: 8px 0 12px; }
  ul li { margin-bottom: 4px; }
  .swatch-row { display: flex; gap: 18px; margin: 14px 0 8px; flex-wrap: wrap; }
  .swatch { display: flex; align-items: center; gap: 12px; font-size: 13.5px; }
  .swatch .chip {
    width: 38px; height: 38px; border-radius: 3px;
    border: 1px solid #d9d2c0;
  }
  .swatch .name { font-weight: 500; }
  .swatch .hex { font-family: "SF Mono", Menlo, Consolas, monospace; color: #5f5648; font-size: 12.5px; }
  .doublecol { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
  .doublecol h2 { margin-top: 22px; }
  .colophon {
    margin-top: 48px;
    padding-top: 18px;
    border-top: 1px solid #d9d2c0;
    color: #7a705e;
    font-size: 12.5px;
    line-height: 1.65;
  }
  .colophon a { color: #3a6a4c; text-decoration: none; }
  .print-hint {
    position: fixed; top: 12px; right: 12px;
    background: rgba(58,106,76,0.10);
    color: #3a6a4c;
    padding: 6px 10px;
    border-radius: 3px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 11px;
    letter-spacing: 0.06em;
  }
  @media print { .print-hint { display: none; } body { padding: 0; } }