.feature-page .top { position:sticky; top:0; }
.feature-page .wrap { max-width:1240px; }
.feature-page .btn { display:inline-flex; align-items:center; gap:10px; border-radius:4px; min-height:52px; padding:13px 20px; font-size:14px; border:1px solid var(--line); color:var(--ink); background:var(--panel); }
.feature-page .btn-primary { background:var(--accent); border-color:var(--accent); color:var(--bg); }
.feature-page .btn .icon { width:18px; height:18px; }
.feature-page .btn:hover { transform:translateY(-2px); }
.feature-page .kicker { color:var(--accent); font:12px/1.6 'IBM Plex Sans','STORAQ Arabic',sans-serif; letter-spacing:.09em; }
.feature-hero { padding-block:70px 65px; border-bottom:1px solid var(--line); }
.feature-hero h1 { max-width:1040px; font-size:clamp(42px,5.2vw,76px); font-weight:400; letter-spacing:-.05em; line-height:1.1; }
.feature-hero .lede { color:var(--muted); max-width:850px; font-size:20px; line-height:1.75; margin:28px 0; }
.feature-downloads { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:25px; }
.feature-breadcrumb { display:flex; align-items:center; gap:15px; font-size:13px; color:var(--muted); margin-bottom:36px; }
.feature-breadcrumb a:hover,.feature-directory a:hover { color:var(--accent); }
.feature-language { color:var(--muted); text-decoration:underline; text-underline-offset:4px; font-size:13px; display:inline-block; margin-top:20px; }
.feature-secondary { display:flex; gap:30px; align-items:center; margin-top:25px; flex-wrap:wrap; }
.feature-secondary .feature-language { margin-top:0; }
.feature-page .text-link { color:var(--accent); font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.feature-article-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:90px; padding-block:70px; align-items:start; }
.feature-prose>p { font-size:18px; line-height:1.95; margin-bottom:25px; }
.feature-prose h2 { font-size:32px; font-weight:400; margin:45px 0 24px; line-height:1.25; letter-spacing:-.035em; }
.feature-steps { padding-inline-start:25px; margin:0; }
.feature-steps li { padding:12px 0 12px 12px; font-size:17px; line-height:1.8; }
.feature-steps li::marker { color:var(--accent); font-weight:600; }
.feature-limit { border-inline-start:3px solid var(--accent); padding:22px 25px; background:var(--bg-raise); margin-block:35px; }
.feature-prose .feature-limit h2 { font-size:22px; margin:0 0 12px; }
.feature-limit p { font-size:15px; line-height:1.9; margin:0; }
.feature-question { border-top:1px solid var(--line); padding:22px 0; }
.feature-question h3 { font-size:21px; line-height:1.4; margin-bottom:12px; font-weight:400; letter-spacing:-.02em; }
.feature-question p { font-size:16px; line-height:1.9; color:var(--muted); margin:0; }
.feature-side { position:sticky; top:110px; border-top:3px solid var(--accent); padding-top:30px; }
.feature-side h2 { font-size:32px; font-weight:400; margin:20px 0; line-height:1.2; letter-spacing:-.03em; }
.feature-side p { color:var(--muted); font-size:14px; line-height:1.8; }
.feature-side .feature-downloads { flex-direction:column; align-items:stretch; margin-bottom:25px; }
.feature-side .btn { justify-content:center; font-size:13px; padding-inline:12px; }
.feature-side-mark { display:grid; place-items:center; width:110px; height:110px; background:var(--bg-raise); transform:rotate(-7deg); }
.feature-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 50px; }
.feature-directory>a { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:25px 0; border-bottom:1px solid var(--line); font-size:18px; line-height:1.6; }
.feature-directory>a>span { color:var(--accent); flex-shrink:0; }
.feature-guide-list { padding-block:25px 80px; }
.feature-related { padding-block:30px 90px; border-top:1px solid var(--line); }
.feature-related>h2 { font-size:35px; font-weight:400; margin:35px 0; line-height:1.3; }
html[dir="rtl"] .feature-page h1,html[dir="rtl"] .feature-page h2,html[dir="rtl"] .feature-page h3 { letter-spacing:0; line-height:1.5; }
html[dir="rtl"] .feature-page .kicker { letter-spacing:0; }
@media(max-width:1000px) { .feature-article-grid { grid-template-columns:minmax(0,1fr) 260px; gap:40px; } .feature-side h2 { font-size:28px; } .feature-directory { gap:0 30px; } }
@media(max-width:700px) {
  .feature-page .wrap { width:calc(100% - 40px); }
  .feature-page .top-inner { width:calc(100% - 30px); gap:10px; }
  .feature-page .mark { font-size:17px; }
  .feature-hero { padding-block:38px 40px; }
  .feature-hero h1 { font-size:42px; }
  .feature-hero .lede { font-size:17px; }
  .feature-breadcrumb { font-size:12px; margin-bottom:25px; gap:10px; }
  .feature-downloads { flex-direction:column; align-items:stretch; }
  .feature-downloads .btn { justify-content:center; font-size:13px; }
  .feature-article-grid { grid-template-columns:1fr; gap:40px; padding-block:40px; }
  .feature-prose>p { font-size:17px; }
  .feature-prose h2 { font-size:29px; }
  .feature-steps li { font-size:16px; }
  .feature-side { position:static; }
  .feature-side-mark { display:none; }
  .feature-directory { grid-template-columns:1fr; }
  .feature-directory>a { font-size:17px; padding-block:20px; }
  .feature-related { padding-bottom:60px; }
  .feature-related>h2 { font-size:30px; }
  .feature-page .install-rail .feature-downloads { flex-direction:row; }
}