.feature-guide{--fg-text:#142439;--fg-muted:#526174;--fg-card:#fff;--fg-line:#dfe6ed;--fg-link:#007f9c;color:var(--fg-text);max-width:1120px;margin:auto;line-height:1.75;overflow-wrap:anywhere}
.feature-guide h2{font-size:clamp(22px,2.4vw,29px);line-height:1.3;font-weight:750;margin:0 0 16px;letter-spacing:-.5px}.feature-guide p{margin:0 0 16px;color:var(--fg-muted)}.feature-guide a{color:var(--fg-link);text-underline-offset:4px}.feature-guide a:focus-visible{outline:3px solid #009879;outline-offset:4px}.feature-video{margin:28px 0 32px}.feature-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;background:#111827}.feature-guide .feature-note{font-size:13px;margin:14px 0;color:var(--fg-muted)}.feature-contents{display:flex;flex-wrap:wrap;gap:8px 12px;padding:20px;border:1px solid var(--fg-line);border-radius:16px;background:var(--fg-card);margin:24px 0 32px}.feature-contents strong{flex-basis:100%}.feature-contents a{display:inline-flex;align-items:center;min-height:44px;padding:7px 12px;border:1px solid var(--fg-line);border-radius:10px;text-decoration:none;font-size:14px}.feature-intro{margin-bottom:38px}.feature-section{scroll-margin-top:20px;margin:0 0 38px;padding-bottom:32px;border-bottom:1px solid var(--fg-line)}.feature-images{display:grid;gap:24px;margin:24px 0}.feature-images figure{margin:0;padding:10px;background:var(--fg-card);border:1px solid var(--fg-line);border-radius:14px;overflow:hidden}.feature-images a{display:block}.feature-images img{width:100%;height:auto;display:block;border-radius:8px}.feature-images figcaption{font-size:13px;color:var(--fg-muted);padding:10px 5px 2px}.feature-back{display:inline-block;min-height:44px;padding:10px 0;font-size:13px}
.dark .feature-guide,:root[data-theme="dark"] .feature-guide{--fg-text:#eef5ff;--fg-muted:#a9bbce;--fg-card:#111c2d;--fg-line:#293a50;--fg-link:#31c5e0}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not(.light) .feature-guide{--fg-text:#eef5ff;--fg-muted:#a9bbce;--fg-card:#111c2d;--fg-line:#293a50;--fg-link:#31c5e0}}
@media(max-width:640px){.feature-contents{padding:14px;gap:8px}.feature-contents a{width:100%}.feature-images figure{padding:6px}.feature-video{margin-top:20px}}
.app-feature-guide .feature-guide{--fg-text:#142439;--fg-muted:#526174;--fg-card:#fff;--fg-line:#dfe6ed;--fg-link:#007f9c}.dark .app-feature-guide .feature-guide{--fg-text:#eef5ff;--fg-muted:#a9bbce;--fg-card:#111c2d;--fg-line:#293a50;--fg-link:#31c5e0}