/* Version E content styling, inheriting B3. The shared name/title identity
   is defined in ../portfolio-header.css, loaded after page-specific styles. */

/* Keep the awards typeface; inherit standard body size, weight and line height. */
.design-e .awards p{font-family:Georgia,'Times New Roman',serif;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:normal}

/* Final refinements: section labels share one visual style. Awards body unchanged. */
.design-e .text-section h2{font-family:'Courier New',monospace;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.04em}
/* Each anchor owns the whole row, ready for href when the page exists.
   Until then aria-disabled and the default cursor avoid implying navigation. */
.design-e .work-links a{grid-template-columns:40px minmax(0,1fr) 40px}
.design-e .work-links a::before{content:'0' counter(specialism) ' —'}
.design-e .work-copy{min-width:0}
.design-e .work-description{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:400;line-height:1.5;letter-spacing:normal;margin-top:14px}
@media(max-width:700px){
 .design-e .work-links a{grid-template-columns:30px minmax(0,1fr) 24px}
 .design-e .work-description{font-size:15px;margin-top:12px}
}
/* The shared stylesheet already supplies smooth anchors and reduces motion.
   Keep this explicit here so Version E's navigation preference is easy to find. */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Secondary status label; row structure, arrows and hover treatments stay shared. */
.design-e .work-links .coming-soon{display:inline-block;margin-left:14px;vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:normal}
.design-e .work-links a[href]{cursor:pointer}