/* Detail fixes only. Preserve each existing page's typography, palette,
   card shape, spacing and composition; do not add a global visual skin. */
#experience-root :is(button,input,select,textarea){font-family:inherit}
#experience-root :is(button,a):focus-visible,
#experience-dialog :is(button,a,[role=tab]):focus-visible{outline:2px solid var(--site-focus);outline-offset:3px}
#experience-root button:disabled{cursor:not-allowed}
#experience-root .mw-actions{flex-wrap:wrap}
#experience-root :is(.mw-panel,.oc-panel,.mw-profile-card)>:last-child{margin-bottom:0}

/* Prevent account navigation overlapping the following profile content. */
#experience-root .mw-profile .mw-order-center-link{
 display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin-block:0 24px;
}
#experience-root .mw-feedback-columns{display:grid;gap:24px;max-width:none;margin:0 0 24px}
#experience-root .mw-feedback-page>.mw-panel+.mw-panel{margin-top:24px}
#experience-root .mw-feedback-page>.mw-panel,#experience-root .mw-feedback-columns>.mw-panel{min-width:0}
#experience-root .mw-feedback-page .mw-panel>.mw-primary{margin-bottom:12px}
#experience-root .mw-feedback-page [role=alert]:empty,
#experience-root .mw-birth-calculator>[data-birth-error]:empty{display:none}

/* Keep reading and forms usable without restyling them. */
#experience-root .mw-chat-bubble{overflow-wrap:anywhere;min-width:0}
#experience-root .mw-chat-form button{min-width:44px;min-height:44px;flex-shrink:0}
#experience-root .mw-chat-content>header :is(button,a){min-height:44px;min-width:44px}
#experience-root .mw-birth-calculator>[data-birthday]{text-align:start}
#experience-root .mw-birth-result{scroll-margin-top:calc(var(--mw-header-height,65px) + 24px)}
#experience-root .mw-blog-body :is(h2,h3):focus{outline:none}
#experience-root .mw-blog-body :is(h2,h3):focus-visible{outline:2px solid var(--site-focus);outline-offset:6px}
#experience-root :is(.mw-art-choices,.mw-back-choices) label:focus-within{outline:2px solid var(--site-focus);outline-offset:3px}
#experience-root .mw-art-choices label{min-width:0}
#experience-dialog [role=tab]{min-height:44px}
#experience-root :is(.mw-price,.oc-total,.shop-price){font-variant-numeric:tabular-nums}
@media(max-width:639px){
 #experience-root .mw-art-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #experience-root :is(.mw-field,.mw-panel,.mw-profile-card,.shop-checkout-form,.mw-contact-form) :is(input,select,textarea),
 #experience-dialog :is(input,select,textarea){font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 #experience-root :is(button,input,select,textarea,.mw-reader,.mw-love-choice,.mw-art-choices label,.mw-back-choices label),
 .mw-blog-page [data-blog-progress]{transition:none}
}