@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Manrope:wght@500;600&display=swap');

/* Dark book and utility pages share the main site's navy, ivory, and type roles. */
:root { --ink:#1c3044; --cream:#f7f5f0; --soft:rgb(247 245 240 / .84); --faint:rgb(247 245 240 / .65); --hair:rgb(247 245 240 / .26); }
body { background:#1c3044; color:#f7f5f0; font-family:'Outfit','Helvetica Neue',Arial,sans-serif; }
.wrap h1,
.kit h1,
body>.wrap h1 { font-family:'Manrope','Helvetica Neue',Arial,sans-serif; font-size:clamp(34px,3.7vw,50px); font-weight:500; line-height:1.12; }
.wrap h2,
.kit h2,
body>.wrap h2 { font-family:'Manrope','Helvetica Neue',Arial,sans-serif; font-size:clamp(23px,2.3vw,28px); font-weight:500; line-height:1.23; }
.wrap p:not(.updated):not(.lede):not(.hint):not(.eyebrow),
.kit p:not(.kit__eyebrow):not(.kit__price):not(.kit__lede) { font-family:'Outfit','Helvetica Neue',Arial,sans-serif; font-size:17px; line-height:1.55; }
.kit { --ink:#1c3044; --cream:#f7f5f0; --soft:rgb(247 245 240 / .84); --faint:rgb(247 245 240 / .65); --hair:rgb(247 245 240 / .26); font-family:'Outfit','Helvetica Neue',Arial,sans-serif; }
.kit__eyebrow,
.kit__price,
.kit__foot a,
.masthead,
.updated,
.back { font-family:'Outfit','Helvetica Neue',Arial,sans-serif; }
.kit__lede,
.lede { font-family:'Manrope','Helvetica Neue',Arial,sans-serif; font-size:20px; font-style:normal; }
.kit li,
.tool p { font-family:'Outfit','Helvetica Neue',Arial,sans-serif; font-size:17px; line-height:1.5; }
.kit li::before,
.number { font-family:'Manrope','Helvetica Neue',Arial,sans-serif; }
.kit__btn,
.download { background:#f7f5f0; color:#1c3044; font-family:'Outfit','Helvetica Neue',Arial,sans-serif; font-size:16px; }
.mast { background:#f7f5f0; }
.skip { color:#1c3044; }
.tools,
.tool,
.optional,
footer { border-color:rgb(247 245 240 / .26); }
.intro,
.hint,
.tool p { color:rgb(247 245 240 / .84); }
@media (max-width:640px) {
  .wrap h1,
  .kit h1,
  body>.wrap h1 { font-size:34px; }
  .wrap h2,
  .kit h2,
  body>.wrap h2 { font-size:24px; }
  .wrap p:not(.updated):not(.lede):not(.hint):not(.eyebrow),
  .kit p:not(.kit__eyebrow):not(.kit__price):not(.kit__lede),
  .kit li,
  .tool p { font-size:16px; }
}