/* stp.html only (owner: STP) */
.stp-hero h1{max-width:21ch}
.stp-hero__facts{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:20px 0 0;display:flex;flex-wrap:wrap;gap:12px 40px;border-top:1px solid rgba(255,255,255,.18);font-size:15px;color:#d5deec}
.stp-hero__facts b{display:block;font:600 clamp(20px,2vw,26px)/1.2 var(--f-disp);color:#fff}

.stp-flow{list-style:none;margin:0;padding:0;position:relative}
.stp-flow::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;border-left:2px dashed var(--line)}
.stp-flow li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:20px;padding:0 0 28px}
.stp-flow li:last-child{padding-bottom:0}
.stp-flow h3{margin:4px 0 6px;font-size:clamp(17px,1.3vw,19px)}
.stp-flow p{margin:0}

.stp-cases{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line)}
.stp-case{padding:clamp(20px,3vw,36px) clamp(0px,3vw,40px) clamp(20px,3vw,36px) 0}
.stp-case--alt{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,40px);padding-right:0}
.stp-case__navs{color:var(--muted);font-size:14px;margin:12px 0}
.stp-case .kv{margin-bottom:14px}

.stp-no{list-style:none;margin:0;padding:0}
.stp-no li{padding:14px 0 14px 30px;border-bottom:1px solid var(--line);position:relative}
.stp-no li::before{content:"";position:absolute;left:4px;top:24px;width:12px;height:2px;background:#b54434}
.stp-no b{color:var(--ink)}

.stp-variants{margin-top:clamp(28px,4vw,48px);max-width:900px}
.stp-variants h3{margin-top:0}
.stp-variants dd{text-align:left}

.stp-form{margin-top:20px}
.stp-related .prod{grid-template-columns:56px 1fr auto}

@media (max-width:760px){
  .stp-cases{grid-template-columns:1fr}
  .stp-case,.stp-case--alt{padding:22px 0;border-left:0}
  .stp-case--alt{border-top:1px solid var(--line)}
  .stp-related .prod{grid-template-columns:48px 1fr}
  .stp-related .link-arrow{display:none}
}
@media (max-width:600px){
  .stp-case .kv,.stp-variants .kv{grid-template-columns:1fr}
  .stp-case .kv dd,.stp-variants .kv dd{text-align:left;padding-top:0}
  .table{font-size:13.5px}.table th,.table td{padding:10px 8px}
}

/* QA: select min-content pushed band column past 390 */
#stp-plan > *{min-width:0}
#stp-plan select{width:100%;min-width:0}