/* Audit fixes, Nov 3 2026. Loaded last on every page. */

/* 1. Each cover once per page. On /writing/ the newest note's cover is already the big card above the list,
   so its row shows a play tile in the cover's place. The image is pushed out of its own box and the tile is
   the box's background, so the row keeps its rhythm and the rule follows the .wr-new class when the feed moves it. */
html #bx-writing .wr-row.wr-new>.wr-th{object-position:-9999px 0;background-color:#1559F5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5.6v12.8L18.2 12z'/%3E%3C/svg%3E"),linear-gradient(150deg,#3B78FF 0%,#1559F5 55%,#0F44BD 100%);background-size:34% auto,cover;background-position:56% 50%,0 0;background-repeat:no-repeat}

/* On home the hero chip drops its cover thumbnail; the featured card below carries it. */
.np .np-art{display:none!important}
html:not(#a3a) #top .np{padding-left:16px!important}
@media (min-width:1100px){#bx-home:not(#a3a#a3b#a3c) #top .np{width:fit-content!important;padding-left:24px!important;gap:44px!important}}

/* 2. Phone hero: the rocket flies in the clear sky above the wordmark, never over it. */
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
  html.sh-on:not(#a3a) .hb .hb-rocket{top:14px!important;right:20px!important;bottom:auto!important;left:auto!important;width:26px!important;height:39px!important}
  html.sh-on:not(#a3a) .hb .hb-rk{width:26px!important}
  html.sh-on:not(#a3a) .hb .hb-trail{display:none!important}
}

/* 3. Navigator by CultureAI: on desktop the pill docks as a small button (everywhere but the top of home)
   in the right gutter and opens back to the full stamp on hover or keyboard focus. */
@media (min-width:861px){
  #askfab.askfab-k.cai-pill{right:16px;bottom:16px}
  #askfab.askfab-k.cai-pill span,#askfab.askfab-k.cai-pill img{max-width:160px;overflow:hidden;transition:max-width .3s cubic-bezier(.22,1,.36,1),opacity .2s,margin .3s}
  html.a3-dock #askfab.askfab-k.cai-pill:not(:hover):not(:focus-visible){width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center}
  html.a3-dock #askfab.askfab-k.cai-pill:not(:hover):not(:focus-visible) span,
  html.a3-dock #askfab.askfab-k.cai-pill:not(:hover):not(:focus-visible) img{max-width:0;opacity:0;margin:0}
  html.a3-dock #askfab.askfab-k.cai-pill:not(:hover):not(:focus-visible)::before{content:"";width:20px;height:20px;flex:none;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.6 8.4-2.2 5-5 2.2 2.2-5z'/%3E%3C/svg%3E") 50%/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.6 8.4-2.2 5-5 2.2 2.2-5z'/%3E%3C/svg%3E") 50%/contain no-repeat}
  html.a3-dock #askfab.askfab-k.cai-pill:not(:hover):not(:focus-visible) i{position:absolute;top:5px;right:5px}
}
@media (prefers-reduced-motion:reduce){#askfab.askfab-k.cai-pill span,#askfab.askfab-k.cai-pill img{transition:none}}

/* 4. /contact/ phone actions read as three equal actions, not as tabs with one selected. */
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
  html.sh-on .a7-acts .a7-act{background:var(--a7-cell)!important;color:var(--a7-blue-ink)!important}
}