/* Shared case summaries and engagement scopes; inherits the graphite theme. */
.brand-site .technical-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.brand-site .technical-case,.brand-site .engagement-card{min-width:0;padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#11171d)}
.brand-site .technical-case{display:flex;flex-direction:column;border-top:2px solid #99b7c5}
.brand-site .technical-case h3{font-size:clamp(23px,2.2vw,30px);line-height:1.25;margin:12px 0 18px}
.brand-site .technical-case>p:not(.section-label){color:var(--muted);line-height:1.75}
.brand-site .technical-case dl,.brand-site .engagement-card dl{margin:22px 0 28px}
.brand-site .technical-case dt,.brand-site .engagement-card dt{font-weight:650;margin-top:20px;color:var(--ink,#f1f5f9)}
.brand-site .technical-case dd,.brand-site .engagement-card dd{margin:7px 0 0;color:var(--muted);line-height:1.7}
.brand-site .technical-case>.text-link{margin-top:auto;align-self:flex-start}
.brand-site .engagement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}
.brand-site .engagement-card{padding:26px}
.brand-site .engagement-card h3{font-size:24px;line-height:1.35}
.brand-site #etudes-techniques,.brand-site #formats{scroll-margin-top:100px}
@media(max-width:900px){.brand-site .engagement-grid{grid-template-columns:1fr}}
@media(max-width:700px){.brand-site .technical-cases{grid-template-columns:1fr;gap:18px}.brand-site .technical-case,.brand-site .engagement-card{padding:24px}.brand-site .technical-case h3{font-size:25px}}
/* Editorial detail sections keep longer service content readable. */
.brand-site .content-depth>p{max-width:850px;font-size:18px;line-height:1.75}
.brand-site .depth-rows{margin-block:32px}
.brand-site .depth-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:40px;padding-block:28px;border-top:1px solid var(--line)}
.brand-site .depth-row h3{font-size:24px;line-height:1.4;margin:0}
.brand-site .depth-row p{margin:0;line-height:1.85;color:var(--text);max-width:78ch}
.brand-site .depth-actions{display:flex;flex-wrap:wrap;gap:20px 36px;margin-block:24px}
.brand-site .depth-checks{margin-block:30px;border-top:1px solid var(--line)}
.brand-site .depth-checks details{padding-block:22px;border-bottom:1px solid var(--line)}
.brand-site .depth-checks summary{cursor:pointer;font-size:21px;font-weight:600;line-height:1.5;color:var(--ink)}
.brand-site .depth-checks details p{max-width:88ch;margin:20px 0 0;line-height:1.85;color:var(--text)}
.brand-site .content-depth .depth-reference{font-size:14px;margin-top:24px}
.brand-site .content-depth{scroll-margin-top:110px}
@media(max-width:700px){.brand-site .depth-row{grid-template-columns:1fr;gap:14px;padding-block:24px}.brand-site .depth-row h3{font-size:22px}.brand-site .content-depth>p{font-size:17px}.brand-site .depth-checks summary{font-size:19px}}

/* Keep technical examples readable inside narrow and RTL layouts. */
.brand-site .content-depth pre{max-width:100%;padding:20px;border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;font:13px/1.8 ui-monospace,monospace}
