/* Rabbit Hole — mobile build (≤620px). Loaded after the page's own rules. */
:root{--rh-safe:env(safe-area-inset-bottom,0px)}

/* header: Museum, Pond, Writing are the three doors a phone needs */
.site-head{padding:0 16px!important;padding-top:env(safe-area-inset-top,0px)!important}
.site-head>a{font-size:10px;letter-spacing:.06em}
.site-head nav{gap:14px!important}
.site-head nav a{display:inline-flex!important;align-items:center;min-height:44px;font-size:10px;letter-spacing:.06em}
.site-head nav a:nth-child(2),.site-head nav a:nth-child(4){display:none!important}
.site-head nav a:nth-child(3){font-size:0!important}
.site-head nav a:nth-child(3)::after{content:"Pond";font-size:10px}

/* the watch was hanging off the right edge */
.collage{overflow:visible}
.watch{right:6%!important;top:6%!important}
.watch-label{right:3%!important;top:calc(6% + 70px)!important;font-size:9px!important;text-align:right}

/* the card rail: say there is more, and where you are */
.rail-count{display:flex;align-items:baseline;gap:8px;
  margin:14px 0 0;padding:0 16px;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(17,16,13,.7)}
.rail-count b{font-weight:400;color:var(--ink)}
.rail-count i{margin-left:auto;font-style:normal;color:var(--accent);transition:opacity .3s}
.rail-count.moved i{opacity:0}

/* readable sizes for the small print */
.kicker,.date,.footer-code{font-size:10px!important}
.footer{padding-bottom:calc(40px + var(--rh-safe))!important}