/* -----------------------------
   1. FONT IMPORT
------------------------------ */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');/* -----------------------------
   2. BASE TYPOGRAPHY & VARIABLES
------------------------------ */.App-content{/* Layout container */min-height:100dvh;display:flex;flex-direction:column;/* Type Scale: Major Second (1.125) */--size-h1:2.027rem;--size-h2:1.802rem;--size-h3:1.602rem;--size-h4:1.424rem;--size-h5:1.266rem;--size-h6:1.125rem;--size-body:1rem;--size-small:0.889rem;--size-smaller:0.79rem;/* Colors */--color-text:#293d5b;--color-bg:#ffffff;--color-bg-secondary:#f9f9f9;--color-accent:#ddc28a;--color-border:#d8d8d8;--color-error:#b00020;--color-tab-heading:#293d5b;--color-input-border:#1e294b;}/* Header and footer keep their natural height */.App-content header,.App-content footer{flex:0 0 auto;}/* Main grows to fill remaining space */.App-content main{flex:1 0 auto;min-height:0;/* override any previous min-height */}/* Prevent last child margin from pushing the footer */.App-content main > :last-child{margin-bottom:0;}/* -----------------------------
   3. GLOBAL SETTINGS
------------------------------ */.App-content *{box-sizing:border-box;}.App-content html,.App-content body{height:100%;}.App-content body{margin:0;}/* prevent extra scroll caused by default margin */.App-content html{font-size:16px;}.App-content #maincontent{min-height:auto;}/* ---------------------------------
   4) Accessible Focus Styles (Accent Color)
---------------------------------- */.App-content :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent);}/* ---------------------------------
   5) Forms (labels, inputs, buttons)
---------------------------------- */.App-content label{display:inline-block;font-family:'Inter', 'Helvetica Neue', Arial, sans-serif !important;font-size:var(--size-small) !important;font-weight:600 !important;letter-spacing:0.04em;text-transform:none !important;margin-bottom:0.375rem;color:var(--color-text);}.App-content input[type="text"],.App-content input[type="email"],.App-content input[type="password"],.App-content input[type="tel"],.App-content textarea{width:100%;padding:0.5rem 0.625rem;font-family:'Inter', 'Helvetica Neue', Arial, sans-serif !important;font-size:var(--size-body) !important;font-weight:400 !important;line-height:1.5;border:1px solid var(--color-border);border-radius:5px;background-color:var(--color-bg) !important;color:var(--color-text) !important;transition:border-color 0.2s ease, box-shadow 0.2s ease;border-color:var(--color-input-border) !important;}.App-content input:focus-visible,.App-content textarea:focus-visible{border-color:var(--color-accent);outline:none;border-radius:5px;outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent);}/* Links */.App-content a{color:var(--color-text);text-decoration:underline;font-family:'Inter', 'Helvetica Neue', Arial, sans-serif !important;font-size:var(--size-small);font-weight:400;transition:color 0.2s ease;/* Accessibility / click area */display:inline-block;/* allows padding to expand click zone */padding:0.5rem 0;/* increase vertical hit area */min-height:44px;/* WCAG recommended target size */line-height:1.4;}.App-content a:hover{color:var(--color-accent);}.App-content a:focus-visible{outline:none;outline-offset:2px;border-radius:4px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent);}.App-content .Link:hover i{color:var(--color-accent);}/* Error text */.App-content .FormField-error,.App-content .CMS-MyPagesLogin-error{padding:0;margin-top:0.375rem;font-size:var(--size-small);font-weight:500;font-style:normal;color:var(--color-error);line-height:1.4;user-select:none;}.App-content .FormField-label{display:none !important;}.App-content .SC-form-textarea textarea{min-height:200px !important;border-radius:5px !important;}.App-content .CMS-MyPagesSubscriptions-Active-List-Heading,.App-content .CMS-MyPagesSubscriptions-Inactive-List-Heading{grid-column:1 / -1;font-size:var(--size-h6) !important;font-weight:700;line-height:1.15;margin:0 0 0.75rem;}.App-content .CMS-MyPagesProfile > div > div > h3{display:none !important;}.App-content .CMS-MyPagesSubscriptions-overviewImage img{width:100%;}.App-content .AccountSubscriptionChangeDate-radioButton{display:flex;align-items:center;gap:0.5rem;font-family:system-ui, sans-serif;}.App-content .Tabs-heading{user-select:none;}/* Base radio button */.App-content .AccountSubscriptionChangeDate-radioButtonInput{appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:50%;position:relative;background:#fff;transition:all 0.2s ease;cursor:pointer;}/* Checked state */.App-content .AccountSubscriptionChangeDate-radioButtonInput:checked::before{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#666;}/* Disabled state */.App-content .AccountSubscriptionChangeDate-radioButtonInput:disabled{background:#f0f0f0;border-color:#d0d0d0;cursor:not-allowed;}/* Label styling */.App-content .AccountSubscriptionChangeDate-radioButtonLabel{font-size:var(--size-small);user-select:none;cursor:pointer;margin:0px !important;}/* Label also disabled when input is disabled */.App-content .AccountSubscriptionChangeDate-radioButtonInput:disabled + .AccountSubscriptionChangeDate-radioButtonLabel{color:#888;cursor:not-allowed;opacity:0.7;}
.Preset-Primary-Font-Family{font-family:Inter}.Preset-Heading-Font-Family{font-family:Inter}.Preset-Primary-Text{font-size:1rem;font-weight:400;letter-spacing:.01em;line-height:1.6}.Preset-Heading1{font-size:2.027rem;font-weight:700;line-height:1.15;margin:0 0 .75rem}.Preset-Heading2{font-size:1.802rem;font-weight:700;line-height:1.15;margin:0 0 .75rem}.Preset-Heading3{font-size:1.602rem;font-weight:700;line-height:1.15;margin:0 0 .75rem}.Preset-Heading4{font-size:1.424rem;font-weight:700;line-height:1.15;margin:0 0 .75rem}.Preset-Heading5{font-size:1.266rem;font-weight:700;line-height:1.15;margin:0 0 .75rem}.Preset-Heading6{font-size:1.125rem;font-weight:700;line-height:1.15;margin:0 0 .75rem}.Preset-Primary-Button{font-family:'Inter','Helvetica Neue',Arial,sans-serif!important;font-size:1rem!important;font-weight:600!important;line-height:1.2!important;color:#000!important;background-color:#ccbc87!important;padding:.75rem 1rem!important;border:0!important;border-radius:5px;cursor:pointer!important;min-height:44px!important;transition:background-color .2s ease,transform .1s ease!important;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}.Preset-Primary-Button:hover{background-color:#333!important}.Preset-Primary-Button:active{background-color:#222!important}.Preset-Primary-Button:focus-visible{border-color:var(--color-accent)!important;outline:0!important;outline-offset:2px!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 30%,transparent)!important}.Preset-Primary-Background-Color{background-color:#fff}.Preset-Secondary-Background-Color{background-color:#f9f9f9}.Preset-Primary-Color{color:#151515}.Preset-Heading-Color{color:#151515}.Preset-Link-Color{color:#151515}.SC-small{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:var(--size-small);font-weight:500;line-height:1.4}.SC-smaller{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:var(--size-smaller);font-weight:400;line-height:1.4}.Preset-Secondary-Button{font-family:'Inter','Helvetica Neue',Arial,sans-serif!important;font-size:1rem!important;font-weight:600!important;line-height:1.2!important;color:#000!important;background-color:#fffefe;padding:.75rem 1rem!important;border:1px solid #000!important;border-radius:4px!important;cursor:pointer!important;min-height:44px!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .1s ease!important}.Preset-Secondary-Button:hover{background-color:#f5f5f5!important;border-color:#000!important;color:#000!important}.Preset-Secondary-Button:active{background-color:#e6e6e6!important;border-color:#000!important;color:#000!important}.Preset-Secondary-Button:focus-visible{border-color:var(--color-accent)!important;outline:0!important;outline-offset:2px!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 30%,transparent)!important}