/* Loaded only by Support Centre pages; do not move these rules into shared site CSS. */
.support-centre .support-hero { padding:56px 0 44px; border-bottom:1px solid var(--line); }
.support-centre .support-hero h1 { max-width:760px; margin-bottom:18px; font-size:clamp(3.3rem,7vw,6rem); }
.support-centre .support-hero > p:last-child { max-width:620px; margin-bottom:0; color:#c5d0d1; font-size:1.08rem; }
.support-centre .support-breadcrumb { margin:0 0 38px; }
.support-centre .support-breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; color:var(--muted); font-size:.77rem; list-style:none; }
.support-centre .support-breadcrumb li + li::before { content:"/"; margin-right:8px; color:#65727e; }
.support-centre .support-breadcrumb a { color:#d5dddd; text-decoration:none; }
.support-centre .support-breadcrumb a:hover { color:var(--teal); }
.support-centre .support-nav { display:flex; gap:8px; overflow-x:auto; padding:19px 0; border-bottom:1px solid var(--line); scrollbar-width:thin; }
.support-centre .support-nav a { display:inline-flex; min-height:44px; align-items:center; flex:0 0 auto; padding:9px 13px; border:1px solid transparent; color:#c5d0d1; font-size:.78rem; font-weight:750; text-decoration:none; }
.support-centre .support-nav a:hover { color:var(--teal); }
.support-centre .support-nav a[aria-current="page"] { border-color:rgba(45,212,191,.42); background:rgba(45,212,191,.08); color:var(--teal); }
.support-centre .support-section-heading { display:flex; align-items:end; justify-content:space-between; gap:34px; margin-bottom:36px; }
.support-centre .support-section-heading h2 { margin-bottom:0; }
.support-centre .support-section-heading > p { max-width:300px; margin:0; color:var(--muted); }
.support-centre .support-guides { padding:82px 0; }
.support-centre .support-guide-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.support-centre .support-guide-card { display:flex; min-height:268px; flex-direction:column; padding:28px; border:1px solid var(--line); background:var(--surface); color:var(--paper); text-decoration:none; transition:border-color .2s,transform .2s; }
.support-centre .support-guide-card:hover { border-color:var(--teal); transform:translateY(-3px); }
.support-centre .support-guide-card > span,.support-centre .support-status { color:var(--teal); font-size:.7rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.support-centre .support-guide-card h3 { margin:28px 0 13px; font-size:2rem; }
.support-centre .support-guide-card p { max-width:410px; margin-bottom:22px; color:var(--muted); }
.support-centre .support-guide-card b { margin-top:auto; color:var(--teal); font-size:.84rem; }
.support-centre .support-pilot-note,.support-centre .still-help { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:56px; background:var(--surface-raised); border:1px solid var(--line); }
.support-centre .support-pilot-note h2,.support-centre .still-help h2 { margin-bottom:0; font-size:clamp(2rem,4vw,3.3rem); }
.support-centre .support-pilot-note > p,.support-centre .still-help > div:last-child > p { max-width:460px; margin:0; color:#c5d0d1; }
.support-centre .support-legal-links { display:flex; flex-wrap:wrap; gap:24px; padding:26px 0 104px; }
.support-centre .support-legal-links a { color:var(--teal); font-size:.86rem; font-weight:800; }
.support-centre .support-article { max-width:850px; padding:58px 0 78px; }
.support-centre .support-article section { padding:34px 0; border-bottom:1px solid var(--line); }
.support-centre .support-article section:first-child { padding-top:0; }
.support-centre .support-article h2 { margin:0 0 14px; font-size:clamp(1.85rem,3.4vw,2.7rem); }
.support-centre .support-article p,.support-centre .support-article li { max-width:700px; color:#c5d0d1; }
.support-centre .support-article a { color:var(--teal); }
.support-centre .support-article ul { margin:0; padding-left:21px; }
.support-centre .support-article li { margin:8px 0; }
.support-centre .support-status { display:block; margin:0 0 13px; }
.support-centre .support-revision-note { border-left:2px solid var(--teal); padding-left:24px !important; }
.support-centre .still-help { margin-bottom:104px; }
.support-centre .still-help .button { margin-top:22px; }
.support-centre .contact-panel { display:flex; align-items:end; justify-content:space-between; gap:42px; padding:55px; background:var(--teal); color:var(--ink); }
.support-centre .contact-panel h2 { max-width:560px; margin-bottom:15px; }
.support-centre .contact-panel p { max-width:520px; margin-bottom:0; }
.support-centre .contact-panel .eyebrow { color:#254340; }
.support-centre .contact-panel .eyebrow::before { background:#254340; }
.support-centre .contact-panel .button { flex:0 0 auto; border-color:var(--ink); background:var(--ink); color:var(--paper) !important; }
.support-centre .contact-panel .button:hover { background:#26333a; }
.support-centre .support-article--contact { padding-bottom:104px; }
@media (max-width:780px) { .support-centre .support-hero { padding:42px 0 34px; }.support-centre .support-breadcrumb { margin-bottom:28px; }.support-centre .support-guides { padding:58px 0; }.support-centre .support-section-heading,.support-centre .support-pilot-note,.support-centre .still-help,.support-centre .contact-panel { display:block; }.support-centre .support-section-heading > p { margin-top:17px; }.support-centre .support-guide-grid { grid-template-columns:1fr; }.support-centre .support-guide-card { min-height:0; }.support-centre .support-pilot-note,.support-centre .still-help,.support-centre .contact-panel { padding:32px 25px; }.support-centre .support-pilot-note > p,.support-centre .still-help > div:last-child > p { margin-top:20px; }.support-centre .still-help { margin-bottom:78px; }.support-centre .contact-panel .button { margin-top:26px; }.support-centre .support-article { padding:44px 0 58px; }.support-centre .support-article section { padding:27px 0; }.support-centre .support-legal-links { padding-bottom:78px; } }
@media (max-width:520px) { .support-centre .support-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; overflow:visible; padding:14px 0; }.support-centre .support-nav a { justify-content:center; min-width:0; padding:9px 8px; font-size:.72rem; line-height:1.2; text-align:center; }.support-centre .support-nav a:last-child { grid-column:1 / -1; } }

/* Phase 2 guide navigation and hub grouping. */
.support-centre .support-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; overflow:visible; padding:22px 0; }
.support-centre .support-nav-group { min-width:0; }
.support-centre .support-nav-group p { margin:0 0 8px; color:#7f9191; font-size:.66rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.support-centre .support-nav-group ul { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.support-centre .support-nav a { display:flex; min-height:44px; align-items:center; padding:8px 10px; font-size:.76rem; line-height:1.25; }
.support-centre .support-nav a:focus-visible { outline:2px solid var(--teal); outline-offset:2px; }
.support-centre .support-guide-category + .support-guide-category { margin-top:52px; }
.support-centre .support-guide-category > h3 { margin:0 0 14px; color:var(--teal); font-size:.78rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.support-centre .support-guide-card h4 { margin:28px 0 13px; font-size:2rem; }
.support-centre .support-related ul { display:flex; flex-wrap:wrap; gap:12px 28px; padding-left:0; list-style:none; }
.support-centre .support-related li { margin:0; }
@media (max-width:1080px) { .support-centre .support-nav { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:780px) { .support-centre .support-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; } }
@media (max-width:520px) { .support-centre .support-nav { grid-template-columns:1fr; gap:16px; padding:18px 0; }.support-centre .support-nav-group ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.support-centre .support-nav a { justify-content:center; min-width:0; padding:9px 8px; font-size:.72rem; text-align:center; }.support-centre .support-guide-category + .support-guide-category { margin-top:38px; } }