/* UK P2 readability r1. Loaded after published native styles; public design only.
 * Explicit font sizes override the former 7–12px generated component rules.
 * Layout, photography, colours and the owner's authored text remain native. */
html[data-telauk-ui="r1"] body.tfuk-modern{font-size:16px!important;line-height:1.65}
body.tfuk-modern :is(.lead,.prose,.faq-answer,.card p,.solution-content p,.p-feature-card p,.p-step p,.migration-steps p,.cta-inner p:not(.eyebrow),.premium-hero .lead,.page-hero .lead,.photo-band .lead,.section-intro .lead){font-size:16px!important;line-height:1.7!important}
body.tfuk-modern :is(.eyebrow,.plan-kicker,.solution-number,.p-step>.step-number,.migration-steps li>span,.hero-reassurance,.plan-tags>span,.price-note,.plan-term-note,.hero-price-note,.search-note,.search-note span,.notice,.image-caption,.visual-index,.directory-grid small){font-size:13px!important;line-height:1.6!important}
body.tfuk-modern :is(.button,.link-arrow,.client-link,.plan-card>.button,.plan-features summary,.compare-button,.product-results,.product-results button,.domain-pagination,.domain-pagination span,.domain-pagination button,.page-nav,.dialog-note,.directory-grid a,.compare-tray,.compare-tray button,.compare-tray>span){font-size:14px!important;line-height:1.5!important}
body.tfuk-modern :is(.field label,.form-grid .field label,.product-toolbar label,.billing-field label,.field small,.plan-billing,.plan-price>[data-plan-period],.feature-list li,.plan-card .feature-list li,.offer-price small,.hero-offer small,.platform-strip span,.media-frame figcaption){font-size:14px!important;line-height:1.6!important}
body.tfuk-modern :is(input,select,textarea,.field input,.field select,.field textarea,.product-toolbar select,.product-search input,.domain-search input,.footer-newsletter input,.site-search-input,.directory-search){font-size:16px!important;line-height:1.5!important}
body.tfuk-modern :is(table,.prose table,.table-wrap table,td,th){font-size:14px!important;line-height:1.6!important}
body.tfuk-modern :is(.faq-item>summary,.hero-offer strong,.migration-steps strong){font-size:16px!important;line-height:1.6!important}
body.tfuk-modern :is(.solution-content p,.plan-card h3,.plan-tags,.plan-term-note){min-height:0!important}
body.tfuk-modern :is(.product-toolbar,.product-sort,.billing-field,.plan-card,.solution-content,.p-feature-card,.footer-col,.footer-brand,.hero-offer>div){min-width:0}
body.tfuk-modern :is(.button,.actions,.product-results>div,.plan-tags,.search-note,.hero-reassurance,.footer-account-links){flex-wrap:wrap}
body.tfuk-modern :is(.button,.hero-offer strong,.hero-offer small,.footer-col a,.contact-method small,.contact-method strong){overflow-wrap:anywhere}
body.tfuk-modern .plan-tags{gap:6px}
body.tfuk-modern .product-results{align-items:flex-start;gap:16px}
body.tfuk-modern .product-results>div{gap:12px 20px}

/* The existing three topbar buttons are the public appearance controls. */
body.tfuk-modern .utility-bar>.container{height:auto!important;min-height:44px!important;gap:16px}
body.tfuk-modern :is(.utility-bar,.utility-message,.utility-links>a){font-size:13px!important;line-height:1.4!important}
body.tfuk-modern .utility-bar>.container>div{gap:18px}
body.tfuk-modern .theme-controls{gap:3px!important;flex:none}
body.tfuk-modern .theme-controls button{width:32px!important;height:32px!important;flex:none;border:1px solid transparent}
body.tfuk-modern .theme-controls button[aria-pressed="true"]{background:#ffffff2b;border-color:#ffffff65}
body.tfuk-modern .theme-controls .icon{width:16px!important;height:16px!important}
body.tfuk-modern .theme-controls button:focus-visible{outline:3px solid #f8dda8;outline-offset:2px}
body.tfuk-modern #header{top:-44px!important}
html[data-telauk-ui="r1"] #tpc-site-controls [data-theme-toggle]{display:none!important}

/* Keep the full desktop mega menu at 1366px. Give labels room before collapsing. */
body.tfuk-modern .main-header{gap:20px!important}
body.tfuk-modern #primary-navigation{gap:18px!important}
body.tfuk-modern :is(.mega-group>summary,.nav-direct,.nav-group summary){font-size:15px!important;line-height:1.5!important;letter-spacing:0!important}
body.tfuk-modern :is(.mega-link strong,.guide-link strong,.account-options>a){font-size:15px!important;line-height:1.5!important}
body.tfuk-modern :is(.mega-link small,.guide-link>span,.mega-bottom,.mega-bottom .link-arrow,.mega-column>h2,.account-options>p,.currency-options>p,.currency-options>a,.currency-options>a>strong,.currency-options>small,.currency-switcher>summary strong){font-size:13px!important;line-height:1.5!important}
body.tfuk-modern .mega-link{align-items:flex-start;padding-block:13px!important}
body.tfuk-modern .mega-link>span:not(.mega-icon){min-width:0}
body.tfuk-modern .mega-icon{flex:none}
body.tfuk-modern .mega-panel{max-height:calc(100dvh - 108px);overflow-y:auto}
body.tfuk-modern .mega-bottom{gap:16px;flex-wrap:wrap}
body.tfuk-modern .account-options{min-width:240px}
body.tfuk-modern .currency-switcher>summary{min-height:38px!important}

/* Footer links and contact information use the same readable baseline. */
body.tfuk-modern :is(.premium-footer,.footer-brand p,.footer-brand>p:first-of-type,.footer-purpose,.footer-account-links,.premium-footer .footer-col>h2,.premium-footer .footer-col>a:not(.contact-method),.contact-method strong,.contact-method small,.contact-caption,.footer-social>strong,.footer-brand-promise strong,.footer-brand-promise small,.footer-more,.footer-other-social,.footer-newsletter p,.premium-footer .footer-bottom,.premium-footer .footer-note,.footer-region>summary,.footer-cta p:not(.eyebrow)){font-size:14px!important;line-height:1.65!important}
body.tfuk-modern .premium-footer .footer-col>h2{min-height:0!important;margin-bottom:18px!important}
body.tfuk-modern .premium-footer .footer-col>a:not(.contact-method){margin-bottom:11px!important}
body.tfuk-modern .footer-brand p{max-width:42ch}
body.tfuk-modern .contact-method{align-items:flex-start}
body.tfuk-modern .footer-region>summary{height:auto!important;min-height:36px!important}
body.tfuk-modern .footer-newsletter{align-items:flex-start;flex-wrap:wrap;gap:24px}
body.tfuk-modern .footer-newsletter>div{flex:1 1 300px;min-width:0}
body.tfuk-modern .footer-newsletter form{flex:1 1 340px;min-width:0}
body.tfuk-modern .footer-brand-promise{min-width:0}

@media(min-width:1200px)and(max-width:1439px){
  body.tfuk-modern .main-header{gap:16px!important}
  body.tfuk-modern :is(.brand,.brand img){width:180px!important;flex:none}
  body.tfuk-modern #primary-navigation{gap:16px!important}
  body.tfuk-modern .header-actions{gap:8px!important}
  body.tfuk-modern .premium-footer-columns{grid-template-columns:1.2fr 1fr 1fr 1fr!important;gap:32px!important}
  body.tfuk-modern .footer-contact{grid-column:1/-1;display:flex;gap:24px;flex-wrap:wrap}
  body.tfuk-modern .footer-contact>h2{width:100%;margin:0!important}
  body.tfuk-modern .footer-contact .contact-method{flex:1 1 220px}
  body.tfuk-modern .footer-contact .contact-caption{width:100%}
}
@media(max-width:1199px){
  body.tfuk-modern .main-header{height:82px!important;gap:16px!important}
  body.tfuk-modern .menu-toggle{display:flex!important;margin-left:auto;min-width:38px;min-height:38px}
  body.tfuk-modern #primary-navigation{display:none!important;position:absolute;top:100%;left:0;right:0;background:var(--surface);padding:10px 28px 24px;max-height:calc(100dvh - 126px);overflow:auto;margin:0;border-bottom:2px solid var(--gold);box-shadow:0 20px 40px #14255020}
  body.tfuk-modern.menu-open #primary-navigation{display:block!important}
  body.tfuk-modern :is(.mega-group>summary,.nav-direct){padding:17px 0;justify-content:space-between;border-bottom:1px solid var(--line)}
  body.tfuk-modern .mega-panel{position:static;max-height:none;box-shadow:none;border:0;border-radius:0;background:var(--surface);overflow:visible}
  body.tfuk-modern .mega-body{grid-template-columns:1fr 1fr;gap:15px;padding:0}
  body.tfuk-modern :is(.mega-column,.mega-column+.mega-column){padding:23px 0 10px}
  body.tfuk-modern .mega-guidance{grid-column:1/-1;margin:0 0 15px;padding:22px;border:1px solid var(--line);border-radius:7px}
  body.tfuk-modern .mega-bottom{padding:15px 0;background:transparent}
  body.tfuk-modern .mega-bottom>span{display:none}
  body.tfuk-modern .mobile-nav-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
  body.tfuk-modern .mobile-nav-actions a{padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:5px;text-align:center;font-size:14px!important;color:var(--ink)}
  body.tfuk-modern .premium-footer-columns{grid-template-columns:1.1fr 1fr 1fr!important;gap:32px!important}
  body.tfuk-modern .footer-brand{grid-row:1/3}
  body.tfuk-modern .footer-contact{grid-column:3}
}
@media(max-width:760px){
  body.tfuk-modern .utility-message{font-size:12px!important;min-width:0;gap:7px}
  body.tfuk-modern .utility-bar>.container{gap:8px!important;justify-content:space-between}
  body.tfuk-modern .utility-bar>.container>div{gap:0}
  body.tfuk-modern .utility-links .theme-controls{padding:0!important}
  body.tfuk-modern .main-header{height:75px!important;gap:10px!important}
  body.tfuk-modern :is(.brand,.brand img){width:160px!important}
  body.tfuk-modern .header-actions{gap:6px!important}
  body.tfuk-modern .currency-switcher>summary{padding-inline:7px!important}
  body.tfuk-modern .mega-body{display:block}
  body.tfuk-modern .mega-guidance{display:block}
  body.tfuk-modern .mega-link small{max-width:none}
  body.tfuk-modern .premium-footer-columns{grid-template-columns:1fr 1fr!important;gap:32px 24px!important}
  body.tfuk-modern .footer-brand{grid-column:1/-1;grid-row:auto}
  body.tfuk-modern .footer-contact{grid-column:1/-1;display:block}
  body.tfuk-modern .footer-col:nth-last-child(2){grid-column:auto;grid-row:auto}
  body.tfuk-modern .product-toolbar{grid-template-columns:minmax(0,1fr)!important}
  body.tfuk-modern :is(.product-search,.view-toggle){grid-column:auto!important}
  body.tfuk-modern .product-toolbar .billing-field{width:auto;max-width:none}
  body.tfuk-modern .product-results{flex-direction:column}
  body.tfuk-modern .product-results>div{justify-content:flex-start!important}
  body.tfuk-modern .domain-intro{align-items:flex-start;flex-wrap:wrap}
  body.tfuk-modern .domain-search{flex-wrap:wrap}
  body.tfuk-modern .domain-search .button{width:100%}
  body.tfuk-modern .hero-offer{flex-wrap:wrap}
  body.tfuk-modern .offer-price{margin-left:auto}
  body.tfuk-modern .footer-cta .actions{width:100%}
}
@media(max-width:380px){
  body.tfuk-modern :is(.brand,.brand img){width:140px!important}
  body.tfuk-modern .header-search{display:none}
  body.tfuk-modern .premium-footer-columns{grid-template-columns:minmax(0,1fr)!important}
  body.tfuk-modern .footer-col{grid-column:1!important;grid-row:auto!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.tfuk-modern *{transition:none!important}}

/* Contrast r2: menu text owns its palette even inside the dark branded footer.
 * The page appearance tokens remain the source of light/dark ink and surfaces. */
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options{
  --tuk-menu-ink:var(--ink,#333333);--tuk-menu-muted:var(--muted,#5c6573);
  --tuk-menu-surface:var(--surface,#ffffff);--tuk-menu-hover:var(--soft,#f4f5f3);
  --tuk-menu-selected:#edf5ef;--tuk-menu-active:#006400;--tuk-menu-focus:#1a2b5d;
  background:var(--tuk-menu-surface)!important;color:var(--tuk-menu-ink)!important;border-color:var(--line,#dce0e4)!important;
}
html[data-theme="dark"][data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options{
  --tuk-menu-selected:#193b36;--tuk-menu-active:#9bd39b;--tuk-menu-focus:#dd9933;
}
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>:is(a,.currency-unavailable),
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>:is(a,.currency-unavailable)>:is(strong,span:not(.region-flag)){
  color:var(--tuk-menu-ink)!important;
}
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>:is(p,small){color:var(--tuk-menu-muted)!important}
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>a>b{color:var(--tuk-menu-active)!important}
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>a:is(:hover,:focus-visible){background:var(--tuk-menu-hover)!important;color:var(--tuk-menu-ink)!important}
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>a[aria-current="page"]{background:var(--tuk-menu-selected)!important}
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>a:focus-visible{outline:3px solid var(--tuk-menu-focus)!important;outline-offset:1px}
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>.currency-unavailable{color:var(--tuk-menu-muted)!important;opacity:1!important}
html[data-telauk-ui="r1"] body.tfuk-modern [data-tf-uk-currency]>.currency-options>.currency-unavailable>:is(strong,span:not(.region-flag)){color:var(--tuk-menu-muted)!important}

/* Controls r4: one appearance toggle; mobile search/account in the utility bar. */
html[data-telauk-controls="r4"] body.tfuk-modern .utility-bar>.container{min-height:48px!important}
html[data-telauk-controls="r4"] body.tfuk-modern #header{top:-48px!important}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls{gap:8px!important}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-mobile-utility{display:none}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls button,
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-mobile-account>summary{display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px;background:transparent!important;border:1px solid transparent!important;border-radius:5px;color:#e9efff!important;padding:0;cursor:pointer}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls button:hover,
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-mobile-account>summary:hover{background:#ffffff18!important}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls button>svg,
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-mobile-account>summary>svg{width:19px!important;height:19px!important}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls :is(button,summary):focus-visible{outline:3px solid #f8dda8!important;outline-offset:1px}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls .account-options{background:var(--surface,#fff);color:var(--ink,#333);border-color:var(--line);padding:10px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls .account-options>p{font-size:13px!important;color:var(--muted,#5c6573)!important;line-height:1.5}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls .account-options>a{display:block;color:var(--ink,#333)!important;font-size:15px!important;line-height:1.5;padding:11px 12px}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls .account-options>a:hover{background:var(--soft,#f4f5f3);color:var(--ink,#333)!important}
html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls .account-options>a:focus-visible{outline:2px solid var(--ink,#333)!important;outline-offset:-2px;background:var(--soft,#f4f5f3)}
@media(max-width:1199px){
  html[data-telauk-controls="r4"] body.tfuk-modern .utility-links>a{display:none!important}
  html[data-telauk-controls="r4"] body.tfuk-modern .utility-bar>.container{gap:12px!important;padding-block:4px}
  html[data-telauk-controls="r4"] body.tfuk-modern .utility-message{flex:1;min-width:0;line-height:1.4!important}
  html[data-telauk-controls="r4"] body.tfuk-modern .utility-links{flex:none;gap:0!important}
  html[data-telauk-controls="r4"] body.tfuk-modern .tuk-topbar-controls{padding-left:0!important;border-left:0;gap:8px!important;flex:none}
  html[data-telauk-controls="r4"] body.tfuk-modern .tuk-mobile-utility{display:flex!important;align-items:center;gap:8px}
  html[data-telauk-controls="r4"] body.tfuk-modern .header-actions>:is(.header-search,.account-menu,.cart-link){display:none!important}
  html[data-telauk-controls="r4"] body.tfuk-modern .header-actions{margin-left:0;gap:0!important;flex:none}
  html[data-telauk-controls="r4"] body.tfuk-modern .menu-toggle{margin-left:auto;flex:none}
  html[data-telauk-controls="r4"] body.tfuk-modern .tuk-mobile-account .account-options{right:-44px;top:calc(100% + 8px);width:255px;z-index:120}
}
@media(max-width:760px){
  html[data-telauk-controls="r4"] body.tfuk-modern .main-header{gap:8px!important}
  html[data-telauk-controls="r4"] body.tfuk-modern .utility-message{font-size:12px!important}
}
@media(max-width:380px){
  html[data-telauk-controls="r4"] body.tfuk-modern :is(.brand,.brand img){width:128px!important}
  html[data-telauk-controls="r4"] body.tfuk-modern .main-header{gap:8px!important}
  html[data-telauk-controls="r4"] body.tfuk-modern .menu-toggle{min-width:34px!important;width:34px!important;min-height:38px!important}
  html[data-telauk-controls="r4"] body.tfuk-modern .tuk-mobile-utility>.header-search{display:flex!important}
}
