/* ========================================================================== Base — Reset, Typography, Utilities Breast Connect Theme ========================================================================== */ /* ---------- Modern Reset ---------- */ *, *::before, *::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--navy);line-height:1.7;font-size:16px;min-height:100vh;background-color:var(--white)}/* ---------- Typography ---------- */ h1, h2, h3, h4, h5, h6{font-family:var(--font-heading);font-weight:400;line-height:1.15;color:var(--navy)}h1{font-size:clamp(2.5rem, 5vw, 3.8rem)}h2{font-size:clamp(1.8rem, 3vw, 2.5rem)}h3{font-size:clamp(1.4rem, 2.5vw, 1.85rem)}h4{font-size:1.3rem}h5{font-size:1.1rem}h6{font-size:1rem}p{margin-bottom:1em}p:last-child{margin-bottom:0}/* ---------- Links ---------- */ a{color:var(--teal);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--teal-hover)}/* ---------- Media ---------- */ img{max-width:100%;height:auto;display:block}svg{display:block}/* ---------- Lists ---------- */ ul, ol{list-style:none}/* ---------- Layout Utilities ---------- */ .container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}/* ---------- Accessibility ---------- */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}/* ---------- Text Alignment ---------- */ .text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}/* ---------- Focus Styles ---------- */:focus-visible{outline:2px solid var(--teal);outline-offset:2px}/* ---------- Selection ---------- */::selection{background-color:var(--teal);color:var(--white)}