/* Native content stays readable if JavaScript, AOS, or external CDNs fail. */
body[data-site-native-ssr] #site-content [data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

.site-faq__item {
    border-bottom: 1px solid #ddd;
    padding: 1rem 0;
}

.site-faq__item summary {
    cursor: pointer;
    font-weight: 600;
}

.site-faq__item p {
    margin: 1rem 0 0;
}

.site-faq { text-align: left; margin: 1rem 0; scroll-margin-top: 12rem; }
.site-faq summary { cursor: pointer; font-weight: 600; padding: 1rem; }
.site-faq .card-body { padding: 1rem; }
.site-plan-toggle { width: 50px; height: 26px; border-radius: 20px; background: #e5dbf8; display: inline-block; position: relative; }
.site-plan-toggle .tog_btn { width: 20px; height: 20px; border-radius: 50%; background: #6a49f2; position: absolute; top: 3px; left: 3px; }
.site-plan-toggle .tog_btn.month_active { left: 27px; }

/* Static equivalents of documentation alerts/cards/lists; no Vue mount is needed. */
.site-doc-alert { padding: 16px; border-radius: 4px; line-height: 1.6; }
.site-doc-alert--info { color: #0969a2; background: #e8f4fb; }
.site-doc-alert--warning { color: #795400; background: #fff5dc; }
.site-doc-alert__title { display: block; font-size: 1.25rem; margin-bottom: 4px; }
.site-doc-divider { margin: 1rem 0; border: 0; border-top: 1px solid currentColor; opacity: .25; }
.site-doc-card { border-radius: 4px; overflow: hidden; color: #212121; }
.site-doc-card--outlined { border: 1px solid #bdbdbd; }
.site-doc-card--purple { background: #f3e5f5; box-shadow: 0 2px 4px #00000020; }
.site-doc-card__title { padding: 16px; margin: 0; font-size: 1.25rem; line-height: 1.5; font-weight: 500; }
.site-doc-card__text { padding: 0 16px 16px; line-height: 1.6; }
.site-doc-card__actions { padding: 8px 16px; }
.site-doc-link { white-space: normal; overflow-wrap: anywhere; color: #6a49f2; border-radius: 24px; background: #f3e5f5; }
.site-doc-tool-list { list-style: none; margin: 0; padding: 0 16px; background: #fff; }
.site-doc-tool { padding: 12px 0; }
.site-doc-tool + .site-doc-tool { border-top: 1px solid #ddd; }
.site-doc-tool__description, .site-doc-tool__name { white-space: normal; overflow-wrap: anywhere; }
.site-doc-tool__name { font-size: .875rem; margin-top: 4px; }
.site-doc-faq { scroll-margin-top: 8rem; }
