/* THE SALES PAGE'S OWN STYLESHEET — the owner's, lifted unchanged.
 *
 * Every rule below is transcribed from the <style> block of
 * docs/WATERLOGGED_SALES_PAGE_2026_08_18.html, which the owner line-edited personally on
 * 18 August 2026. Cream paper, navy headings, Georgia, one 680px sheet: the same look the
 * morning emails and the Daily River Log wear, which is why the offer panel next door
 * (offer/panel.css) is drawn from the same palette rather than from a second one.
 *
 * TWO FAMILIES OF RULES ARE GONE and nothing else changed: `.buildnote` and `.appendix` dressed
 * the build note and the state inventory, and those blocks are operator-facing and are not
 * rendered (waterlogged/api/offer.py says why). A stylesheet carrying rules for markup that no
 * longer exists is a stylesheet nobody can read.
 *
 * It is a file rather than an inline <style> for one reason: the site hashes its assets
 * (routes.asset_url), so this ships with a content-addressed URL like everything else.
 */
:root{
    --cream:#f7f3e9; --panel:#efe9da; --navy:#1f3a5f; --slate:#405c82;
    --ink:#222222; --rule:#d8cfbb; --hair:#e3dcc9; --deep:#e7e0d1;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0;background:var(--deep);color:var(--ink);
       font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6}
  .sheet{max-width:680px;margin:0 auto;background:var(--cream);padding:0 18px 40px}
  a{color:var(--slate)}
  img{max-width:100%;height:auto;display:block}
  h1,h2{color:var(--navy);font-weight:bold;margin:0}
  h1{font-size:29px;line-height:1.2;letter-spacing:-.2px}
  h2{font-size:20px;border-bottom:2px solid var(--navy);padding-bottom:4px;margin:34px 0 12px}
  p{margin:0 0 11px}
  ul{margin:0 0 11px;padding-left:20px}
  li{margin-bottom:8px}
  .kicker{font-size:11.5px;letter-spacing:1.6px;color:var(--slate);text-transform:uppercase}
  .small{font-size:13.5px;line-height:1.55;color:var(--slate)}
  .mono{font-family:Consolas,'Courier New',monospace;font-size:12.5px}

  header.site{border-bottom:2px solid var(--navy);padding:16px 0 10px;margin-bottom:20px}
  .wordmark{font-size:19px;color:var(--navy);font-weight:bold;letter-spacing:.5px;text-decoration:none;display:block}
  nav.site a{display:inline-block;min-height:44px;line-height:44px;margin-right:18px;font-size:14.5px}

  .hero{padding-top:22px}
  .deck{font-size:17.5px;line-height:1.55;margin:12px 0 14px}
  .split{border-top:2px solid var(--navy);border-bottom:2px solid var(--navy);padding:12px 0;margin:16px 0}
  .split p{font-size:19px;line-height:1.4;color:var(--navy);font-weight:bold;margin:0}
  .split .small{margin-top:7px;font-weight:normal}
  .priceline{font-size:17px;color:var(--navy);font-weight:bold;margin:0 0 14px}
  .btn{display:block;width:100%;min-height:52px;line-height:1.35;padding:14px 16px;margin:0 0 10px;
       background:var(--navy);color:var(--cream);text-align:center;text-decoration:none;
       font-size:17px;font-weight:bold;border:2px solid var(--navy);border-radius:2px}
  .btn.secondary{background:transparent;color:var(--navy)}
  .limit{font-size:14.5px;line-height:1.55;color:var(--slate);border-left:3px solid var(--rule);
         padding-left:12px;margin:0 0 18px}

  figure{margin:0 0 20px}
  figure img{border:1px solid var(--rule)}
  figcaption{font-size:13px;line-height:1.5;color:var(--slate);padding-top:6px}

  .rule-block{background:var(--panel);border-left:4px solid var(--navy);padding:14px 14px 10px;margin:8px 0 10px}
  .rule-block .lbl{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--slate);margin-bottom:8px}
  blockquote{margin:0;font-size:17px;line-height:1.55;color:var(--navy)}

  .buys{border:2px solid var(--navy);padding:16px 16px 8px;margin:12px 0}
  .buys ul{padding-left:19px;margin-bottom:8px}
  .buys li{font-size:16px;line-height:1.5}

  .pricebox{border:2px solid var(--navy);background:var(--cream);padding:16px;margin:12px 0 0}
  .amount{font-size:40px;line-height:1;color:var(--navy);font-weight:bold}
  .unit{font-size:14.5px;color:var(--slate);margin:6px 0 12px}
  .refund{border-top:2px solid var(--navy);margin-top:12px;padding-top:12px;font-size:15px;line-height:1.6}
  .refund b{color:var(--navy)}
  .cap{font-size:14px;line-height:1.55;color:var(--slate);margin-top:10px}

  .closed{border:2px solid var(--navy);background:var(--panel);padding:15px;margin:12px 0}
  .closed p:last-child{margin-bottom:0}

  details{border-bottom:1px solid var(--hair);padding:4px 0}
  summary{cursor:pointer;padding:12px 0;font-size:16.5px;color:var(--navy);font-weight:bold;min-height:44px}

  footer.site{border-top:2px solid var(--navy);margin-top:32px;padding-top:14px;font-size:13px;line-height:1.6;color:var(--slate)}
  footer.site a{display:inline-block;min-height:34px;line-height:34px;margin-right:14px}
  .closing{border-top:2px solid var(--navy);margin-top:30px;padding-top:14px;font-size:18px;line-height:1.55;color:var(--navy)}

  @media (min-width:620px){
    body{font-size:17.5px}
    .sheet{padding:0 34px 46px}
    h1{font-size:34px}
    .btn{display:inline-block;width:auto;min-width:260px;margin-right:10px}
  }

/* THE FOUR WORDS THAT ARE NOT LINKS — the one rule below that is not the owner's.
 *
 * A refund policy, an accessibility statement, a completed-sailing archive and a sealed Sailing
 * Water Record are all named on this page and none of them is a page on this site yet
 * (waterlogged/api/offer.py, UNBUILT). His words stay exactly as written; they simply are not
 * anchors. This draws them as the body text they now are, so nothing looks like a control that
 * does nothing when it is pressed. */
  .unbuilt{color:var(--ink)}
  .btn-unbuilt{display:block;color:var(--slate);font-size:15px;line-height:1.55;margin:0 0 10px}