/* brettlabit.com — THE SHARED CHROME's styles (9/23, V13/V14). Stamped into every page by the Worker with the nav and
   footer it styles (src/chrome.js). Tokens are the page's own (Sky & Rock, R22). Pages no longer carry footer CSS. */

/* Main nav: the current page reads as SELECTED, not as a correction (founder 9/23: the ember underline "made me feel
   like something was misspelled"). Current = full strength and bolder; the others sit back a little. */
header.top nav a[aria-current]{ opacity:1; font-weight:700; box-shadow:none; padding-bottom:0; }

/* Phone menu: the same links, one tap (V13; before 9/23 phones had no nav at all) */
.site-menu{ display:none; position:relative; font-family:var(--sans); }
.site-menu summary{ list-style:none; cursor:pointer; font-size:14px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; padding:8px 0 8px 12px; }
.site-menu summary::-webkit-details-marker{ display:none; }
.site-menu summary::after{ content:" +"; }
.site-menu[open] summary::after{ content:" ×"; }
.site-menu-panel{ position:absolute; right:0; top:calc(100% + 8px); z-index:20; min-width:240px; background:var(--blue); color:#fff; border-radius:14px;
  padding:10px 0; box-shadow:0 18px 40px rgba(0,0,0,.22); display:grid; }
.site-menu-panel a{ color:#fff; text-decoration:none; padding:12px 20px; font-size:15px; letter-spacing:.01em; }
.site-menu-panel a[aria-current]{ background:rgba(255,255,255,.12); font-weight:700; }
@media (max-width:820px){ header.top nav{ display:none; } .site-menu{ display:block; } }

/* Footer: one footer on every page */
footer[data-site-footer]{ background:var(--blue); color:#fff; padding-block:52px 60px; font-size:14px; font-family:var(--sans); }
footer[data-site-footer] .sf{ display:grid; gap:22px; }
footer[data-site-footer] .sf-row{ display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; justify-content:space-between; }
footer[data-site-footer] nav.sf-nav{ display:flex; flex-wrap:wrap; gap:10px 28px; color:#fff; font-size:15px; font-weight:400; letter-spacing:.01em; text-transform:none; }
footer[data-site-footer] a{ color:#fff; text-decoration:none; opacity:.85; } footer[data-site-footer] a:hover{ opacity:1; }
footer[data-site-footer] .sf-follow{ justify-content:flex-start; gap:10px 22px; }
footer[data-site-footer] .sf-follow span{ opacity:.6; text-transform:uppercase; letter-spacing:.08em; font-size:12px; }
footer[data-site-footer] .sf-fine{ opacity:.7; }
footer[data-site-footer] .wordmark{ height:24px; width:auto; display:block; }

/* Share (V14/V15): built in-house, no third-party widgets */
.bl-share{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:14px; }
.bl-share button, .bl-share a{ font-family:var(--sans); font-size:14px; font-weight:600; letter-spacing:.02em; border-radius:999px; padding:11px 20px;
  border:1px solid var(--blue); background:transparent; color:var(--blue); cursor:pointer; text-decoration:none; }
.bl-share .bl-primary{ background:var(--blue); color:#fff; }
.bl-share button:hover, .bl-share a:hover{ transform:translateY(-1px); }
.bl-share .bl-done{ font-size:13px; color:var(--muted); }
.bring{ margin-top:26px; padding-top:22px; border-top:1px solid var(--hair); }
.bring h4{ font-family:var(--book); font-size:24px; font-weight:500; color:var(--blue); margin:0 0 10px; }
.bring p{ margin:0 0 10px; color:var(--ink); }
.share-page{ padding-block:40px; border-top:1px solid var(--hair); }
.share-page p{ margin:0; color:var(--ink); font-size:17px; }