.condition-hero{color:#fff;background:linear-gradient(105deg,rgba(23,43,55,.98),rgba(23,43,55,.88)),url('../images/hero-bg.jpg') center/cover}.condition-hero__inner{max-width:var(--width-wide);margin:auto;padding:var(--space-12) var(--gutter) var(--space-16);display:grid;gap:var(--space-10);align-items:center}.condition-hero h1{max-width:760px;color:#fff;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.04em}.condition-hero .eyebrow{color:var(--color-primary)}.condition-hero__subhead{max-width:690px;margin:var(--space-6) 0 var(--space-8);color:rgba(255,255,255,.82);font-size:var(--font-size-medium)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);color:rgba(255,255,255,.65)}.breadcrumbs a{color:#fff}.condition-trust{margin-top:var(--space-8);padding-top:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-4);border-top:1px solid rgba(255,255,255,.16)}.condition-trust span{color:rgba(255,255,255,.7)}.condition-trust span+span:before{content:'·';margin-right:var(--space-4);color:var(--color-primary)}
.urgent-card{padding:var(--space-5);display:block;color:var(--color-navy);background:rgba(255,255,255,.96);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.urgent-card__icon{display:none}.urgent-card .eyebrow{justify-content:flex-start;margin:0 0 var(--space-2);font-size:.78rem}.urgent-card .eyebrow:before,.urgent-card .eyebrow:after{display:none}.urgent-card h2{margin:0 0 var(--space-3);font-size:var(--font-size-medium)}.urgent-card p:not(.eyebrow){margin:0 0 var(--space-4);color:var(--color-muted);font-size:1rem;line-height:1.55}.urgent-card a{color:var(--color-primary);font-weight:700}
.knee-region-grid,.knee-service-grid,.related-grid,.knee-process{max-width:var(--width-wide);margin:auto;display:grid;gap:var(--space-4)}.knee-region-grid article{padding:var(--space-6);background:#fff;border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.knee-region__number{color:var(--color-primary);font:700 1.8rem/1 var(--font-heading)}.knee-region-grid h3{margin:var(--space-4) 0 var(--space-2)}.knee-region-grid strong{color:var(--color-muted);font-size:.94rem}.knee-region-grid p{color:var(--color-muted)}.knee-region-grid a{color:var(--color-primary);font-weight:700}
.wear-section,.active-section,.surgery-section{max-width:var(--width-wide);margin:auto;display:grid;gap:var(--space-10);align-items:center}.wear-section__copy p,.active-section p,.surgery-section p{color:var(--color-muted);font-size:1.07rem;line-height:1.72}.wear-section__copy .btn,.active-section .btn{margin-top:var(--space-4)}.active-section figure{position:relative;margin:0}.active-section img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-xl)}.active-section figcaption{position:absolute;left:var(--space-5);right:var(--space-5);bottom:var(--space-5);padding:var(--space-4);color:#fff;background:rgba(23,43,55,.92);border-radius:var(--radius-lg);font-weight:700}.active-section figcaption i{margin-right:var(--space-2);color:var(--color-primary)}
.knee-process{list-style:none;padding:0}.knee-process li{padding:var(--space-6);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-lg)}.knee-process span{color:var(--color-primary);font:700 1.8rem/1 var(--font-heading)}.knee-process h3{margin:var(--space-4) 0 var(--space-2);color:#fff}.knee-process p{color:rgba(255,255,255,.7)}
.surgery-section__icon{width:110px;height:110px;display:grid;place-items:center;color:var(--color-primary);background:var(--color-primary-tint);border-radius:50%;font-size:2.3rem}.knee-service-grid a{padding:var(--space-5);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);color:var(--color-navy);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.knee-service-grid a>span{width:46px;height:46px;display:grid;place-items:center;color:var(--color-primary);background:var(--color-primary-tint);border-radius:50%}.knee-service-grid h3{margin:0 0 var(--space-1)}.knee-service-grid p{margin:0;color:var(--color-muted);line-height:1.4}.knee-service-grid a>i{color:var(--color-primary)}.related-grid a{min-height:76px;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;color:var(--color-navy);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-weight:700}.related-grid i{color:var(--color-primary)}
.faq__list{max-width:880px;margin:auto}.faq__item summary{width:100%;justify-content:space-between}.faq__item summary>span{flex:1}.faq__item summary:after{margin-left:auto}.closing-cta{text-align:center}.closing-cta .section-head{max-width:820px}.closing-cta .btn-group{justify-content:center}
@media(min-width:680px){.knee-region-grid,.knee-service-grid,.related-grid,.knee-process{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.condition-hero__inner{grid-template-columns:minmax(0,3fr) minmax(0,2fr);padding-block:var(--space-16)}.wear-section{grid-template-columns:.8fr 1.2fr}.active-section{grid-template-columns:1fr 1fr}.surgery-section{grid-template-columns:auto 1fr}.knee-region-grid{grid-template-columns:repeat(3,1fr)}.knee-process{grid-template-columns:repeat(3,1fr)}.knee-service-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(3,1fr)}}

.condition-urgent{padding-block:var(--space-8);background:var(--color-bg)}
.condition-urgent .urgent-card{max-width:var(--width-content);margin:auto;border-left-width:4px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Conditions hub (/conditions/) */
.condition-hero__inner--single { grid-template-columns: minmax(0, 760px); }
.hub-group { margin-top: 40px; }
.hub-group:first-of-type { margin-top: 0; }
.hub-group__title { font-size: 1.25rem; margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--color-primary-tint); color: var(--color-navy); }
.hub-card { display: flex; flex-direction: column; gap: 8px; }
.hub-card > .condition-card { height: 100%; }
.condition-card--pending { opacity: .6; cursor: default; }
.condition-card--pending::after { content: none; }
.condition-card__status { display: block; margin-top: 6px; font-size: .8rem; font-style: normal; font-weight: 600; color: var(--color-muted); }
.hub-card__children { list-style: none; margin: 0; padding: 0 4px; display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: .9rem; }
.hub-card__children a { color: var(--color-primary); font-weight: 600; }
.hub-card__children .is-pending { color: var(--color-muted); }
.hub-process { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.hub-links { text-align: center; margin-top: 24px; }
.hub-links a { font-weight: 700; color: var(--color-primary); }
.hub-card .condition-card__content { display: flex; flex-direction: column; gap: 4px; }
.hub-card .condition-card__label { font-weight: 700; color: var(--color-navy); }
.hub-card .condition-card small { color: var(--color-muted); font-size: .92rem; line-height: 1.45; }