.app-feature-page{background:var(--bg);color:var(--ink)}
.feature-wrap{max-width:920px;padding-bottom:52px}
.feature-wrap .crumbs{margin-top:25px}
.feature-wrap>.eyebrow{margin-top:34px;color:var(--accent);font-weight:800}
.feature-wrap>h1{max-width:22ch;font-size:clamp(32px,5.8vw,50px);line-height:1.48;letter-spacing:-.035em}
.feature-lead{max-width:42em;margin:17px 0 14px;font-size:clamp(17px,2.3vw,20px);line-height:2;color:var(--muted)}
.feature-byline{font-size:13px;color:var(--muted);margin:10px 0 20px}
.feature-byline a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.feature-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 34px;padding:20px 22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,var(--chip),var(--card));box-shadow:var(--surface-shadow)}
.feature-cta strong{font-size:17px;color:var(--ink)}
.feature-cta p{margin:3px 0 0;color:var(--muted);font-size:14px}
.feature-cta .btn{white-space:nowrap}
.feature-content{max-width:800px;margin:auto}
.feature-content section{padding:0 0 22px;margin:0 0 27px;border-bottom:1px solid var(--line)}
.feature-content h2{font-size:clamp(22px,3.6vw,29px);line-height:1.55;margin:0 0 12px;letter-spacing:-.02em}
.feature-content p,.feature-content li{font-size:16px;line-height:2;color:var(--ink)}
.feature-content p{margin:0 0 14px}
.feature-content ul,.feature-content ol{padding-inline-start:24px;margin:10px 0 16px}
.feature-content li{margin:7px 0}
.feature-content a:not(.related a){color:var(--accent);font-weight:800;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 30%,transparent);text-underline-offset:3px}
.feature-content .formula{font-size:16px;color:var(--ink);background:var(--chip);border:1px solid var(--line);border-inline-start:5px solid var(--accent);border-radius:14px;padding:14px 18px;direction:rtl;text-align:center;overflow-wrap:anywhere}
.feature-content details{margin:9px 0;padding:11px 15px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--surface-shadow)}
.feature-content summary{cursor:pointer;font-weight:800;line-height:1.8}
.feature-content details[open] summary{color:var(--accent);margin-bottom:5px}
.feature-content details p{font-size:14px;margin:0 0 3px}
.feature-content .related{margin:33px 0}
.feature-content .related h2{font-size:23px}
.feature-content .related ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.feature-content .related a{height:100%;background:var(--card)}
.feature-content .src{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--chip)}
.feature-content .src h2{font-size:20px}
.feature-content .src p,.feature-content .src li{font-size:13px;color:var(--muted)}
.feature-content .disc-box{font-size:13px;line-height:1.9;color:var(--muted)}
@media(max-width:620px){
  .feature-wrap{padding-inline:17px}
  .feature-wrap>.eyebrow{margin-top:23px}
  .feature-cta{align-items:stretch;flex-direction:column;margin:22px 0;padding:16px}
  .feature-cta .btn{width:100%;text-align:center}
  .feature-content p,.feature-content li{font-size:15px}
  .feature-content .related ul{grid-template-columns:1fr}
}