/* S347 · becoolbepositive.com's pages as phone screens. The S343 shell made the chrome an app (top bar, tabs, Ask sheet, mini
   player); this makes the screens inside it read as an app MetaLab shipped, not a website stacked into one column.
   Linked with the shell's media query (phones in portrait, short touch screens in landscape), loaded after every page sheet,
   and every rule sits under html.sh-on, so laptops and desktops never apply any of it. Copy is unchanged; the living pills are
   untouched; js/app-s347.js adds the large-title collapse, the Read sheet, the Press switcher and Contact's actions.

   The phone system
   - Type (rem, 16px root): large title 2.125 serif 700 / title 1.5 serif / headline 1.0625 Rubik 600 / body 1 Rubik,
     reading 1.1875 serif at 1.62 / subhead .9375 / footnote .8125 / caption .75. Section labels are sentence case Rubik, not
     tracked capitals: an app's group header, not a magazine's eyebrow.
   - Rhythm: 8pt. 16px gutters, 8 inside cells, 24 between groups, 40 between sections.
   - Radius: 10 (thumbnails, small controls), 16 (cells, groups, photos), 26 (hero cards, sheets), 999 (pills).
   - Groups: inset grouped lists, a #f5f7fc fill on the white page, hairlines inset 16px, 52px rows minimum.
   - Photos: full bleed, swipeable, snapping, the next one always peeking.
   - Color: navy ink and CultureAI blue for action; the site's own warmth carries the personality (the sand, the sun, the gold
     italic, the dusk, the sea haze) and the drawn art stays as drawn.
   - Motion, one moment: the page's large title collapses into the top bar as it scrolls away (240ms, the shell's ease). Press
     states answer every tap; sheets rise 360ms and fall a third faster; reduced motion turns all of it off. */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  :root{
    --a7-g:16px;
    --a7-ground:#f5f7fc;
    --a7-cell:#f5f7fc;
    --a7-hair:rgba(10,22,51,.1);
    --a7-ink:#0a1633;
    --a7-body:#2b3550;
    --a7-mute:#566074;
    --a7-blue:#1559f5;
    --a7-blue-ink:#0f46c9;
    --a7-sand:#efe3c8;
    --a7-sun:#f5a83c;
    --a7-gold:#ffd9a0;
    --a7-haze:#9dbbf5;
    --a7-dusk:linear-gradient(180deg,#141b2b 0%,#10141d 58%,#0f1524 100%);
    --a7-serif:"Source Serif 4",Georgia,serif;
    --a7-sans:Rubik,system-ui,-apple-system,sans-serif;
    --a7-r1:10px;--a7-r2:16px;--a7-r3:26px;
    --a7-in:cubic-bezier(.05,.7,.1,1);--a7-out:cubic-bezier(.3,0,.8,.15);
    --a7-top:calc(var(--sh-st,0px) + 46px);   /* the top bar, tightened */
  }

  /* ================= shared pieces ================= */
  /* the collapsed title in the top bar */
  html.sh-on .bh-in{position:relative}
  html.sh-on .a7-tt{display:block!important;position:absolute;left:calc(64px + var(--sh-sl,0px));right:calc(156px + var(--sh-sr,0px));top:50%;text-align:center;transform:translateY(-30%);opacity:0;
    font:600 1.0625rem/1.2 var(--a7-sans);color:var(--a7-ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;
    transition:opacity .2s var(--a7-out),transform .24s var(--a7-out)}
  html.sh-on.a7-titled .a7-tt{opacity:1;transform:translateY(-50%);transition:opacity .24s var(--a7-in),transform .24s var(--a7-in)}
  html.sh-on.a7-titled.a7-lt .bh{border-bottom-color:var(--sh-hair)}

  /* group headers: sentence case, Rubik, quiet (the pages' tracked mono capitals are a desktop magazine voice) */
  html.sh-on :is(#s4-pr-h,.s4-new,.s4-new span,.s4-acts small,.s4-k,.s4-shk,.wr-k,.k,.ck,.lk,.wr-ck,.s4p-facts dt,.s4p-cov b,.f42-h,.hx-epk,.s4-fno,.wr-nk,.s342h-rk,.s342h-rd,.s342-run,.lt,.lby,.fnum){
    text-transform:none!important;letter-spacing:0!important}

  /* the big buttons: 50px, full width where they lead */
  html.sh-on :is(.s4-solid,.s4-ghost,.s342h-read,.s342h-listen,.wr-nplay,.wr-nread){min-height:50px;border-radius:999px!important;font:600 1rem/1 var(--a7-sans)!important;letter-spacing:0!important}

  /* the sheet (Read's note detail) */
  .a7-sheet{position:fixed;inset:auto 0 0 0;top:auto;margin:0;width:100%;max-width:none;max-height:calc(100dvh - var(--sh-st,0px) - 40px);padding:0;border:0;
    border-radius:var(--a7-r3) var(--a7-r3) 0 0;background:#fff;color:var(--a7-ink);box-shadow:0 -12px 40px rgba(10,22,51,.24);overflow:hidden;
    display:none;flex-direction:column;animation:a7-up .36s var(--a7-in) both;transition:transform .3s var(--a7-in)}
  .a7-sheet[open]{display:flex}
  .a7-sheet.a7-out{animation:a7-down .23s var(--a7-out) both}
  .a7-sheet::backdrop{background:rgba(6,12,28,.42);animation:a7-fade .3s var(--a7-in) both}
  .a7-stop{position:absolute;top:0;left:0;right:64px;height:44px;z-index:2;touch-action:none}
  .a7-grab{flex:none;height:22px;display:grid;place-items:center;touch-action:none}
  .a7-grab::before{content:"";width:36px;height:5px;border-radius:3px;background:rgba(10,22,51,.18)}
  .a7-x{position:absolute;top:10px;right:10px;z-index:3;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:var(--a7-cell);color:var(--a7-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--a7-in)}
  .a7-x svg{width:18px;height:18px}
  .a7-x:active{transform:scale(.9)}
  .a7-x:focus-visible{outline:2px solid var(--a7-blue);outline-offset:2px}
  .a7-sbody{overflow:auto;overscroll-behavior:contain;padding:6px 20px calc(24px + var(--sh-sb,0px))}
  .a7-shead{display:flex;align-items:baseline;gap:10px;padding-right:48px;font:500 .8125rem/1.3 var(--a7-sans);color:var(--a7-mute)}
  .a7-sno{font:700 .8125rem/1 var(--a7-sans);color:var(--a7-blue-ink)}
  .a7-sstart{margin:12px 0 0;display:inline-block;padding:6px 10px;border-radius:999px;background:#eef3fe;font:600 .8125rem/1.2 var(--a7-sans);color:var(--a7-blue-ink)}
  .a7-st{margin:12px 0 0;font:700 1.625rem/1.15 var(--a7-serif);letter-spacing:-.015em;color:var(--a7-ink);outline:none}
  .a7-swave{margin:18px 0 0;height:28px;padding:0 2px}
  .a7-swave svg{display:block;width:100%;height:28px}
  .a7-swave .wl{stroke:#d5dcea;stroke-width:1}
  .a7-swave .wb{stroke:#bac4da;stroke-width:2}
  .a7-swave .wp{stroke:var(--a7-blue);stroke-width:2.4}
  .a7-swave .ws{stroke:var(--a7-sun);stroke-width:2.4}
  .a7-sd{margin:16px 0 0;font:400 1.0625rem/1.6 var(--a7-serif);color:var(--a7-body)}
  .a7-sacts{display:grid;gap:10px;margin:24px 0 0}
  .a7-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;font:600 1rem/1 var(--a7-sans);text-decoration:none;
    -webkit-tap-highlight-color:transparent;transition:transform .12s var(--a7-in)}
  .a7-btn svg{width:22px;height:22px;flex:none}
  .a7-btn:active{transform:scale(.97)}
  .a7-btn:focus-visible{outline:2px solid var(--a7-blue);outline-offset:3px}
  .a7-solid{background:var(--a7-blue);color:#fff}
  .a7-ghost{background:var(--a7-cell);color:var(--a7-ink)}
  .a7-surl{margin:16px 0 0;text-align:center;font:400 .8125rem/1.3 var(--a7-sans);color:var(--a7-mute)}
  html.a7-sheet-open .sh-tabs{z-index:1}
  @keyframes a7-up{from{transform:translateY(100%)}}
  @keyframes a7-down{to{transform:translateY(100%)}}
  @keyframes a7-fade{from{opacity:0}}

  /* a swipeable, snapping, full-bleed row of photos (home's On stage, the press photos, the letter's receipts) */
  html.sh-on :is(.s4-row,.s4p-photos,.why-rcpt .wr-row,.s4y-rcpts){display:flex!important;gap:10px!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    scroll-padding-inline:var(--a7-g);padding:0 var(--a7-g) 4px!important;margin-inline:calc(-1 * var(--a7-g))!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    grid-template-columns:none!important}
  html.sh-on :is(.s4-row,.s4p-photos,.why-rcpt .wr-row,.s4y-rcpts)::-webkit-scrollbar{display:none}
  html.sh-on :is(.s4-row,.s4p-photos,.why-rcpt .wr-row,.s4y-rcpts)>*{scroll-snap-align:start;flex:none}
  html.sh-on :is(.s4-row,.s4p-photos,.why-rcpt .wr-row,.s4y-rcpts):focus-visible{outline:2px solid var(--a7-blue);outline-offset:-2px}

  /* ================= Home: an app's home screen ================= */
  /* the creed card: shorter than a screen, so the first card under it peeks */
  html.sh-on main>.hero.hb:first-child{height:min(640px,calc(100svh - var(--sh-st,0px) - 56px - 58px - var(--sh-sb,0px) - 70px))!important;min-height:520px!important}
  html.sh-on .hb .hb-copy{padding-top:56px!important}
  html.sh-on .hb .hk{max-width:78%;font:500 .8125rem/1.4 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important;color:rgba(255,255,255,.72)!important}
  html.sh-on .hb h1{font-size:3.25rem!important;line-height:1!important;letter-spacing:-.025em!important}
  html.sh-on .hb .hstate{font-size:1.125rem!important;line-height:1.5!important}
  html.sh-on .hb-cue{display:none!important}
  /* the rocket waits up by the stars, clear of the words */
  html.sh-on .hb .hb-rocket{top:64px!important;bottom:auto!important;right:18px!important;left:auto!important;width:40px!important;height:60px!important}
  /* the four ways in: a row of app shortcuts, glass on the dusk */
  html.sh-on .s4-paths{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin-top:20px!important}
  html.sh-on .s4-paths a{justify-content:center;min-height:48px!important;padding:0 4px!important;border-radius:14px!important;font:600 .875rem/1 var(--a7-sans)!important;
    background:rgba(11,23,48,.5)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  html.sh-on .s4-paths a:first-child{background:#fff!important;color:var(--a7-ink)!important;border-color:#fff!important}
  html.sh-on .s4-paths a svg{display:none!important}

  /* the sections as stacked screens, each with an app section header (title left, See all right) */
  html.sh-on .s4 .s4-sec{padding:0!important;margin:0!important;background:transparent!important;border:0!important}
  html.sh-on .s4 .s4-in{padding:40px var(--a7-g) 0!important;max-width:none!important}
  html.sh-on .s4 .s4-head{display:block!important;margin:0 0 16px!important;padding:0!important;border:0!important}
  html.sh-on .s4 .s4-k{margin:0 0 4px!important;font:500 .875rem/1.3 var(--a7-sans)!important;color:var(--a7-blue-ink)!important}
  html.sh-on .s4 .s4-h{margin:0!important;font:700 1.75rem/1.1 var(--a7-serif)!important;letter-spacing:-.02em!important}
  html.sh-on .s4 .s4-h .s4-br{display:none}
  html.sh-on .s4 .s4-lede{margin:8px 0 0!important;font:400 1rem/1.5 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4 .s4-links{display:flex!important;gap:8px!important;margin:14px 0 0!important;flex-wrap:wrap}
  html.sh-on .s4 .s4-more{display:inline-flex!important;align-items:center;gap:6px;min-height:44px!important;padding:0 16px!important;border-radius:999px;background:var(--a7-cell);
    font:600 .875rem/1 var(--a7-sans)!important;color:var(--a7-blue-ink)!important;text-decoration:none!important;position:relative}
    html.sh-on .s4 .s4-more svg{width:14px;height:14px}
  html.sh-on .s4-stage .s4-head{display:flex!important;align-items:flex-end;justify-content:space-between;gap:12px}
  html.sh-on .s4-stage .s4-links{margin:0!important}

  /* the newest note: a now-playing card in the dusk */
  html.sh-on .s4-lab-grid{display:block!important}
  html.sh-on .s4-feat{display:grid!important;grid-template-columns:88px minmax(0,1fr);gap:16px 14px!important;padding:16px!important;border-radius:var(--a7-r3)!important;
    background:var(--a7-dusk)!important;box-shadow:0 18px 40px -22px rgba(10,22,51,.55)!important;color:#fff}
  html.sh-on .s4-feat .s4-fart{display:block!important;grid-column:1;grid-row:1;width:88px!important;height:88px!important;border-radius:var(--a7-r1)!important;overflow:hidden;margin:0!important}
  html.sh-on .s4-feat .s4-fart img{width:100%;height:100%;object-fit:cover}
  html.sh-on .s4-feat .s4-ftx{display:contents}
  html.sh-on .s4-feat .s4-meta{grid-column:2;grid-row:1;align-self:center;margin:0!important;display:grid;gap:6px}
  html.sh-on .s4-feat .s4-meta p{margin:0!important;font:500 .8125rem/1.3 var(--a7-sans)!important;color:#c9d3e3!important}
  html.sh-on .s4-feat .s4-new{color:var(--a7-gold)!important}
  html.sh-on .s4-feat .s4-acts small{font:500 .8125rem/1 var(--a7-sans)!important;color:inherit!important}
  html.sh-on .s4-feat .s4-ft{grid-column:1/-1;margin:2px 0 0!important;font:700 1.5rem/1.15 var(--a7-serif)!important}
  html.sh-on .s4-feat .s4-fd{grid-column:1/-1;margin:0!important;font:400 1rem/1.55 var(--a7-serif)!important;color:#c9d3e3!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  html.sh-on .s4-feat .s4-acts{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:6px 0 0!important}
  html.sh-on .s4-feat .s4-acts>a{justify-content:center;width:auto!important}
  /* before that: an inset grouped list with artwork */
  html.sh-on .s4-shelf{margin:24px 0 0!important;padding:0!important;border:0!important}
  html.sh-on .s4-shk{margin:0 0 8px 4px!important;font:600 .9375rem/1.3 var(--a7-sans)!important;color:var(--a7-ink)!important}
  html.sh-on .s4-eps{margin:0!important;padding:0!important;border-radius:var(--a7-r2);background:var(--a7-cell);overflow:hidden;border:0!important}
  html.sh-on .s4-eps li{margin:0!important;padding:0!important;border:0!important;position:relative}
  html.sh-on .s4-eps li+li::before{content:"";position:absolute;top:0;left:84px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .s4-eps a{display:grid!important;grid-template-columns:56px minmax(0,1fr) 12px;align-items:center;gap:14px;min-height:76px;padding:10px 16px!important;text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;transition:background .12s}
  html.sh-on .s4-eps a:active{background:rgba(10,22,51,.05)}
  html.sh-on .s4-eps a::after{content:"";width:8px;height:8px;border-top:2px solid #b4bccb;border-right:2px solid #b4bccb;transform:rotate(45deg);margin-left:-4px}
  html.sh-on .s4-eps .hx-art{width:56px!important;height:56px!important;border-radius:var(--a7-r1)!important;overflow:hidden;margin:0!important}
  html.sh-on .s4-eps .hx-art img{width:100%;height:100%;object-fit:cover}
  html.sh-on .s4-eps .hx-epk{font:500 .75rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4-eps .hx-ept{font:600 1rem/1.25 var(--a7-sans)!important;color:var(--a7-ink)!important;margin:2px 0!important}
  html.sh-on .s4-eps .hx-epm{font:400 .8125rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4-follow{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px!important;margin:16px 0 0!important}
  html.sh-on .s4-follow>span{flex-basis:100%;margin:0 0 2px 4px;font:500 .8125rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4-follow .s4-fbtn{flex:1;justify-content:center;min-height:48px!important;border-radius:14px!important}

  /* on stage: big swipeable photo cards */
  html.sh-on .s4-row li{width:min(82vw,340px)!important;margin:0!important}
  html.sh-on .s4-row figure{margin:0!important}
  html.sh-on .s4-row img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;border-radius:var(--a7-r2)!important;display:block}
  html.sh-on .s4-row figcaption{margin:10px 2px 0!important;font:400 .875rem/1.35 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4-row figcaption b{display:block;font:600 1rem/1.3 var(--a7-sans)!important;color:var(--a7-ink)!important}

  /* my why: the dusk card full width with the play as its hero */
  html.sh-on .s342h-card{border-radius:var(--a7-r3)!important}
  html.sh-on .s342h-acts{display:grid!important;grid-template-columns:1fr;gap:10px!important}
  html.sh-on .s342h-acts>a{justify-content:center}

  /* featured in: the logos in one grouped card */
  html.sh-on .s4-press .s4-press-in{padding-top:40px!important}
  html.sh-on .s4 h2.s4-k:not(#a7#a7#a7#a7){font:600 .9375rem/1.3 var(--a7-sans)!important;letter-spacing:0!important}
  html.sh-on .s4-press .s4-k{display:block;margin:0 0 8px 4px!important;font:600 .9375rem/1.3 var(--a7-sans)!important;color:var(--a7-ink)!important}
  html.sh-on .s4-logos{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;padding:8px!important;border-radius:var(--a7-r2);background:var(--a7-cell)}
  html.sh-on .s4-logos a{display:grid!important;place-items:center;min-height:64px;padding:8px!important;margin:0!important}
  html.sh-on .s4-logos a:nth-child(n+4){grid-column:span 1}
  html.sh-on .s4-logos a:nth-child(4){grid-column:1/3}
  html.sh-on .s4-logos img{max-width:100%;max-height:26px;width:auto!important;height:auto!important}
  html.sh-on .s4-press .s4-more{margin-top:12px!important}

  /* say aloha, as the last card */
  html.sh-on #contact.close .close-in{margin:40px var(--a7-g) 0!important;padding:28px 20px!important;border-radius:var(--a7-r3);background:var(--a7-cell);text-align:center}
  html.sh-on #contact.close .crow2{display:grid!important;grid-template-columns:1fr;gap:10px!important;justify-items:stretch}
  html.sh-on #contact.close .crow2>a{justify-content:center}

  /* ================= Read: a podcast app's library ================= */
  html.sh-on .wr.s4w{padding:0 var(--a7-g)!important}
  html.sh-on .wr-head{display:block!important;padding:12px 0 0!important;margin:0!important;border:0!important}
  html.sh-on .wr-head .wr-k{display:none!important}
  html.sh-on .wr-head h1{margin:0!important;font:700 2.125rem/1.08 var(--a7-serif)!important;letter-spacing:-.025em!important}
  html.sh-on .wr-lede{margin:10px 0 0!important;font:italic 400 1.0625rem/1.5 var(--a7-serif)!important;color:var(--a7-body)!important}
  /* the newest: now playing */
  html.sh-on .wr-newest{display:grid!important;grid-template-columns:96px minmax(0,1fr);gap:14px;margin:20px 0 0!important;padding:14px!important;border-radius:var(--a7-r3)!important;
    background:var(--a7-dusk)!important;border:0!important;box-shadow:0 18px 40px -22px rgba(10,22,51,.55)!important}
  html.sh-on .wr-newest .wr-nart{width:96px!important;height:96px!important;border-radius:var(--a7-r1)!important;overflow:hidden}
  html.sh-on .wr-newest .wr-nart img{width:100%;height:100%;object-fit:cover}
  html.sh-on .wr-newest .wr-nb{display:contents}
  html.sh-on .wr-newest{grid-template-rows:auto 1fr auto}
  html.sh-on .wr-newest .wr-nart{grid-row:1/3}
  html.sh-on .wr-newest .wr-nk{grid-column:2;grid-row:1;margin:2px 0 0!important;align-self:start;font:500 .8125rem/1.3 var(--a7-sans)!important;color:var(--a7-gold)!important}
  html.sh-on .wr-newest .wr-nt{grid-column:2;grid-row:2;align-self:start;margin-top:6px!important;margin:0!important;font:700 1.0625rem/1.25 var(--a7-serif)!important}
  html.sh-on .wr-newest .wr-nt a{color:#fff!important;text-decoration:none!important}
  html.sh-on .wr-newest .wr-nacts{grid-column:1/-1;grid-row:3;display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:4px 0 0!important}
  html.sh-on .wr-newest .wr-nplay{background:var(--a7-blue)!important;color:#fff!important;justify-content:center}
  html.sh-on .wr-newest :is(.wr-nplay,.wr-nread) small{font:500 .8125rem/1 var(--a7-sans)!important;color:inherit!important;opacity:1!important;margin-left:6px}
  html.sh-on .wr-newest .wr-nread{background:rgba(255,255,255,.12)!important;color:#fff!important;border:0!important;justify-content:center}
  /* every note: a sticky segmented control, then the list */
  html.sh-on .wr-allhead{display:contents!important}
  html.sh-on .wr-allhead>div:first-child{margin:32px 0 0!important}
  html.sh-on .wr-h2{font:700 1.5rem/1.15 var(--a7-serif)!important;letter-spacing:-.015em!important;margin:0!important}
  html.sh-on .wr-sub{margin:4px 0 0!important;font:400 .9375rem/1.4 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .wr-chips{position:sticky;top:var(--a7-top);z-index:20;display:grid!important;grid-template-columns:.85fr 1.5fr .9fr 1.05fr;gap:0!important;width:auto!important;max-width:none!important;margin:14px calc(-1 * var(--a7-g)) 0!important;
    padding:8px var(--a7-g)!important;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px)}
  html.sh-on .wr-chips::before{content:"";position:absolute;inset:8px var(--a7-g);border-radius:12px;background:#eceff6;z-index:-1}
  html.sh-on .wr-chips button{min-height:44px!important;margin:2px 4px!important;padding:0 4px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--a7-ink)!important;
    font:500 .875rem/1 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;box-shadow:none!important}
  html.sh-on .wr-chips button b{font:500 .75rem/1 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .wr-chips button[aria-pressed=true]{background:#fff!important;font-weight:600!important;box-shadow:0 1px 2px rgba(10,22,51,.12),0 3px 8px rgba(10,22,51,.08)!important}
  html.sh-on .wr-list{margin:8px 0 0!important;padding:0!important;border-radius:var(--a7-r2);background:var(--a7-cell);overflow:hidden;border:0!important}
  html.sh-on .wr-row{position:relative;display:grid!important;grid-template-columns:44px minmax(0,1fr) 12px;align-items:center;gap:0 10px;
    min-height:64px;margin:0!important;padding:14px 16px!important;border:0!important;background:transparent!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s}
  html.sh-on .wr-row:active{background:rgba(10,22,51,.05)!important}
  html.sh-on .wr-row+.wr-row::before{content:"";position:absolute;top:0;left:70px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .wr-row::after{content:"";grid-column:3;grid-row:1/6;width:8px;height:8px;border-top:2px solid #b4bccb;border-right:2px solid #b4bccb;transform:rotate(45deg);margin-left:-4px}
  html.sh-on .wr-row .wr-no{grid-column:1;grid-row:1/6;align-self:start;margin:2px 0 0!important;font:700 .8125rem/1.2 var(--a7-sans)!important;letter-spacing:0!important;color:var(--a7-blue-ink)!important}
  html.sh-on .wr-row .wr-main{display:contents!important}
  html.sh-on .wr-row .wr-main>*{grid-column:2;min-width:0}
  html.sh-on .wr-row .s4w-start{grid-row:1}
  html.sh-on .wr-row .wr-t{grid-row:2}
  html.sh-on .wr-row .wr-side{grid-column:2;grid-row:3}
  html.sh-on .wr-row .wr-wv{grid-row:4}
  html.sh-on .wr-row :is(.wr-d,.wr-url){display:none!important}
  html.sh-on .wr-row .wr-t{display:block!important;min-height:0!important;padding:11px 0!important;margin:-11px 0!important;font:600 1.0625rem/1.3 var(--a7-serif)!important;color:var(--a7-ink)!important;text-decoration:none!important}
  html.sh-on .wr-row .wr-t::after{content:"";position:absolute;inset:0}
  html.sh-on .wr-row .s4w-start{display:block;margin:0 0 4px!important;font:600 .75rem/1.3 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--a7-blue-ink)!important}
  html.sh-on .wr-row .wr-wv{display:flex!important;margin:8px 0 0!important}
  html.sh-on .wr-row .wr-lt{font:400 .8125rem/1 var(--a7-sans)!important;letter-spacing:0!important;color:var(--a7-mute)!important}
  html.sh-on .wr-row .wr-side{display:flex!important;gap:8px;margin:4px 0 0!important;font:400 .8125rem/1.3 var(--a7-sans)!important}
  html.sh-on .wr-row .wr-side span{font:inherit!important;letter-spacing:0!important;text-transform:none!important;color:var(--a7-mute)!important}
  html.sh-on .wr-row[data-start]{background:transparent!important}
  html.sh-on .wr-row[hidden]{display:none!important}
  html.sh-on .wr-sum{margin:16px 4px 0!important;font:400 .875rem/1.5 var(--a7-sans)!important;letter-spacing:0!important;color:var(--a7-mute)!important}
  /* where it runs: a grouped list */
  html.sh-on .wr-sec:has(.wr-cards){margin:40px 0 0!important;padding:0!important;border:0!important}
  html.sh-on .wr-cards{display:block!important;margin:12px 0 0!important;border-radius:var(--a7-r2);background:var(--a7-cell);overflow:hidden}
  html.sh-on .wr-col{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:2px 10px;margin:0!important;padding:14px 16px!important;border:0!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;transform:none!important}
  html.sh-on .wr-col+.wr-col::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .wr-col::after{content:"";grid-column:2;grid-row:1/4;width:8px;height:8px;border-top:2px solid #b4bccb;border-right:2px solid #b4bccb;transform:rotate(45deg);margin-left:-4px}
  html.sh-on .wr-col>*{grid-column:1}
  html.sh-on .wr-col .wr-ck{font:500 .75rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .wr-col .wr-ct{font:600 1.0625rem/1.3 var(--a7-sans)!important;color:var(--a7-ink)!important;padding:11px 0!important;margin:-11px 0!important;text-decoration:none!important}
  html.sh-on .wr-col .wr-ct::after{content:"";position:absolute;inset:0}
  html.sh-on .wr-col .wr-cd{display:none!important}
  html.sh-on .wr-col .wr-cm{font:400 .8125rem/1.3 var(--a7-sans)!important;letter-spacing:0!important;color:var(--a7-blue-ink)!important}
  html.sh-on .wr-dband{margin:40px 0 0!important;border-radius:var(--a7-r3)!important;padding:24px 20px!important}
  html.sh-on .wr-dband input{min-height:52px;border-radius:14px!important}
  html.sh-on .wr-dband button{width:100%;min-height:52px;border-radius:999px!important;font:600 1rem/1 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important}
  html.sh-on .wr-dform{display:grid!important;gap:10px!important}
  html.sh-on .wr-dk,html.sh-on .wr-fine{letter-spacing:.04em!important}

  /* ================= My why: a reading app ================= */
  /* the cover: full bleed dusk, the title as the book's title, Listen as the one control that matters */
  html.sh-on .why-cover .wc-in{padding:28px var(--a7-g) 120px!important}
  html.sh-on .why-cover .s342-run{font:500 .8125rem/1.3 var(--a7-sans)!important;color:#c9d3e3!important}
  html.sh-on .why-cover .wc-t{font-size:2.5rem!important;line-height:1.05!important;letter-spacing:-.025em!important;margin-top:28px!important}
  html.sh-on .why-cover .s342-deck{font-size:1.125rem!important;line-height:1.5!important}
  html.sh-on .why-cover .s342-by{display:grid!important;gap:14px!important;margin-top:24px!important}
  html.sh-on .why-cover .s342-play{display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%!important;min-height:58px!important;padding:0 20px!important;border-radius:999px!important;
    background:#fff!important;color:var(--a7-ink)!important;font:600 1.0625rem/1 var(--a7-sans)!important;box-shadow:0 14px 30px -12px rgba(0,0,0,.6)!important;text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;transition:transform .12s var(--a7-in)}
  html.sh-on .why-cover .s342-play:active{transform:scale(.97)}
  html.sh-on .why-cover .s342-pb{width:34px!important;height:34px!important;border-radius:999px!important;background:var(--a7-blue)!important;color:#fff!important;display:grid!important;place-items:center;margin:0!important}
  html.sh-on .why-cover .s342-pt{font:500 .9375rem/1 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .why-cover .s342-play.a7-playing .s342-pb svg{display:none}
  html.sh-on .why-cover .s342-play.a7-playing .s342-pb::before{content:"";width:12px;height:13px;border-left:4px solid #fff;border-right:4px solid #fff;box-sizing:border-box}
  html.sh-on .why-cover .s342-who{text-align:center;font:400 .875rem/1.3 var(--a7-sans)!important;color:#c9d3e3!important}
  /* the player card rides up over the cover's edge, the now-playing card of the letter */
  html.sh-on .why-band .why-in{padding:0 var(--a7-g)!important}
  html.sh-on #wvp.lcard:not(#a7#a7){box-shadow:0 1px 0 rgba(10,22,51,.04),0 24px 48px -20px rgba(10,22,51,.45)!important}
  html.sh-on #wvp.lcard{position:relative;z-index:3;margin:-84px 0 28px!important;padding:14px!important;border:0!important;border-radius:var(--a7-r3)!important;
    box-shadow:0 1px 0 rgba(10,22,51,.04),0 24px 48px -20px rgba(10,22,51,.45)!important}
  html.sh-on #wvp .lart{width:64px!important;height:64px!important;border-radius:var(--a7-r1)!important}
  html.sh-on #wvp .lt,html.sh-on #wvp .lby{font:500 .75rem/1.2 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important}
  /* the words: a book's page */
  html.sh-on .why-body p{font-family:var(--a7-serif)!important;font-size:1.1875rem!important;line-height:1.62!important;color:#1d2740!important;margin:0 0 1.05em!important}
  html.sh-on .why-body p.lede::first-letter{color:var(--a7-blue)}
  html.sh-on .why-body .why-creed{font-style:italic!important;font-size:1.375rem!important}
  html.sh-on .why-div{margin:28px 0!important}
  /* figures: full bleed, on the ground tone, captions sentence case */
  html.sh-on .why-art,html.sh-on .why-rcpt{margin:32px calc(-1 * var(--a7-g))!important;padding:24px var(--a7-g) 18px!important;background:var(--a7-ground)!important;border-radius:0!important;max-width:none!important;width:auto!important}
  html.sh-on :is(.why-art,.why-rcpt) figcaption{display:flex;align-items:baseline;gap:10px;justify-content:flex-start!important;text-align:left!important;margin:14px 0 0!important;
    font:400 .875rem/1.4 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--a7-mute)!important}
  html.sh-on :is(.why-art,.why-rcpt) .fnum{flex:none;padding:3px 8px!important;border-radius:999px;font:600 .6875rem/1.2 var(--a7-sans)!important;letter-spacing:.02em!important}
  html.sh-on .why-rcpt .wr-row>img{width:72vw!important;max-width:300px;height:auto!important;border-radius:var(--a7-r2)!important;box-shadow:0 12px 28px -14px rgba(10,22,51,.4)}
  html.sh-on .why-rcpt .wr-one img{width:78%!important;margin:0 auto;display:block;border-radius:var(--a7-r1)!important}
  html.sh-on .s4y-rcpts li{width:68vw!important;max-width:280px;margin:0!important}
  html.sh-on .s4y-rcpts li img{border-radius:var(--a7-r2)!important}
  /* the pull quote and the line it all comes down to */
  html.sh-on .pq{margin:40px 0!important;font-size:1.75rem!important;line-height:1.2!important;text-align:left!important}
  html.sh-on .why-mon{margin:32px 0!important;border-radius:var(--a7-r3)!important}
  html.sh-on .why-sig .sig-card{border-radius:var(--a7-r2)!important}
  html.sh-on .why-sig{margin-bottom:32px!important}
  html.sh-on .why-sig .ws-typed{font:500 .8125rem/1.3 var(--a7-sans)!important;letter-spacing:0!important;color:var(--a7-mute)!important}
  html.sh-on .why-sig .write-back{display:flex!important;align-items:center;justify-content:center;min-height:52px;margin-top:12px!important;border-radius:999px;background:var(--a7-cell);border:0!important;
    font:600 .9375rem/1 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--a7-blue-ink)!important;width:100%}
  /* how I run things: an inset grouped list of four rules */
  html.sh-on .s4y-os .s4y-in{padding:48px var(--a7-g) 0!important}
  html.sh-on .s4y-os .s4-k{font:500 .875rem/1.3 var(--a7-sans)!important;color:var(--a7-blue-ink)!important}
  html.sh-on .s4y-h2{font:700 1.75rem/1.12 var(--a7-serif)!important;letter-spacing:-.02em!important}
  html.sh-on .s4y-rules{display:block!important;margin:20px 0 0!important;border-radius:var(--a7-r2);background:var(--a7-cell);overflow:hidden}
  html.sh-on .s4y-rules li{position:relative;display:grid!important;grid-template-columns:32px minmax(0,1fr);gap:4px 12px;padding:16px!important;border:0!important}
  html.sh-on .s4y-rules li+li::before{content:"";position:absolute;top:0;left:60px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .s4y-rules li::before{content:none!important}
  html.sh-on .s4y-rules li+li::before{content:""!important;margin:0!important}
  html.sh-on .s4y-rules li>h3{grid-column:2;margin:0!important;font:600 1.0625rem/1.3 var(--a7-sans)!important}
  html.sh-on .s4y-rules li>p{grid-column:2;margin:0!important;font:400 .9375rem/1.5 var(--a7-sans)!important}
  html.sh-on .s4y-rules li>h3::before{content:counter(r);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;
    background:var(--a7-blue);color:#fff;font:600 .8125rem/1 var(--a7-sans)}
  html.sh-on .s4y-walk{margin:24px 0 0!important;border-radius:var(--a7-r3)!important}

  /* ================= Press: a contact card and its kit ================= */
  html.sh-on .s4p{padding:0 var(--a7-g)!important}
  html.sh-on .s4p-head{display:grid!important;grid-template-columns:minmax(0,1fr) 88px;gap:8px 16px;align-items:center;padding:12px 0 0!important;margin:0!important;border:0!important}
  html.sh-on .s4p-head .s4p-hl{display:contents}
  html.sh-on .s4p-head .s4-k{display:none!important}
  html.sh-on .s4p-h1{grid-column:1;grid-row:1;margin:0!important;font:700 2.125rem/1.08 var(--a7-serif)!important;letter-spacing:-.025em!important}
  html.sh-on .s4p-port{grid-column:2;grid-row:1;width:88px!important;height:88px!important;margin:0!important;border-radius:999px!important;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--a7-hair)}
  html.sh-on .s4p-port img{width:100%!important;height:100%!important;object-fit:cover;border-radius:999px!important}
  html.sh-on .s4p-port figcaption{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  html.sh-on .s4p-lede{grid-column:1/-1;margin:4px 0 0!important;font:italic 400 1.0625rem/1.5 var(--a7-serif)!important;color:var(--a7-body)!important}
  html.sh-on .s4p-head .s4-acts{grid-column:1/-1;display:grid!important;grid-template-columns:1fr;gap:10px!important;margin:12px 0 0!important}
  html.sh-on .s4p-head .s4-acts>a{justify-content:center;width:auto!important}
  /* the switcher: sticky under the top bar, the kit's own headings */
  html.sh-on .a7-seg{display:block!important;position:sticky;top:var(--a7-top);z-index:20;margin:24px calc(-1 * var(--a7-g)) 0;padding:8px 0;background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom:.5px solid transparent;transition:border-color .2s}
  html.sh-on .a7-seg.a7-stuck{border-bottom-color:var(--a7-hair)}
  html.sh-on .a7-seg-in{display:flex;gap:8px;overflow-x:auto;padding:0 var(--a7-g);scrollbar-width:none}
  html.sh-on .a7-seg-in::-webkit-scrollbar{display:none}
  html.sh-on .a7-seg a{flex:none;display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--a7-cell);color:var(--a7-ink);font:500 .9375rem/1 var(--a7-sans);
    text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s,transform .12s var(--a7-in)}
  html.sh-on .a7-seg a:active{transform:scale(.96)}
  html.sh-on .a7-seg a[aria-current]{background:var(--a7-ink);color:#fff}
  html.sh-on .a7-seg a:focus-visible{outline:2px solid var(--a7-blue);outline-offset:2px}
  html.sh-on .s4p .s4p-sec{display:block!important;margin:0!important;padding:32px 0 0!important;border:0!important;scroll-margin-top:calc(var(--a7-top) + 64px)}
  html.sh-on .s4p-side{margin:0 0 12px!important}
  html.sh-on .s4p-h2{font:700 1.5rem/1.15 var(--a7-serif)!important;letter-spacing:-.015em!important;margin:0!important}
  html.sh-on .s4p-sub{margin:4px 0 0!important;font:400 .9375rem/1.45 var(--a7-sans)!important;color:var(--a7-mute)!important}
  /* bios: the iOS segmented control, then the bio as a card */
  html.sh-on .s4p-seg{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;padding:2px!important;border-radius:12px!important;background:#eceff6!important;border:0!important;box-shadow:none!important}
  html.sh-on .s4p-seg label{display:flex!important;align-items:center;justify-content:center;min-height:44px!important;margin:0!important;border-radius:10px!important;font:500 .9375rem/1 var(--a7-sans)!important;color:var(--a7-ink)!important;background:transparent!important;box-shadow:none!important}
  html.sh-on .s4p-seg input:checked+label{background:#fff!important;font-weight:600!important;box-shadow:0 1px 2px rgba(10,22,51,.12),0 3px 8px rgba(10,22,51,.08)!important}
  html.sh-on .s4p-bio{margin:12px 0 0!important;padding:16px!important;border-radius:var(--a7-r2)!important;background:var(--a7-cell)!important;border:0!important}
  html.sh-on .s4p-bio p{font:400 1.0625rem/1.6 var(--a7-serif)!important;color:var(--a7-body)!important}
  html.sh-on .s4p-bfoot{display:flex!important;align-items:center;justify-content:space-between;margin:12px 0 0!important}
  html.sh-on .s4p-bfoot span{font:400 .8125rem/1 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--a7-mute)!important}
  html.sh-on .pk-copy{min-height:44px!important;padding:0 18px!important;border-radius:999px!important;border:0!important;background:#fff!important;color:var(--a7-blue-ink)!important;
    font:600 .9375rem/1 var(--a7-sans)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 1px 2px rgba(10,22,51,.1)!important}
  /* photos: a full-bleed, swipeable gallery; a tap still downloads, as the line above it says */
  html.sh-on .s4p-photos li{width:min(74vw,300px)!important;margin:0!important}
  html.sh-on .s4p-photos a{display:block!important;position:relative;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
  html.sh-on .s4p-photos img{width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover;border-radius:var(--a7-r2)!important;display:block}
  html.sh-on .s4p-photos .s4p-cap{display:block!important;margin:10px 2px 0!important;font:400 .875rem/1.35 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4p-photos .s4p-cap b{display:block;font:600 1rem/1.3 var(--a7-sans)!important;color:var(--a7-ink)!important}
  html.sh-on .s4p-photos .s4p-dl{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;width:44px!important;height:44px!important;display:grid!important;place-items:center;
    border-radius:999px!important;background:rgba(255,255,255,.9)!important;color:var(--a7-ink)!important;opacity:1!important;box-shadow:0 2px 10px rgba(10,22,51,.2)!important}
  html.sh-on .s4p-photos .s4p-dl svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.8}
  html.sh-on .s4p-photos a:active img{filter:brightness(.92)}
  /* in his words: quotes in a grouped list, each with its Copy */
  html.sh-on .s4p-lines{display:block!important;border-radius:var(--a7-r2);background:var(--a7-cell);overflow:hidden;margin:0!important;padding:0!important}
  html.sh-on .s4p-lines li{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;margin:0!important;padding:16px!important;border:0!important}
  html.sh-on .s4p-lines li+li::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .s4p-lines blockquote{grid-column:1;margin:0!important;font:italic 400 1.0625rem/1.45 var(--a7-serif)!important;color:var(--a7-ink)!important}
  html.sh-on .s4p-lines cite{grid-column:1;font:400 .8125rem/1.3 var(--a7-sans)!important;font-style:normal!important;letter-spacing:0!important;text-transform:none!important;color:var(--a7-mute)!important}
  html.sh-on .s4p-lines .pk-copy{grid-column:2;grid-row:1/3}
  /* the facts: a settings-style list, label over value */
  html.sh-on .s4p-facts{display:block!important;border-radius:var(--a7-r2);background:var(--a7-cell);overflow:hidden;margin:0!important}
  html.sh-on .s4p-facts>div{position:relative;display:block!important;padding:14px 16px!important;margin:0!important;border:0!important}
  html.sh-on .s4p-facts>div+div::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .s4p-facts dt{margin:0 0 4px!important;font:500 .8125rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4p-facts dd{margin:0!important;display:grid;gap:6px}
  html.sh-on .s4p-facts dd span{font:400 1rem/1.45 var(--a7-sans)!important;color:var(--a7-ink)!important}
  /* on the record: rows with the outlet small above, the headline, the date */
  html.sh-on .s4p-cov{display:block!important;border-radius:var(--a7-r2);background:var(--a7-cell);overflow:hidden;margin:0!important;padding:0!important}
  html.sh-on .s4p-cov li{position:relative;margin:0!important;padding:0!important;border:0!important}
  html.sh-on .s4p-cov li+li::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .s4p-cov a{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;min-height:56px;padding:14px 16px!important;text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;transition:background .12s}
  html.sh-on .s4p-cov a:active{background:rgba(10,22,51,.05)}
  html.sh-on .s4p-cov b{grid-column:1;font:500 .8125rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4p-cov small{grid-column:2;grid-row:1;font:400 .8125rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4p-cov span{grid-column:1/-1;font:500 1rem/1.4 var(--a7-sans)!important;color:var(--a7-ink)!important}
  html.sh-on .s4p-reach>div:last-child{padding:20px!important;border-radius:var(--a7-r3);background:var(--a7-cell)}
  html.sh-on .s4p-reach .s4-acts{display:grid!important;grid-template-columns:1fr;gap:10px!important;margin-top:14px!important}
  html.sh-on .s4p-reach .s4-acts>a{justify-content:center;width:auto!important}

  /* ================= Contact: a contact card ================= */
  html.sh-on .s4c{padding:0 var(--a7-g)!important}
  html.sh-on .s4c .ch{padding:12px 0 0!important;margin:0!important;text-align:left}
  html.sh-on .s4c .ch>.k{display:none!important}
  html.sh-on .s4c .ch h1{margin:0!important;font:700 2.125rem/1.08 var(--a7-serif)!important;letter-spacing:-.025em!important}
  html.sh-on .s4c .ch #c-1{margin:10px 0 0!important;font:italic 400 1.0625rem/1.5 var(--a7-serif)!important;color:var(--a7-body)!important}
  html.sh-on .s4c .ch-me{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:10px;margin:24px 0 0!important;padding:24px 16px 20px!important;border:0!important;
    border-radius:var(--a7-r3)!important;background:var(--a7-cell)!important;box-shadow:none!important}
  html.sh-on .s4c .ch-me img{width:96px!important;height:96px!important;border-radius:999px!important;box-shadow:0 0 0 4px #fff,0 12px 28px -12px rgba(10,22,51,.45)}
  html.sh-on .s4c .ch-me p{margin:0!important}
  html.sh-on .s4c .ch-mn{font:700 1.5rem/1.15 var(--a7-serif)!important;color:var(--a7-ink)!important}
  html.sh-on .s4c .ch-mr{margin-top:4px!important;font:400 .9375rem/1.4 var(--a7-sans)!important;color:var(--a7-body)!important}
  html.sh-on .s4c .ch-mh{margin-top:6px!important;font:400 .8125rem/1.4 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .a7-acts{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 0}
  html.sh-on .a7-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;border-radius:var(--a7-r2);background:var(--a7-blue);color:#fff;
    font:600 .875rem/1 var(--a7-sans);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--a7-in),filter .12s}
  html.sh-on .a7-act+.a7-act{background:var(--a7-cell);color:var(--a7-blue-ink)}
  html.sh-on .a7-act:active{transform:scale(.95)}
  html.sh-on .a7-act:focus-visible{outline:2px solid var(--a7-blue);outline-offset:2px}
  html.sh-on .a7-ai svg{width:24px;height:24px;display:block}
  /* the three ways in: one grouped list */
  html.sh-on .s4c .trio{display:block!important;margin:28px 0 0!important;border-radius:var(--a7-r2);background:var(--a7-cell);overflow:hidden}
  html.sh-on .s4c .trio .card:not(#a7#a7){box-shadow:none!important}
  html.sh-on .s4c .trio .card{position:relative;margin:0!important;padding:16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  html.sh-on .s4c .trio .card+.card::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .s4c .trio .ck{font:500 .8125rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4c .trio .big{font:600 1.125rem/1.3 var(--a7-sans)!important;color:var(--a7-blue-ink)!important;margin:2px 0 0!important;min-height:44px}
  html.sh-on .s4c .trio span.big{color:var(--a7-ink)!important;min-height:0!important;display:block}
  html.sh-on .s4c .trio p{margin:4px 0 0!important;font:400 .9375rem/1.45 var(--a7-sans)!important;color:var(--a7-body)!important}
  html.sh-on .s4c .s4c-lk{display:inline-flex!important;align-items:center;min-height:44px;font:600 .9375rem/1 var(--a7-sans)!important;color:var(--a7-blue-ink)!important}
  /* the map: a full-bleed card */
  html.sh-on .s4c .map{margin:24px 0 0!important;border-radius:var(--a7-r3)!important;overflow:hidden;border:0!important;box-shadow:0 18px 40px -24px rgba(10,22,51,.4)!important}
  /* the companies: a grouped list with chevrons */
  html.sh-on .s4c .lane{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 12px;gap:2px 12px;align-items:center;margin:0!important;padding:14px 16px!important;border:0!important;
    border-radius:0!important;background:var(--a7-cell)!important;box-shadow:none!important;text-decoration:none!important;transition:background .12s;-webkit-tap-highlight-color:transparent}
  html.sh-on .s4c .lane:active{background:#e9edf5!important}
  html.sh-on .s4c .map+.lane{margin-top:28px!important;border-radius:var(--a7-r2) var(--a7-r2) 0 0!important}
  html.sh-on .s4c .lane:last-of-type{border-radius:0 0 var(--a7-r2) var(--a7-r2)!important}
  html.sh-on .s4c .lane+.lane::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--a7-hair)}
  html.sh-on .s4c .lane::after{content:"";grid-column:2;grid-row:1/4;width:8px;height:8px;border-top:2px solid #b4bccb;border-right:2px solid #b4bccb;transform:rotate(45deg);margin-left:-4px}
  html.sh-on .s4c .lane>span{grid-column:1}
  html.sh-on .s4c .lane .lk{font:500 .8125rem/1.3 var(--a7-sans)!important;color:var(--a7-mute)!important}
  html.sh-on .s4c .lane .lt{font:500 1rem/1.4 var(--a7-sans)!important;color:var(--a7-ink)!important}
  html.sh-on .s4c .lane .la{font:600 .875rem/1.3 var(--a7-sans)!important;color:var(--a7-blue-ink)!important}

  /* ================= 404: one full screen, the open water ================= */
  html.sh-on main>.sea:first-child{min-height:calc(100svh - var(--sh-st,0px) - 56px - 58px - var(--sh-sb,0px))!important;display:flex!important;flex-direction:column;justify-content:center}
    html.sh-on .sea .pill.mag{display:inline-flex!important;align-items:center;justify-content:center;min-height:52px!important;padding-block:0!important}

  /* ================= the footer: the app's About screen ================= */
  html.sh-on footer.bf .f42-grid{gap:24px!important}
  html.sh-on footer.bf .f42-col ul{display:block!important;margin:8px 0 0!important;padding:0!important;border-radius:var(--a7-r2);background:rgba(255,255,255,.06);overflow:hidden}
  html.sh-on footer.bf .f42-col li{position:relative;margin:0!important;padding:4px 0!important}
  html.sh-on footer.bf .f42-col li+li::before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:rgba(255,255,255,.09)}
  html.sh-on footer.bf .f42-col li a{display:flex!important;align-items:center;min-height:44px!important;padding:0 16px!important}
  html.sh-on footer.bf .f42-grid{grid-template-columns:1fr!important}
}
/* landscape on a phone: the creed card is as tall as its words need, not a portrait screen's worth */
@media (max-height:500px) and (pointer:coarse){
  html.sh-on main>.hero.hb:first-child{height:460px!important;min-height:0!important}
  html.sh-on .hb .hb-copy{padding-top:40px!important}
  html.sh-on .hb .hb-rocket{display:none!important}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce),(max-height:500px) and (pointer:coarse) and (prefers-reduced-motion:reduce){
  html.sh-on .a7-tt,.a7-sheet,.a7-sheet::backdrop,.a7-sheet.a7-out,html.sh-on .a7-seg a,html.sh-on .a7-act,.a7-btn{transition:none!important;animation:none!important}
}
@media print{.a7-tt,.a7-seg,.a7-acts,.a7-sheet{display:none!important}}