.feature-overview { display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start; }
.feature-overview h2 { font-size:clamp(28px,3vw,42px);margin:20px 0; }
.feature-overview p { margin:0 0 28px;line-height:1.85; }
.feature-overview ul,.feature-sitemap ul { list-style:none;padding:0;margin:0; }
.feature-overview li { border-bottom:1px solid #dbe1e9; }
.feature-overview li a { display:flex;justify-content:space-between;gap:15px;padding:12px 0;font-size:15px;line-height:1.55; }
.feature-overview li a:hover,.feature-sitemap a:hover { color:var(--accent); }
.feature-breadcrumb { display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#677389;margin-bottom:40px; }
.feature-breadcrumb a { text-decoration:underline;text-underline-offset:4px; }
.feature-intro { max-width:1000px; }
.feature-intro h1 { font-size:clamp(34px,4.5vw,60px);line-height:1.12;letter-spacing:-.035em;margin:24px 0; }
.feature-intro .lead { max-width:830px;margin-bottom:28px; }
.feature-scope { margin-top:32px;max-width:870px;font-size:14px;line-height:1.8;color:#647087; }
.feature-reading { display:grid;grid-template-columns:270px minmax(0,1fr);gap:80px;align-items:start; }
.feature-toc { position:sticky;top:115px;max-height:calc(100vh - 140px);overflow:auto;padding-right:15px; }
.feature-toc h2 { font-size:18px;margin:0 0 18px; }
.feature-toc ol { margin:0;padding-left:22px;color:#8b95a5;font-size:12px; }
.feature-toc li { padding:6px 0 6px 4px; }
.feature-toc a { font-size:13px;line-height:1.55;color:#56647c;display:block; }
.feature-toc a:hover { color:var(--accent);text-decoration:underline;text-underline-offset:4px; }
.feature-details article { padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid #dfe5ed;scroll-margin-top:110px; }
.feature-details article:last-child { margin-bottom:0; }
.feature-details h2 { font-size:clamp(26px,2.8vw,36px);line-height:1.2;margin:15px 0 22px; }
.feature-details p { line-height:1.9; }
.feature-details ul { margin:24px 0;padding-left:20px;line-height:1.85; }
.feature-details li { padding:3px 0 3px 5px; }
.feature-details li::marker { color:var(--accent); }
.feature-example { background:#f6f8fb;border-left:2px solid var(--accent);padding:22px 25px;margin:25px 0; }
.feature-example strong { font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent); }
.feature-example p { margin:8px 0 0;font-size:15px; }
.feature-sitemap { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 70px; }
.feature-sitemap article { border-top:1px solid #dfe5ed;padding-top:28px; }
.feature-sitemap h3 { font-size:24px;margin-bottom:16px; }
.feature-sitemap p { font-size:14px;line-height:1.8;margin-bottom:18px; }
.feature-sitemap li a { display:block;padding:7px 0;font-size:14px;line-height:1.55; }
@media(max-width:950px) {
  .feature-reading { gap:35px;grid-template-columns:220px minmax(0,1fr); }
  .feature-overview { gap:35px; }
}
@media(max-width:700px) {
  .feature-overview,.feature-reading,.feature-sitemap { grid-template-columns:1fr;gap:38px; }
  .feature-toc { position:static;max-height:none;padding:0 0 25px;border-bottom:1px solid #dfe5ed; }
  .feature-toc li { padding:7px 0 7px 4px; }
  .feature-details article { scroll-margin-top:95px; }
  .feature-details .scene-index { margin-bottom:10px; }
  .feature-breadcrumb { margin-bottom:28px; }
  .feature-intro .actions { align-items:stretch; }
  .feature-intro .btn { width:100%;justify-content:center; }
}
@media print { .feature-toc { display:none; }.feature-reading { display:block; }.feature-details article { break-inside:avoid; } }