/* HeartWise polish layer: small details applied on top of every page (loaded last). */

/* better line breaks: no lonely last words in headings and paragraphs */
h1,h2,h3,.lead,.sec-head p{text-wrap:balance}
p,li{text-wrap:pretty}

/* micro labels were 11 to 11.8 px: keep them small and spaced, but easy to read */
.bk .kind,.rs-kind,.rs-tag,.eyebrow,.tag,.st,.ab-kick,.fact small,.footer .fine{font-size:max(1em,12.5px)}
.bk .kind,.rs-kind{font-size:12.5px}
.rs-tag,.ab-kick,.st{font-size:12.5px}
small,.note,.count{font-size:max(1em,13px)}

/* anchors land below the sticky header */
[id]{scroll-margin-top:92px}

/* nicer selection, steady scrollbar, tap highlight */
::selection{background:var(--coral-t);color:var(--ink)}
html{scrollbar-gutter:stable}
a,button,summary,label[for]{-webkit-tap-highlight-color:rgba(228,105,74,.18)}
button,[role="button"],summary,select{cursor:pointer}

/* images and covers fade in softly instead of popping */
img[loading="lazy"]{opacity:0;transition:opacity .5s ease}
img[loading="lazy"].hw-in,img[loading="lazy"][data-in]{opacity:1}
.no-js img[loading="lazy"]{opacity:1}

/* focus ring that works on dark sections too */
.dark :focus-visible,.ftr :focus-visible{outline-color:#FFD9A8}

/* links in running text */
.lead a,p a:not(.btn):not(.bk):not(.card){text-decoration-thickness:1.5px;text-underline-offset:3px}

/* buttons: a soft press and a visible disabled state */
.btn:active{transform:translateY(1px) scale(.99)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}

/* cards and covers keep their shape on very wide screens */
@media (min-width:1500px){:root{--wrap:1280px}}

@media (prefers-reduced-motion:reduce){img[loading="lazy"]{opacity:1}}
@media print{img[loading="lazy"]{opacity:1}}