/* Scoped QA remediation; existing palette and layout retained. */
.skip-link{position:fixed;left:16px;top:8px;transform:translateY(-200%);z-index:10000;background:var(--paper,#fff8e6);color:var(--green-dark,#123b31);padding:12px 18px}
.skip-link:focus{transform:none;outline:3px solid var(--gold,#a88b55)}
#main-content{scroll-margin-top:90px}
.hero-carousel-arrow{min-width:44px;min-height:44px}
.hero-carousel-dots{gap:0}
.hero-carousel-dot{width:44px;height:44px;border:0;border-radius:0;background:transparent;display:grid;place-items:center}
.hero-carousel-dot::after{content:"";width:9px;height:9px;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:rgba(12,22,18,.48)}
.hero-carousel-dot.is-active{background:transparent}
.hero-carousel-dot.is-active::after{background:#fff8e6}
.hero-carousel-toggle{position:absolute;z-index:6;left:18px;top:12px;min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.28);background:rgba(12,22,18,.75);color:#fff8e6;font:inherit;font-size:.75rem;cursor:pointer}
.hero-carousel button:focus-visible{outline:3px solid #fff8e6;outline-offset:2px}
.library-page #sources p a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:10px 4px;box-sizing:border-box}
@media(min-width:761px){.site-nav{gap:16px}.site-nav a{letter-spacing:.08em}.nav-wrap{gap:16px;flex-wrap:wrap}.site-nav{flex-wrap:wrap}}
@media(max-width:760px){.hero-carousel-dots{top:8px;right:8px}.hero-carousel-toggle{left:8px;top:58px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide{transition:none}}
/* Batch 1 follow-up F1 (Quinn QA): Projects heading overhang at phone widths. Safety net for long words; smaller size only for the long Projects heading. */
.page-hero h1{overflow-wrap:break-word}
@media(max-width:760px){.page-hero h1.hero-long{font-size:clamp(2rem,10.5vw,4.2rem)}}
/* Batch 3 (Quinn QA) F5: header too tight at 320-360 px; Menu button was clipped. No change at 361 px and wider. */
@media(max-width:360px){.nav-wrap{gap:8px}.brand{gap:8px;min-width:0}.brand-text{font-size:.95rem;letter-spacing:.02em}.brand-mark{width:34px;height:34px;flex:none}.menu-btn{flex:none}}
/* Batch 4 (Quinn QA) F3: carousel dots and pause button easier to see on bright photos. Photos, copy and layout unchanged; 44 px tap areas kept. */
.hero-carousel-dots{background:rgba(12,22,18,.62);border-radius:24px;padding:0 4px}
.hero-carousel-dot::after{border:1px solid #fff8e6;background:rgba(12,22,18,.55)}
.hero-carousel-dot.is-active::after{background:#fff8e6;border-color:#fff8e6}
.hero-carousel-toggle{background:rgba(12,22,18,.88);border-color:rgba(255,248,230,.55)}