/* Scoped to the work-example directory; detail pages are unchanged. */
.editorial-site.editorial-detail.examples-focused .ed-content > .examples-catalog {display:block;border-top:2px solid var(--blue);padding:32px 0 48px;margin:0;}
.editorial-site.editorial-detail.examples-focused .examples-catalog .unified-section-lead {position:static;}
.editorial-site.editorial-detail.examples-focused .examples-catalog h2 {font-size:clamp(26px,3vw,36px);text-align:left;margin:0;}
.editorial-site.editorial-detail.examples-focused .example-notice {font-size:16px;line-height:1.8;margin:0 0 24px;padding:16px 20px;}
.editorial-site.editorial-detail.examples-focused .example-chooser {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 40px;}
.editorial-site.editorial-detail.examples-focused .example-chooser a {display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 12px;align-items:start;padding:20px;min-height:100px;background:#edf3f7;border-bottom:3px solid var(--blue);text-decoration:none;color:var(--ink);}
.editorial-site.editorial-detail.examples-focused .choice-number {color:var(--blue);font-size:22px;font-weight:700;}
.editorial-site.editorial-detail.examples-focused .example-chooser strong {font-size:20px;line-height:1.6;}
.editorial-site.editorial-detail.examples-focused .choice-count {grid-column:2;color:var(--blue);font-size:16px;text-decoration:underline;text-underline-offset:5px;}
.editorial-site.editorial-detail.examples-focused .example-group {margin:0 0 40px;padding:0;border:0;scroll-margin-top:24px;}
.editorial-site.editorial-detail.examples-focused .example-group > h3 {display:flex;gap:14px;align-items:baseline;font-size:26px;line-height:1.6;margin:0 0 20px;padding:0 0 12px;border-bottom:2px solid #87939c;}
.editorial-site.editorial-detail.examples-focused .example-group > h3 > span {color:var(--blue);font-size:20px;}
.editorial-site.editorial-detail.examples-focused .example-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.editorial-site.editorial-detail.examples-focused .example-card {display:flex;flex-direction:column;min-width:0;margin:0;padding:24px;background:#fff;border:1px solid #87939c;border-top:3px solid var(--blue);scroll-margin-top:24px;}
.editorial-site.editorial-detail.examples-focused .example-card .case-kicker {font-size:16px;color:var(--soft);margin:0 0 12px;}
.editorial-site.editorial-detail.examples-focused .example-card h4 {display:flex;align-items:flex-start;gap:12px;font-size:24px;line-height:1.6;font-weight:700;color:var(--ink);margin:0 0 20px;text-align:left;}
.editorial-site.editorial-detail.examples-focused .example-card h4 img {flex:0 0 32px;width:32px;height:32px;margin:4px 0 0;}
.editorial-site.editorial-detail.examples-focused .example-change {display:grid;gap:18px;margin:0 0 20px;padding:0;}
.editorial-site.editorial-detail.examples-focused .example-change > div {position:relative;display:block;padding:14px 16px;background:var(--paper-alt);border:0;}
.editorial-site.editorial-detail.examples-focused .example-change > div + div {background:#edf3f7;}
.editorial-site.editorial-detail.examples-focused .example-change > div + div::before {content:'↓';position:absolute;left:20px;top:-23px;font-size:20px;color:var(--blue);}
.editorial-site.editorial-detail.examples-focused .example-change dt {font-size:16px;font-weight:700;color:var(--blue);margin:0 0 4px;}
.editorial-site.editorial-detail.examples-focused .example-change dd {font-size:18px;line-height:1.75;margin:0;color:var(--ink);}
.editorial-site.editorial-detail.examples-focused .example-detail-link {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:auto;padding:12px 0;color:var(--blue);font-size:18px;font-weight:700;text-decoration:underline;text-underline-offset:5px;}
.editorial-site.editorial-detail.examples-focused .example-detail-link span {font-size:26px;text-decoration:none;}
.editorial-site.editorial-detail.examples-focused .example-card .plan-caption {font-size:16px;line-height:1.75;margin:12px 0 0;padding-top:12px;border-top:1px solid #bac3ca;color:var(--soft);}
.editorial-site.editorial-detail.examples-focused .recording-scope {display:block;margin-top:8px;}
.editorial-site.editorial-detail.examples-focused :is(.example-chooser a,.example-detail-link):hover {background:#e3edf4;color:#0b385e;}
.editorial-site.editorial-detail.examples-focused :is(.example-chooser a,.example-detail-link):focus-visible {outline:3px solid var(--blue);outline-offset:4px;}
@media(max-width:760px) {
 .editorial-site.editorial-detail.examples-focused :is(.example-grid,.example-chooser) {grid-template-columns:minmax(0,1fr);gap:16px;}
 .editorial-site.editorial-detail.examples-focused .example-chooser a {min-height:64px;padding:16px;}
 .editorial-site.editorial-detail.examples-focused .example-card {padding:20px 16px;}
 .editorial-site.editorial-detail.examples-focused .example-card h4 {font-size:22px;}
 .editorial-site.editorial-detail.examples-focused .example-group > h3 {font-size:24px;}
}

/* Category colors: labels and numbers also identify each group. */
.editorial-site.editorial-detail.examples-focused :is(#examples-office, .example-chooser a[href="#examples-office"]) {--category:#0f4c81;--category-tint:#edf3fa;--category-hover:#dce9f5;}
.editorial-site.editorial-detail.examples-focused :is(#examples-people, .example-chooser a[href="#examples-people"]) {--category:#23624d;--category-tint:#eef6f0;--category-hover:#dceee2;}
.editorial-site.editorial-detail.examples-focused :is(#examples-sales, .example-chooser a[href="#examples-sales"]) {--category:#69447f;--category-tint:#f5eff8;--category-hover:#eadef1;}
.editorial-site.editorial-detail.examples-focused .example-chooser a {background:var(--category-tint);border-bottom-color:var(--category);}
.editorial-site.editorial-detail.examples-focused .example-chooser :is(.choice-number,.choice-count) {color:var(--category);}
.editorial-site.editorial-detail.examples-focused .example-group > h3 {background:var(--category-tint);border-bottom-color:var(--category);padding:16px 20px;color:var(--category);}
.editorial-site.editorial-detail.examples-focused .example-group > h3 > span {color:var(--category);}
.editorial-site.editorial-detail.examples-focused .example-card {border-top-color:var(--category);}
.editorial-site.editorial-detail.examples-focused .example-card .case-kicker {color:var(--category);}
.editorial-site.editorial-detail.examples-focused .example-change > div:first-child {background:#f2f3f4;}
.editorial-site.editorial-detail.examples-focused .example-change > div:first-child dt {color:#3a4859;}
.editorial-site.editorial-detail.examples-focused .example-change > div + div {background:var(--category-tint);border-left:3px solid var(--category);}
.editorial-site.editorial-detail.examples-focused .example-change > div + div dt,
.editorial-site.editorial-detail.examples-focused .example-change > div + div::before {color:var(--category);}
.editorial-site.editorial-detail.examples-focused .example-detail-link {color:var(--category);}
.editorial-site.editorial-detail.examples-focused :is(.example-chooser a,.example-detail-link):hover {background:var(--category-hover);color:var(--category);}
.editorial-site.editorial-detail.examples-focused :is(.example-chooser a,.example-detail-link):focus-visible {outline-color:var(--category);}

/* Work examples: illustration first, equivalent text remains below. */
.editorial-site.editorial-detail.examples-focused .example-card .example-preview {display:block;width:100%;max-width:400px;margin:0 auto 20px;padding:0;border:0;background:#fff;}
.editorial-site.editorial-detail.examples-focused .example-card .example-preview img {display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3 / 1;object-fit:contain;border-radius:0;}