/* Service scope comes first; selectable examples belong to the process chapter. */
.capabilities-intro { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:30px; }
.capabilities-intro .mono { font-size:10px; color:#999; letter-spacing:.1em; padding-top:5px; }
.capabilities-intro p { color:#aaa; font-size:15px; line-height:1.7; max-width:420px; width:100%; }
.capability-row { display:grid; grid-template-columns:32px minmax(150px,.8fr) minmax(250px,1.3fr) 36px; gap:24px; padding:33px 0; border-top:1px solid #ffffff24; align-items:start; }
.capability-number { color:#f01f01; font-size:11px; padding-top:10px; }
.capability-row h3 { font-size:clamp(25px,2.7vw,40px); font-weight:650; line-height:1.2; letter-spacing:-.045em; }
.capability-row p { color:#e0e0e0; font-size:16px; line-height:1.5; margin:3px 0 15px; }
.capability-row ul { padding:0; margin:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:9px 22px; }
.capability-row li { color:#999; font-size:12px; line-height:1.5; }
.capability-symbol { color:#f01f01; font-size:32px; line-height:1; text-align:right; }
.capabilities-next { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #ffffff24; padding:32px 0 0; }
.capabilities-next h3 { font-size:21px; font-weight:550; letter-spacing:-.025em; margin-bottom:9px; }
.capabilities-next p { font-size:13px; color:#aaa; line-height:1.7; }
.capabilities-next .button { flex-shrink:0; font-size:13px; }
.story-example-picker { margin-bottom:42px; padding-bottom:28px; border-bottom:1px solid #ffffff20; }
.example-picker-heading { display:flex; align-items:baseline; gap:26px; margin-bottom:18px; }
.example-picker-heading .mono { color:#f56d53; font-size:10px; letter-spacing:.08em; flex-shrink:0; }
.example-picker-heading p { color:#b5b5b5; font-size:13px; line-height:1.7; }
.example-tabs { display:flex; flex-wrap:wrap; gap:10px; }
.example-tabs button { background:transparent; border:1px solid #ffffff28; color:#aaa; border-radius:6px; padding:13px 18px; font-size:13px; min-height:44px; transition:background .2s,color .2s,border-color .2s; }
.example-tabs button:hover { border-color:#ff694f; color:#fff; }
.example-tabs button[aria-selected=true] { color:#fff; background:#39140e; border-color:#f01f01; }
.example-tabs button:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.example-disclaimer { color:#8f8f8f; font-size:11px; line-height:1.6; margin-top:14px; }
@media(max-width:1000px) {
 .capability-row { grid-template-columns:24px minmax(130px,.7fr) minmax(210px,1.3fr) 24px; gap:16px; }
 .capability-row p { font-size:14px; }
 .capability-row ul { grid-template-columns:1fr; gap:6px; }
 .capabilities-intro p { max-width:340px; font-size:13px; }
}
@media(max-width:700px) {
 .capabilities-intro { display:block; margin-bottom:23px; }
 .capabilities-intro p { margin-top:12px; }
 .capability-row { grid-template-columns:22px 1fr 28px; padding:25px 0; gap:12px; }
 .capability-row h3 { font-size:29px; }
 .capability-row>div { grid-column:2 / 4; }
 .capability-symbol { grid-column:3; grid-row:1; }
 .capability-row ul { grid-template-columns:1fr 1fr; gap:9px 16px; }
 .capability-row li { font-size:11px; }
 .capability-row p { margin-top:0; }
 .capabilities-next { display:block; padding-top:25px; }
 .capabilities-next p br { display:none; }
 .capabilities-next .button { margin-top:20px; }
 .example-picker-heading { display:block; }
 .example-picker-heading p { margin-top:10px; }
 .example-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
 .example-tabs button { font-size:11px; padding:12px 8px; }
 .story-example-picker { margin-bottom:28px; }
}