/* Shared, compact marketing features. Reseller styles are deliberately untouched. */
#included { scroll-margin-top:70px; }
.included-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.included-grid details { background:var(--panel); border:1px solid var(--line); border-radius:12px; align-self:start; }
.included-grid summary { padding:17px 20px; gap:12px; font-size:15px; }
.included-grid summary b { color:var(--cyan); font-size:11px; }
.included-grid summary span { margin-left:auto; }
.included-grid details p { margin:0 20px 20px; color:var(--muted); }
.features-handoff { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; }
.features-handoff p { font-size:13px; color:var(--muted); max-width:650px; margin:0; }
.feature-hero { padding:185px 0 44px; }
.feature-hero h1 { font-size:clamp(36px,5vw,60px); max-width:850px; margin:16px 0; }
.feature-hero p { color:var(--muted); max-width:780px; font-size:17px; }
.feature-note { padding:18px 22px; border:1px solid var(--line-strong); border-radius:12px; background:var(--panel); margin-top:24px; }
.feature-note p { margin:4px 0 0; font-size:14px; }
.feature-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:20px; }
.feature-controls button { padding:10px 15px; background:var(--panel); color:var(--ink); border:1px solid var(--line-strong); border-radius:9px; cursor:pointer; }
.feature-controls a { margin-left:auto; color:var(--cyan); text-decoration:underline; text-underline-offset:4px; }
.feature-catalog { padding-bottom:70px; max-width:1000px; }
.feature-catalog > details { border:1px solid var(--line); border-radius:14px; margin-bottom:12px; background:var(--panel); scroll-margin-top:150px; }
.feature-catalog > details > summary { padding:22px; gap:16px; }
.feature-catalog > details > summary span { margin-left:auto; }
.feature-body { padding:0 24px 22px; }
.feature-body > p { margin:0 0 18px; color:var(--muted); max-width:none; }
.feature-body ul { padding-left:20px; margin:14px 0; }
.feature-body li { color:var(--muted); margin-bottom:12px; font-size:14px; }
.feature-body li strong { color:var(--ink); }
.feature-body h3 { margin:25px 0 12px; font-size:17px; }
.feature-body .caveat { border-left:3px solid var(--cyan); padding:12px 16px; background:var(--navy-2); font-size:13px; }
.feature-body table { width:100%; border-collapse:collapse; font-size:14px; }
.feature-body th,.feature-body td { text-align:left; border-bottom:1px solid var(--line); padding:12px 8px; }
.feature-body td { color:var(--muted); }
.feature-table { overflow:auto; }
.feature-body a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.feature-footer-note { color:var(--muted); font-size:12px; padding-top:20px; }
:is(summary,button,a):focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
@media(max-width:850px) { .included-grid { grid-template-columns:1fr; } .features-handoff { flex-direction:column; align-items:start; } }
@media(max-width:580px) { .feature-hero { padding-top:165px; } .feature-controls a { width:100%; margin-left:0; } .feature-body { padding:0 18px 18px; } .feature-catalog > details > summary { padding:18px; } .included-grid summary { padding:16px; font-size:14px; } }