/* Shared brand UI, not an override for Ghost Portal or email templates. */
html{scroll-behavior:smooth}
body{font-family:var(--font-text);font-weight:400}
h1,h2,h3{font-synthesis:none}
:is(.marker,.signup-marker,.footer-out-here){font:400 var(--type-marker-size)/var(--type-marker-leading) var(--font-marker);letter-spacing:normal;text-transform:uppercase;background:transparent;padding:0}
.nav .rpr-logo{width:clamp(3.55rem,4vw,4.5rem);height:auto}
.nav .right{font:400 11px/1.25 var(--font-text);letter-spacing:.06em;text-transform:uppercase}
.nav .right>a{min-height:44px}
:is(a,button){-webkit-tap-highlight-color:rgba(158,74,58,.16)}
a{color:inherit;text-decoration:none;transition:color .25s ease}
:is(a,button,input):focus-visible{outline:3px solid var(--rust);outline-offset:5px}
/* Reference standalone links: clear default, rust response on light surfaces. */
:is(.read,.letter-back,.support-back,.end-navigation a,.support-preview,.quiet-support,.welcome-manage):not(.cut){font:400 13px/1.35 var(--font-text);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-bottom:0;transition:color .25s ease}
:is(.read,.letter-back,.support-back,.end-navigation a,.support-preview,.quiet-support,.welcome-manage):not(.cut):is(:hover,:focus-visible){color:var(--rust);text-decoration:none}
/* Reference prose link: hairline underline, stronger underline on interaction. */
:is(.body,.support-copy,.welcome-content) :is(p,li,dd,figcaption) a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);transition:text-decoration-color .18s ease,color .18s ease}
:is(.body,.support-copy,.welcome-content) :is(p,li,dd,figcaption) a:not([class]):is(:hover,:focus-visible){color:inherit;text-decoration-color:currentColor}
/* Exact website cut geometry/type/padding and stable-color opacity feedback. */
.cut{--cta-bg:var(--pale);--cta-ink:var(--forest);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:49px;padding:18px 30px;border:0;border-radius:0;background:var(--cta-bg);color:var(--cta-ink);font:500 13px/1 var(--font-text);letter-spacing:1px;text-transform:uppercase;text-decoration:none;box-shadow:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);transition:opacity var(--action-duration) var(--ease-rpr);cursor:pointer}
:is(.cut--forest,.simple-form .cut,.welcome-read,.join .cut){--cta-bg:var(--forest);--cta-ink:var(--pale)}
.cut:is(:hover,:focus-visible){background:var(--cta-bg);color:var(--cta-ink);opacity:.82;transform:none;box-shadow:none}
.cut:focus-visible{outline:2px solid currentColor;outline-offset:4px;box-shadow:inset 0 0 0 2px currentColor;text-decoration:none}
.cut:disabled{opacity:.5;cursor:not-allowed}
/* Currency options remain two equal outlined choices, not marketing CTA tiers. */
.payment-choice a,.payment-choice button,.support-action,.letter-share{font:400 13px/1.35 var(--font-text);letter-spacing:.04em;transition:opacity var(--action-duration) var(--ease-rpr),background-color .25s ease,color .25s ease}
.payment-choice a:is(:hover,:focus-visible){opacity:.82}
.footer-links a,.welcome-footer a{font:400 clamp(.82rem,.9vw,.96rem)/1.35 var(--font-text);letter-spacing:.04em;text-transform:uppercase;padding-block:.3rem;text-decoration:none;transition:color .35s ease}
/* Rust on forest is below 4.5:1 for small text. Preserve readable pale feedback. */
.topo a:is(:hover,:focus-visible){color:var(--pale);text-decoration:underline;text-underline-offset:.3em}
.topo .cut:is(:hover,:focus-visible){color:var(--cta-ink);text-decoration:none;opacity:.82}
.topo .cut:focus-visible{text-decoration:none}
.nav a[aria-current=page]{color:var(--pale);text-decoration:underline;text-underline-offset:.3em}
.footer .brand:is(:hover,:focus-visible),.nav a:has(.rpr-logo):is(:hover,:focus-visible){opacity:.82;text-decoration:none}
.rpr-arrow{display:inline-block;flex:none;font-family:var(--font-text);font-weight:400;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap}
.simple-email{font-size:16px;min-height:48px}
.simple-language label{min-height:44px;align-items:center}
.actions{flex-wrap:wrap}.actions .cut{flex-shrink:0}.actions>a:not(.cut){white-space:nowrap}
@media(max-width:760px){:root{--space-page:1.25rem}.nav .rpr-logo{width:3.7rem}.nav .right{gap:16px}.cut{max-width:100%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}.cut,a,button,input{transition:none!important}}

/* Button labels never receive editorial link underlines. */
:is(.cut,.support-action,.payment-choice a,.letter-share),:is(.cut,.support-action,.payment-choice a,.letter-share):is(:hover,:focus,:focus-visible,:active){text-decoration:none}