/* SI-140 only. Preserve the interface examples, useful diagrams and remarks. */
.si140-refinement .bp-kicker{font-weight:850;letter-spacing:.14em;gap:9px}
.si140-refinement .bp-kicker::before{width:27px;height:2px;background:var(--green)}
.si140-refinement .bp-section+.bp-section{padding-top:0}
/* Seven explained situations keep one consistent card treatment and width. */
.si140-refinement main .rc-use-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.si140-refinement main .rc-use-card{display:flex;flex-direction:row;align-items:flex-start;grid-column:auto;gap:16px;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);box-shadow:none;cursor:default}
.si140-refinement .rc-use-card>div{min-width:0}
.si140-refinement .rc-use-icon{display:flex;flex:0 0 24px;color:var(--green-deep)}
.si140-refinement .rc-use-icon .bp-icon{width:24px;height:24px}
.si140-refinement main .rc-use-card h3{margin:0 0 11px;color:var(--ink);font-size:20px;line-height:1.3}
/* Keep all four larger application surfaces and their original interface art. */
.si140-refinement .bp-card{border-color:var(--line);border-radius:var(--radius-s)}
/* Existing diagram/detail pairs stay open; each icon belongs to its heading. */
.si140-refinement .rc-detail-group{padding-top:0;border:0;background:transparent}
.si140-refinement .rc-editorial-grid .rc-detail-grid{padding-top:0}
.si140-refinement .cs-detail-heading{display:flex;align-items:flex-start;gap:12px;min-width:0;margin:0 0 12px}
.si140-refinement .cs-detail-heading>.bp-icon{flex:0 0 24px;width:24px;height:24px;margin:0;color:var(--green-deep)}
.si140-refinement .cs-detail-heading h3{min-width:0;margin:0;font-size:19px;line-height:1.3;color:var(--ink)}
/* The two illustrated sections share full-width introductions and top-aligned content rows. */
.si140-refinement .cs-illustrated-heading h2,
.si140-refinement .cs-illustrated-heading>p{max-width:none}
.si140-refinement .cs-illustrated-row{align-items:start;margin:0}
.si140-refinement .cs-illustrated-row>.bp-figure,
.si140-refinement .cs-illustrated-row>.rc-detail-grid{align-self:start;margin:0}
.si140-refinement .cs-illustrated-row>.rc-detail-grid{padding-top:0}
/* The eight existing sequential stages use complete naturally sized cards. */
.si140-refinement main .rc-step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:26px 0 30px}
.si140-refinement main .rc-step-grid>li{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:24px;margin:0;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);box-shadow:none;cursor:default}
.si140-refinement .rc-step-number{min-width:0;color:var(--green-deep)}
/* Maintenance is full-width open prose; ownership/licence wording stays intact. */
.si140-refinement .cs-maintenance,
.si140-refinement .cs-maintenance>p{width:100%;max-width:none}
/* Audience and scope form a balanced, compact closing row without decoration. */
.si140-refinement .cs-closing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}
.si140-refinement .cs-closing-grid>article{min-width:0;width:100%;max-width:none;padding:0;border:0;background:transparent}
.si140-refinement .cs-closing-grid>article>p{width:100%;max-width:none}
.si140-refinement .cs-closing-grid h2{font-size:clamp(28px,2.6vw,38px);line-height:1.17;margin-top:0}
.si140-refinement #afbakening{padding-bottom:32px}
/* Home's exact image/overlay conventions resolve from this theme asset path. */
.si140-refinement .bp-final-panel.final-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 30px;border:0;border-radius:12px;box-shadow:var(--shadow);background-color:#164722;background-image:linear-gradient(95deg,rgba(14,61,28,.98) 0%,rgba(19,76,31,.93) 38%,rgba(24,95,38,.58) 66%,rgba(20,83,36,.18) 100%),url('../img/hero-building-clean.png');background-size:cover;background-position:center}
.si140-refinement .bp-final-panel.final-panel>div{min-width:0}
.si140-refinement .bp-section .bp-final-panel .section-kicker{margin-bottom:0;color:#e9f8e6}
.si140-refinement .bp-final-panel .section-kicker::before{background:#d6f0cc}
.si140-refinement .bp-final-panel.final-panel h2{font-size:30px;line-height:1.02;font-weight:700;letter-spacing:-.038em;color:#fff;max-width:none;margin:7px 0 0}
.si140-refinement .bp-final-panel.final-panel p{font-size:13px;line-height:1.5;max-width:750px;color:#fff;margin:5px 0 0}
.si140-refinement .bp-final-panel.final-panel .bp-final-actions{flex:none;min-width:0;margin:0;gap:14px}
.si140-refinement .bp-final-panel.final-panel .button-light{color:var(--ink);font-weight:850}
@media(max-width:1100px){
 .si140-refinement main .rc-use-grid,
 .si140-refinement main .rc-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){.si140-refinement .bp-final-panel.final-panel{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){
 .si140-refinement main .rc-use-grid,
 .si140-refinement main .rc-step-grid,
 .si140-refinement .cs-closing-grid{grid-template-columns:1fr}
 .si140-refinement .cs-closing-grid{gap:24px}
 .si140-refinement #afbakening{padding-bottom:24px}
 .si140-refinement .bp-final-panel.final-panel{padding:24px;background-image:linear-gradient(100deg,rgba(14,61,28,.98) 0%,rgba(19,76,31,.88) 60%,rgba(20,83,36,.65) 100%),url('../img/hero-building-clean.png')}
 .si140-refinement .bp-final-panel.final-panel h2{font-size:29px}
 .si140-refinement .bp-final-panel.final-panel .bp-final-actions{width:100%}
 .si140-refinement .bp-final-panel.final-panel .button-light{white-space:normal;max-width:none;width:100%}
}