/* WordPress integration and additional page types, using the supplied v3 tokens. */
.gg-redesign{--muted:var(--ink-muted);--paper:var(--surface);--white:var(--surface);--gold:var(--sky)}
.gg-redesign .page-content{margin:0;padding:0}
.gg-redesign .gg-extension-hero{padding-block:clamp(64px,8vw,120px);margin:0}
.gg-extension-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.gg-extension-copy h1{max-width:19ch;color:var(--band-ink);font-size:clamp(2.5rem,4.6vw,4.75rem);line-height:1.08}
.gg-extension-copy p{max-width:58ch;color:var(--band-body);font-size:1.0625rem;line-height:1.7}
.gg-extension-art{border-top:2px solid var(--sky);padding-top:28px;display:grid;gap:24px;align-content:center}
.gg-extension-art>img{width:min(100%,340px);height:auto}
.gg-extension-art p{color:var(--band-body);max-width:40ch;font-size:.9375rem;margin:0}
.gg-extension-art.v3-browser{padding:0;border:1px solid var(--band-line);overflow:hidden}
.gg-extension-art.v3-browser>img{width:100%;max-width:none}
.gg-v3-adapted{padding-block:clamp(48px,7vw,88px)}
.gg-v3-adapted>.wp-block-group{margin:0 0 64px;padding:0;background:transparent;border:0;border-radius:0}
.gg-v3-adapted>.wp-block-group:last-child{margin-bottom:0}
.gg-v3-adapted h2{font-size:clamp(1.875rem,3vw,2.625rem);max-width:28ch;margin-bottom:24px}
.gg-v3-adapted h3{font-size:1.375rem;line-height:1.3}
.gg-v3-adapted p{max-width:75ch;color:var(--ink-body)}
.gg-v3-adapted .wp-block-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-block:28px}
.gg-v3-adapted .wp-block-columns:has(>.wp-block-column:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.gg-v3-adapted .wp-block-column{min-width:0}
.gg-v3-adapted .card{height:100%;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt)}
.gg-v3-adapted .card a{font-weight:500;text-underline-offset:5px}
.gg-v3-adapted .card p:last-child{margin-bottom:0}
.gg-redesign .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.gg-redesign .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;background:var(--btn);color:var(--btn-ink);font:500 1rem/1.3 var(--font-head);border:1px solid var(--btn);border-radius:var(--radius);text-decoration:none}
.gg-redesign .v2-band .wp-block-button__link{background:var(--sky);color:var(--on-sky);border-color:var(--sky)}
.gg-redesign .is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--line)}
.gg-redesign .v2-band .is-style-outline .wp-block-button__link{color:var(--band-ink);border-color:var(--band-line)}
.gg-redesign .gg-legal-hero .gg-extension-copy h1{max-width:25ch}
.gg-v3-legal{max-width:860px}
.gg-v3-legal h2{font-size:1.5rem;margin-top:40px;max-width:none}
.gg-v3-legal p,.gg-v3-legal li{font-size:1rem;line-height:1.8;max-width:none}
.gg-v3-legal h2:first-child{margin-top:0}
.gg-v3-adapted .gg-form{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card)}
.v3 .gg-form{color:var(--ink);font-family:var(--font-body)}
.v3 .gg-form input,.v3 .gg-form select,.v3 .gg-form textarea{border-radius:var(--radius-inset);border:1px solid var(--field-line);background:var(--surface);color:var(--ink);font:inherit}
.v3 .gg-form input[type=checkbox]{accent-color:var(--navy)}
.v3 .gg-form label,.v3 .gg-form legend{color:var(--ink)}
.v3 .gg-form button{font-family:var(--font-head);border-radius:var(--radius);background:var(--btn);color:var(--btn-ink);border:1px solid var(--btn)}
.v3 .gg-form button:disabled{background:var(--btn-disabled);color:var(--btn-disabled-ink);border-color:var(--line)}
.v3 .gg-form .gg-vat-help button{background:var(--surface);color:var(--ink);border-color:var(--field-line)}
.v3 .gg-form .gg-brand-choices{border-color:var(--line);border-radius:var(--radius)}
.v3 .gg-form .fine,.v3 .gg-form .gg-optional{color:var(--ink-muted)}
.v3 .gg-form [hidden]{display:none!important}
.v3 .gg-form .gg-brand-choices input{min-height:20px;width:20px}
.gg-redesign .status,.gg-redesign .notice{background:var(--notice);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:16px;font-size:.9375rem}
.gg-redesign .gg-v3-adapted .steps{counter-reset:step}
.gg-redesign .gg-v3-adapted .steps .card:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;color:var(--ink-muted);font:500 1rem var(--font-head);margin-bottom:20px}
@media(max-width:899px){.gg-extension-grid{grid-template-columns:1fr}.gg-extension-art{max-width:520px}.gg-v3-adapted .wp-block-columns:has(>.wp-block-column:nth-child(3)){grid-template-columns:1fr}.gg-v3-adapted>.wp-block-group{margin-bottom:44px}}
@media(max-width:599px){.gg-v3-adapted .wp-block-columns{grid-template-columns:1fr}.gg-v3-adapted .card,.gg-v3-adapted .gg-form{padding:20px}.gg-extension-copy h1{font-size:2.25rem}}
/* QA refinements: readable hero back links and space for the notice icon. */
.gg-extension-copy a:not(.wp-block-button__link){color:var(--band-body);text-underline-offset:5px}
.gg-extension-copy a:not(.wp-block-button__link):hover{color:var(--band-ink)}
.gg-redesign .notice{padding:14px 16px 14px 46px}

/* Persistent light/dark switch in the header, including small screens. */
.gg-redesign .theme-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--chrome-ink);background:transparent;border:1px solid rgb(242 244 248 / 0.18);border-radius:var(--radius);cursor:pointer}
.gg-redesign .theme-toggle:hover{background:rgb(242 244 248 / 0.08);border-color:rgb(242 244 248 / 0.3)}
.gg-redesign .theme-toggle .icon{width:22px;height:22px}
.gg-redesign .theme-toggle[hidden],.gg-redesign .theme-toggle .theme-sun{display:none}
.gg-redesign .theme-toggle[aria-checked=true] .theme-sun{display:block}
.gg-redesign .theme-toggle[aria-checked=true] .theme-moon{display:none}
@media(min-width:1100px){.gg-redesign .header-inner{gap:20px}.gg-redesign .primary-nav{gap:24px}}
@media(min-width:600px) and (max-width:749px){.gg-redesign .primary-nav{display:none}.gg-redesign .lang-nav{margin-left:auto}.gg-redesign .mobile-menu nav .btn{display:flex}}
@media(max-width:599px){.gg-redesign .header-inner{gap:8px}.gg-redesign .wordmark img{width:clamp(80px,25vw,112px)}.gg-redesign .lang-nav a{min-width:26px}}

/* B2B feature headings sit directly below the page heading. */
.gg-v3-adapted .card>h2{font-size:1.375rem;line-height:1.3;font-weight:500;margin-bottom:16px}