.features-intro{position:relative;overflow:hidden}
.features-intro::after{content:"";position:absolute;right:0;bottom:0;width:min(37%,480px);height:68%;background:var(--c-coral);clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.88;pointer-events:none}
.features-intro__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.65fr);align-items:end;gap:clamp(28px,5vw,72px)}
.features-intro__copy{min-width:0}
.features-intro h1{max-width:15em;margin:14px 0 24px;color:var(--c-on-navy)}
.features-intro__lead{max-width:42em;margin:0;color:var(--c-on-navy);font-size:clamp(17px,2vw,21px);line-height:1.8}
.features-intro__note{max-width:47em;margin:24px 0 0;color:var(--c-on-navy-muted);font-size:14px}
.features-intro__index{display:grid;gap:0;min-width:0;padding:12px 24px;border:1px solid var(--c-on-navy-line);border-radius:var(--r-card);background:var(--c-navy-deep);box-shadow:var(--shadow-frame)}
.features-intro__index span{display:flex;align-items:center;gap:18px;min-height:58px;border-bottom:1px solid var(--c-on-navy-line);color:var(--c-yellow);font-family:var(--font-mono);font-size:12px}
.features-intro__index span:last-child{border-bottom:0}
.features-intro__index strong{color:var(--c-on-navy);font-family:var(--font-body);font-size:15px;font-weight:600}
.features-nav-wrap{padding-top:18px;padding-bottom:18px}
.features-toc{position:static;padding-block:0;background:transparent}
.features-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:28px}
.features-rule-grid .card{min-width:0}
.features-rule-grid h3,.features-settings h3{margin-bottom:12px}
.features-rule-grid p,.features-settings p{margin-bottom:0}
.features-divider{position:relative;overflow:hidden}
.features-divider::after{content:"";position:absolute;right:0;bottom:0;width:38%;height:100%;background:var(--c-coral);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.features-divider .wrap{position:relative;z-index:1}
.features-divider h2{max-width:22em}
.features-divider p:last-child{max-width:47em;color:var(--c-on-navy-muted)}
.features-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:30px}
.features-settings .card{min-width:0}
.features-settings .card:last-child{grid-column:1/-1}
.features-settings strong{color:var(--c-navy)}
.features-checklist{display:grid;gap:14px;margin:28px 0;padding-left:26px}
.features-checklist li{padding-left:8px}
.features-checklist li::marker{color:var(--c-coral-deep);font-family:var(--font-mono);font-weight:700}
.features-checklist strong{color:var(--c-navy)}
#routing .table-scroll{margin-block:28px}
#routing .data-table{width:100%;min-width:740px}
@media(max-width:900px){
  .features-rule-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .features-intro__inner{grid-template-columns:1fr}
  .features-intro__index{max-width:440px}
  .features-intro::after{width:55%;height:30%}
  .features-settings{grid-template-columns:1fr}
  .features-settings .card:last-child{grid-column:auto}
  .features-divider::after{width:46%;opacity:.45}
}
@media(max-width:480px){
  .features-intro__index{padding-inline:18px}
  .features-intro__lead{font-size:17px}
  .features-toc a{font-size:12px}
}