/* Typography role map R1 (UI-TYPOGRAPHY-CONSISTENCY-R1: the controller-selected shared standard; candidate, pending
   owner visual acceptance). One shared, route-bound shell stylesheet (lib/adapter.mjs SHELL_STYLES), loaded LAST by
   every opted-in page, so the four roles read the same on every page family and language. Each role is a named token on
   the page root (.ui-page, where the shared shell defines its per-language --ui-font) and one rule per role listing the
   components that implement it. The :root x7 prefix is a fixed specificity floor (0,8,0 and up) above every family's
   page CSS (the deepest competing rule is the Arabic homepage layer at 0,6,0), so no !important is used and no page
   rule is edited. Only face, weight and tracking are set: size, line height, colour, wrapping, alignment, decoration
   and wording stay with each component.
   A FAQ question controls: the language's existing control face (not set here), weight 500.
   B Arabic section labels (share eyebrow, section and planner labels, event tags): Noto Naskh Arabic 600, untracked;
     the gold colour and the decorative rule are the components' own.
   C Arabic final call-to-action paragraph: body content, Noto Naskh Arabic 400 (the heading and button keep Tajawal).
   D yacht-card price lines (homepage, Fleet Hub and share cards): the language's body/content face (the shared
     per-language stack; Noto Naskh Arabic in Arabic) at 500; the amount's existing emphasis (strong / b) is unchanged. */
.ui-page{--ui-role-faq-weight:500;--ui-role-content-face:var(--ui-font);--ui-role-label-weight:600;--ui-role-body-weight:400;--ui-role-price-weight:500}
html[lang^="ar"] .ui-page{--ui-role-content-face:"Noto Naskh Arabic",serif}
/* A */
:root:root:root:root:root:root:root .faq-q,:root:root:root:root:root:root:root .ui-disc>summary{font-weight:var(--ui-role-faq-weight)}
/* B */
:root:root:root:root:root:root:root[lang^="ar"] .ui-share__eyebrow,:root:root:root:root:root:root:root[lang^="ar"] .lbl,:root:root:root:root:root:root:root[lang^="ar"] .pbar-label,:root:root:root:root:root:root:root[lang^="ar"] .sev-tag{font-family:var(--ui-role-content-face);font-weight:var(--ui-role-label-weight);letter-spacing:0}
/* C */
:root:root:root:root:root:root:root[lang^="ar"] .ui-cta>p{font-family:var(--ui-role-content-face);font-weight:var(--ui-role-body-weight)}
/* D */
:root:root:root:root:root:root:root .yprice,:root:root:root:root:root:root:root .fh-price-primary,:root:root:root:root:root:root:root .ui-price{font-family:var(--ui-role-content-face);font-weight:var(--ui-role-price-weight)}
