/* GENERATED by tools/build.py from src/pages/books/index.html (its style block and its style="..."
   attributes) - do not edit this file. Edit the source page, then run the build. */
  @media (min-width:901px){ .nav-links .btn{display:none} }
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .hero a:focus-visible,.base a:focus-visible{outline-color:#fff}

  .bk-hero h1{max-width:700px}
  .bk-hero p.sub{max-width:580px}


  .howrow{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px}
  .how{background:#fff;border:1px solid #e4ecf4;border-radius:16px;padding:26px 24px}
  /* Clay-tinted to match the books accent, not the Ed gold. 6.31 against the darker stop. */
  .how .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#f9e3da,#f2d0c3);
          color:#7a3316;font-family:var(--font-head);font-weight:800;margin-bottom:14px}
  .how h3{font-family:var(--font-head);font-size:1.06rem;color:var(--blue-900);margin:0 0 8px}
  .how p{color:#4f6479;font-size:.96rem;line-height:1.65;margin:0}
  @media(max-width:860px){ .howrow{grid-template-columns:1fr} }
.s-101860af{font-size:1.2rem !important}
.s-38729897{width:36px !important}
.s-ef0b7a11{margin-bottom:0 !important}