/* Shared card surfaces, with existing layouts and disclosure behaviour retained. */
:root body{--card-radius:12px}
:root body :is(.offer-flip-face,.journal-card,.reading-card,.care-path-link,.feature,.treatment-step,.cdt-phase-card,.booking-option){border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:none}
:root body :is(.journal-card,.reading-card){overflow:hidden}
:root body.patient-home :is(.meaning-grid>.meaning,.patient-process>article){box-sizing:border-box;display:block;min-width:0;padding:26px 22px;border:1px solid var(--line);border-radius:var(--card-radius);background:#fff;box-shadow:none}
:root body :is(.condition,.booking-route,.treatment-disclosure,.booking-small-print,.care-disclosure){border-radius:var(--card-radius);box-shadow:none}
:root body :is(.treatment-step,.cdt-phase-card,.feature){box-sizing:border-box;padding:24px}
:root body :is(.reading-card,.journal-card,.care-path-link):hover{border-color:var(--bronze)}
:root body :is(.reading-card,.journal-card-link,.care-path-link):focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
/* Compact, high-contrast actions without decorative arrows or underline rules. */
:root body a:is(.offer-flip-direct,.offer-flip-link,.card-learn-more){display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;box-sizing:border-box;min-height:44px;max-width:100%;padding:10px 15px;border:1px solid var(--espresso);border-radius:999px;background:var(--espresso);color:#fff!important;font-size:.875rem;line-height:1.4;font-weight:600;letter-spacing:0;text-align:center;text-decoration:none!important;transition:background-color .15s ease,border-color .15s ease}
:root body a:is(.offer-flip-direct,.offer-flip-link,.card-learn-more):hover{background:var(--bronze-text);border-color:var(--bronze-text);color:#fff!important}
:root body a:is(.offer-flip-direct,.offer-flip-link,.card-learn-more):focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
:root body .offer-flip-actions{padding-right:50px}
@media(max-width:600px){:root body.patient-home :is(.meaning-grid>.meaning,.patient-process>article){padding:24px}:root body :is(.treatment-step,.cdt-phase-card,.feature){padding:22px}}
@media(prefers-reduced-motion:reduce){:root body a:is(.offer-flip-direct,.offer-flip-link,.card-learn-more){transition:none}}