/* Shared reading layout for Vidvanza legal and support pages. */
.legal-page { background: var(--cream); }.legal-page .site-header { border-bottom-color: rgba(27, 27, 43, .08); }.legal-hero { position: relative; overflow: hidden; padding: 10.25rem 0 5.1rem; background: linear-gradient(117deg, var(--cream) 0%, var(--cream) 61%, #f5d9a3 100%); }.legal-hero::after { position: absolute; width: 17rem; height: 17rem; right: -5rem; bottom: -9rem; border-radius: 50%; background: var(--lilac); content: ""; }.legal-hero .shell { position: relative; z-index: 1; }.legal-hero h1 { margin: 0 0 1rem; font-size: clamp(3rem, 6vw, 5.7rem); line-height: .96; }.legal-hero p:not(.eyebrow) { max-width: 630px; margin: 0; color: var(--muted); line-height: 1.7; }.legal-meta { display: flex; flex-wrap: wrap; gap: .55rem 1.2rem; margin-top: 1.45rem !important; font-size: .76rem; font-weight: 800; }.legal-meta span { display: inline-flex; gap: .35rem; }.legal-meta strong { color: var(--ink); }.legal-layout { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); padding: clamp(4rem, 7vw, 6.5rem) 0; }.legal-toc { align-self: start; position: sticky; top: 6.5rem; padding: 1rem 0; }.legal-toc p { margin: 0 0 .75rem; color: var(--muted); font-size: .67rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.legal-toc a { display: block; margin-bottom: .4rem; color: #5c5965; font-size: .75rem; font-weight: 750; line-height: 1.3; text-decoration: none; }.legal-toc a:hover { color: var(--orange-deep); }.legal-content { max-width: 720px; }.legal-content > p:first-child { margin-top: 0; font-size: 1.08rem; line-height: 1.75; }.legal-content h2 { margin: 3.2rem 0 .9rem; font-size: clamp(1.8rem, 3.2vw, 2.55rem); line-height: 1.05; }.legal-content h3 { margin: 1.6rem 0 .55rem; font-size: 1.05rem; letter-spacing: -.025em; }.legal-content p, .legal-content li { color: #5e5b66; line-height: 1.75; }.legal-content ul { margin: .7rem 0 1.2rem; padding-left: 1.2rem; }.legal-content li + li { margin-top: .42rem; }.legal-content a { color: var(--orange-deep); font-weight: 800; }.legal-callout { margin: 2.2rem 0; padding: 1.15rem 1.25rem; border-left: .27rem solid var(--orange); border-radius: 0 .75rem .75rem 0; background: #fff0d9; color: var(--ink) !important; font-size: .91rem; }.legal-steps { display: grid; gap: .7rem; margin: 1.15rem 0 1.8rem; padding: 0; list-style: none; counter-reset: step; }.legal-steps li { position: relative; padding: .95rem 1rem .95rem 3.15rem; border: 1px solid var(--line); border-radius: .75rem; background: #fffdfa; }.legal-steps li::before { display: grid; position: absolute; left: .9rem; top: .85rem; width: 1.45rem; height: 1.45rem; place-items: center; border-radius: 50%; background: #fff0d9; color: var(--orange-deep); content: counter(step); counter-increment: step; font-size: .68rem; font-weight: 900; }.legal-contact-card { margin-top: 2.5rem; padding: 1.35rem; border-radius: 1rem; color: white; background: var(--ink); }.legal-contact-card p { margin: 0 0 .35rem; color: #cbc8d2; font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.legal-contact-card a { color: var(--yellow); font-family: Georgia, serif; font-size: 1.4rem; font-weight: 500; text-decoration: none; }.legal-page .footer { margin-top: 0; }
@media (max-width: 760px) { .legal-hero { padding: 8.1rem 0 4rem; }.legal-layout { grid-template-columns: 1fr; gap: 0; }.legal-toc { display: none; }.legal-content { max-width: none; }.legal-content h2 { margin-top: 2.5rem; } }