html body { background: #FFFFFF; }
        :root { --home-heading-size: clamp(24px, 3.2vw, 40px); }
        :root {
          --unc-ink: #121212;
          --unc-ink-soft: #57575F;
          --unc-ink-faint: #98989F;
          --unc-paper: #FFFFFF;
          --unc-paper-2: #F1EFEA;
          --unc-red: #E3120B;
          --unc-red-dark: #A2121F;
          --unc-red-soft: #FCE0E1;
          --unc-accent: #F7BF1C;
          --unc-amber: #F2A900;
          --unc-amber-soft: #FFF1D0;
          --unc-deep-blue: #0B2E6B;
          --unc-deep-blue-dark: #071D45;
          --unc-font-h: 'Archivo Black', 'Arial Narrow', sans-serif;
          --unc-font-h2: 'Archivo Black', 'Arial Narrow', sans-serif;
          --unc-font-article-heading: 'Oranienbaum', serif;
          --unc-font-logo: 'Marcellus', serif;
          --unc-font-b: 'Inter', sans-serif;
          --unc-font-m: 'IBM Plex Mono', monospace;
          --unc-logo-size: 29px;
        }

        /* Members-only badge — shown before the title of any premium-tagged
           article, on every listing (homepage, category pages, Read More)
           and on the article page itself. Shared here so each page doesn't
           have to redefine it. */
        .unc-premium-badge { display: inline-block; background: var(--unc-red); color: #fff; font-family: var(--unc-font-m); font-weight: 700; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; padding: 3px 8px; border-radius: 3px; margin-right: 8px; vertical-align: middle; white-space: nowrap; }

        /* Logo uses its own font (Marcellus) — kept separate from
           --unc-font-article-heading (Oranienbaum, used for article/section
           headings) and --unc-font-h/h2 (Archivo Black, used for nav and
           other UI chrome) so a change to any one of them doesn't affect
           the others. Sized off --unc-logo-size; the scroll-shrink rule
           below just changes .ed-logo's font-size. */
        .ed-logo { font-family: var(--unc-font-logo); font-weight: 400; color: #000; letter-spacing: .06em; font-size: var(--unc-logo-size); line-height: 1; text-decoration: none; display: inline-block; white-space: nowrap; text-align: center; transition: font-size .3s ease; }
        .ed-logo--dark { color: #fff; }
        .ed-logo-main { display: block; font-size: 1em; line-height: 1; }
        /* YORKSHIRE under the name: Montserrat 500, widely spaced so it spans roughly the width of CROWNLEIGH */
        .ed-logo-sub { display: block; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: max(.36em, 7px); line-height: 1; letter-spacing: .62em; padding-left: .62em; margin-top: .5em; }
        /* A longer line under the name (YORKSHIRE TOURIST GUIDE) is set smaller and tighter, centred and about 86% of the width of CROWNLEIGH */
        .ed-logo-sub--long { font-size: max(.293em, 6px); letter-spacing: .2869em; padding-left: .2869em; margin-top: .614em; }
        /* eatingeverywhere.com: "eating everywhere" in Oranienbaum, lower case, centred, about 86% of the width of CROWNLEIGH */
        .ed-logo-sub--ee { font-family: 'Oranienbaum', serif; font-weight: 400; font-size: .78em; letter-spacing: 0; padding-left: 0; margin-top: .18em; text-transform: none; }
        /* designsandinteriors.com: DESIGNS & INTERIORS, Montserrat 500, centred, about 86% of the width of CROWNLEIGH */
        .ed-logo-sub--di { font-size: .362em; letter-spacing: .2938em; padding-left: .2938em; margin-top: .497em; }
        /* themotoringworld.com: MOTORING WORLD centred at about 86% of the width of CROWNLEIGH, and a tiny THE above it that is out of the flow (adds no height) */
        .ed-logo-sub--mw { font-size: .362em; letter-spacing: .5051em; padding-left: .5051em; margin-top: -.095em; }
        .ed-logo-pre { position: absolute; left: 0; right: 0; top: -.2em; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: .17em; line-height: 1; letter-spacing: .35em; padding-left: .35em; }
        .ed-logo { position: relative; }

        .uncomp-footer { background: var(--unc-paper); }
        .uncomp-footer-inner { padding: 36px 32px; display: flex; flex-direction: column; align-items: center; gap: 20px; }
        .uncomp-footer-links { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; }
        .uncomp-footer-links a { font-size: 13px; color: var(--unc-ink-soft); text-decoration: none; }
        .uncomp-footer-links a:hover { color: var(--unc-ink); }
        .uncomp-footer-crest { display: block; width: 42px; height: auto; }
        .uncomp-footer-bottom { padding: 0 32px 28px; }
        .uncomp-footer-bottom-inner { max-width: 1180px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
        .uncomp-footer-contact { font-family: var(--unc-font-b); font-size: clamp(10.5px, 3.1vw, 13px); color: var(--unc-ink); line-height: 1.4; margin: 0; display: flex; flex-direction: column; align-items: center; gap: 16px; }
        .uncomp-footer-contact-row { display: flex; justify-content: center; gap: clamp(16px, 5vw, 44px); white-space: nowrap; }
        .uncomp-footer-office { font-weight: 700; }
        .uncomp-footer-contact a { color: inherit; text-decoration: none; }
        .uncomp-footer-contact a:hover { text-decoration: underline; }
        .uncomp-footer-rule { width: 100%; border: 0; border-top: 1px solid rgba(0,0,0,.14); margin: 22px 0 6px; }
        .uncomp-footer-legal { font-family: var(--unc-font-b); font-size: 12.5px; color: var(--unc-ink-soft); line-height: 1.6; }

        @media (max-width: 640px) {
          .uncomp-footer-bottom-inner { grid-template-columns: 1fr; text-align: center; gap: 10px; }
        }

        @media (max-width: 768px) {
          :root { --unc-logo-size: clamp(11px, 3.9vw, 15px); }
          .uncomp-footer-inner { padding: 28px 20px; }
          .uncomp-footer-bottom { padding: 16px 20px; }
        }