/* Shared portfolio refinements and accessible writing-sample lightboxes. */
:root,:root[data-theme="light"]{--accent:#56bbdf;--accent-ink:#091321}
.writing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.portfolio-home .hero h1{font-size:clamp(42px,5.5vw,76px);letter-spacing:-2.6px;line-height:1.08;white-space:normal}
.hero-subtitle{color:var(--accent);font-size:clamp(24px,3vw,34px);margin-top:14px;line-height:1.25}
.hero-actions{margin-top:28px}.job-role{font-size:14px}.job-description{font-size:16px}
.sample-lightbox{width:min(1180px,calc(100% - 48px));max-height:calc(100dvh - 48px)}
.sample-lightbox:has(.style-guide-frame) .lightbox-body{padding:0}
.lightbox-intro{padding:16px 24px;font-size:14px;color:var(--muted);margin:0}.lightbox-intro a{color:var(--text)}
.style-guide-frame{display:block;width:100%;height:min(72dvh,850px);min-height:320px;border:0;background:white}
.sample-lightbox .full-lab{display:block}.sample-lightbox .full-lab h3{margin:30px 0 14px;font-size:23px}.sample-lightbox .full-lab p{margin-bottom:16px}.sample-lightbox .full-lab li{margin-bottom:10px}.sample-lightbox .sample-note{margin-bottom:26px}.lightbox-body a{color:var(--accent)}
@media(max-width:700px){.writing-grid{grid-template-columns:1fr}.portfolio-home .hero h1{font-size:clamp(39px,9vw,60px);letter-spacing:-1.5px}.sample-lightbox{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.lightbox-intro{padding:14px 17px}.style-guide-frame{height:70dvh;min-height:260px}}