/* 11 Nov final pass (John 13:41). Loaded last on every page. */
/* Ask Nicole: the close X, top corner, under the header bar */
.anx11{position:fixed;z-index:85;top:96px;right:clamp(16px,3vw,40px);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.75);color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s,border-color .2s,transform .2s}
.anx11 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.anx11:hover,.anx11:focus-visible{background:#FFC629;border-color:#FFC629;color:#000;transform:rotate(90deg)}
.anx11:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:760px){.anx11{top:78px;width:46px;height:46px}.anx11 svg{width:20px;height:20px}}
@media (prefers-reduced-motion:reduce){.anx11{transition:none}.anx11:hover{transform:none}}
/* Writing: the last black runs straight into the green Next band and the footer */
.trk.k11{background:#000 !important}
/* widows: headlines rebalanced in the markup; body text avoids a lone last word where the browser can */
main p,main li,main figcaption{text-wrap:pretty}
.fb11{font-size:clamp(20px,1.62vw,26px) !important}
.gq-copy h1#h1{font-size:clamp(38px,13.4vw,100px) !important}
/* How NYC works: the five step pills wrap on tablets too (they ran 50px off a 768px screen) */
@media (max-width:1000px){.hb-st{flex-wrap:wrap;row-gap:8px}}
.prose h3,.prose h4{text-wrap:balance}
/* every post: the hero ends cleanly and the article starts cleanly (John 14:09: no vignette from the hero into the post) */
.wpage .wbody::before{content:none !important;display:none !important}