@import url('../assets/ymd-tokens.css');

.dtc-pricing-note {
    max-width: 68rem;
    margin: 1.5rem auto;
    padding: 1.5rem;
    border: 1px solid var(--ymd-border-strong);
    color: var(--ymd-text-primary);
    background: var(--ymd-surface-card);
    border-radius: .75rem;
    font-size: 1rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.dtc-pricing-note h2, .dtc-pricing-note h3 {
    font-size: 1.25rem;
    line-height: 1.35;
    margin: 0 0 1rem;
}
.dtc-pricing-note p + p { margin-top: .85rem; }
.dtc-pricing-note a { text-decoration: underline; text-underline-offset: .2em; }
.dtc-pricing-note a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.treat .desc, .treat-benefits li {
    font-size: .875rem;
    line-height: 1.65;
    color: inherit;
}
.treat { display: flex; flex-direction: column; }
.treat-foot { margin-top: auto; }
.hero p { line-height: 1.6; }
@media (max-width: 600px) {
    .dtc-pricing-note { margin: 1rem; padding: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .treat { transition: none; }
    .treat:hover { transform: none; }
}