/* Use the established website palette and feature-page components for 2.0. */
.v2-candidate-notice{margin:0;padding:8px 24px;background:var(--accent-soft);color:var(--muted);font-size:13px;text-align:center;border-bottom:1px solid var(--line)}
.v2-entry-links{padding-block:32px}.v2-entry-links>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:24px}.v2-entry-links a{display:block;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-decoration:none;color:var(--ink)}.v2-entry-links h2{font-size:24px}.v2-entry-links h3{margin:0 0 12px;font-size:19px}.v2-entry-links p{margin:0;line-height:1.8;color:var(--muted)}
.feature-highlight-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.v2-reading{max-width:1000px}.v2-reading .feature-toc{gap:10px 22px}.v2-reading .feature-toc a{font-size:13px}
.v2-next{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.v2-download-pending{padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--muted)}.v2-download-pending strong{display:block;color:var(--ink)}.v2-download-pending small{display:block;margin-top:8px;overflow-wrap:anywhere}
.v2-version-changes{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:14px}.v2-version-changes li{margin:8px 0;line-height:1.7}.v2-version-changes h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 16px;font-size:clamp(24px,3vw,34px);line-height:1.25;letter-spacing:-.02em}.v2-version-changes h2 small{font-size:13px;font-weight:600;letter-spacing:normal;line-height:1.5;white-space:nowrap;color:var(--muted)}
.v2-samples{margin-top:24px}.v2-samples h2{font-size:1.4rem;line-height:1.4}.v2-samples p{line-height:1.9;color:var(--muted)}
.v2-native-preview{margin:24px 0 32px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.v2-native-preview>a,.v2-native-preview img{display:block}.v2-native-preview img{width:100%;height:auto}.v2-native-preview figcaption{padding:16px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.7}
.v2-recording-note{display:block;margin:12px 0;padding:12px 16px;border-left:3px solid var(--blue);background:var(--paper);font-size:14px;line-height:1.7;color:var(--muted)}.v2-recording-note strong{display:block;margin-bottom:4px}
.v2-tutorial{margin:44px 0;scroll-margin-top:215px}.v2-tutorial>h2{font-size:1.65rem;line-height:1.4}.v2-tutorial>p{line-height:1.9}.v2-tutorial video{display:block;width:100%;height:auto;background:var(--ink);border:1px solid var(--line);border-radius:12px}.v2-tutorial .help-player-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.v2-tutorial .video-metadata{display:flex;flex-wrap:wrap;gap:6px 16px}.v2-tutorial .help-video-chapters h3{font-size:17px}
.v2-operation-details p,.v2-operation-details li{line-height:1.8}.v2-operation-details li+li{margin-top:12px}.v2-operation-details table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin:20px 0;font-size:14px}.v2-operation-details th,.v2-operation-details td{padding:10px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:normal}.v2-operation-details th{background:var(--paper)}.v2-operation-details th:first-child,.v2-operation-details th:nth-child(2){width:20%}
.v2-operation-gallery{margin:36px 0}.v2-operation-gallery>p{line-height:1.8;color:var(--muted)}.v2-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.v2-operation-grid .v2-native-preview{margin:0}.v2-operation-grid figcaption strong,.v2-operation-grid figcaption span{display:block}.v2-operation-grid figcaption span{margin-top:6px}
.home-still-player .home-demo-image{aspect-ratio:auto}.home-still-player .home-play{display:inline-flex;align-items:center;text-decoration:none;text-align:center}

@media(max-width:700px){.v2-operation-grid{grid-template-columns:1fr}.v2-candidate-notice{text-align:left;padding:8px 16px}.v2-tutorial>h2{font-size:1.4rem}}
@media(max-width:650px){.v2-tutorial{scroll-margin-top:285px}}

@media(max-width:1000px){.feature-highlight-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.feature-highlight-grid-three{grid-template-columns:1fr}}
/* Keep intrinsic image and long-word widths inside the responsive feature cards. */
.core-feature-card,.core-feature-image,.core-feature-copy{min-width:0}
.core-feature-image img{min-width:0;max-width:100%}
.core-feature-copy{overflow-wrap:anywhere}
@media(max-width:1000px){.core-feature-card{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.core-feature-card{grid-template-columns:minmax(0,1fr)}}
