/* A quiet introduction beside four overlapping sheets. */
[data-page="support"] #advisory {
  --advisory-paper:#fff;
  --advisory-ink:#0c3046;
  --advisory-muted:#5b7688;
  --advisory-line:#c4d5e0;
  background:var(--advisory-paper)!important;
  padding:clamp(64px,7vw,108px) 0!important;
  scroll-margin-top:105px;
}
#advisory .advisory-wrap {
  width:88%; max-width:1440px; margin:auto;
  display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1fr);
  align-items:start; gap:7%;
}
#advisory .advisory-intro { display:flex; flex-direction:column; justify-content:space-between; min-height:510px; padding:4px 0 8px; }
#advisory .advisory-intro h2 { margin:0; color:var(--advisory-ink); font-size:clamp(34px,3.7vw,58px); font-weight:550; line-height:1.38; letter-spacing:-.045em; }
#advisory .advisory-intro h2>span { display:block; }
#advisory .advisory-title-accent { color:#0758ad; }
#advisory .advisory-intro-bottom { max-width:440px; margin-top:60px; }
#advisory .advisory-intro-bottom p { margin:0; color:var(--advisory-muted); font-size:17px; line-height:1.95; text-wrap:pretty; }
#advisory .advisory-enquiry { display:inline-flex; align-items:center; gap:24px; margin-top:27px; padding:8px 0; color:#0758ad; font-size:15px; font-weight:500; text-decoration:none; }
#advisory .advisory-enquiry svg { width:21px; height:21px; transition:transform .25s; }
#advisory .advisory-enquiry:hover svg { transform:rotate(45deg); }
#advisory .advisory-enquiry:focus-visible { outline:2px solid #0758ad; outline-offset:6px; border-radius:3px; }
#advisory .advisory-stack { isolation:isolate; padding-top:0; overflow-anchor:none; }
#advisory .advisory-card {
  --card-bg:var(--advisory-paper); --card-ink:var(--advisory-ink); --card-muted:var(--advisory-muted);
  --card-line:var(--advisory-line); --card-divider:#dce6ed; --card-icon-bg:#f0f6fa; --card-icon-line:#d3e3ee; --card-icon-ink:#0758ad;
  position:relative; display:block; box-sizing:border-box; min-height:0; padding:0; border:1px solid var(--card-line); border-radius:24px;
  background:var(--card-bg); color:var(--card-ink); transition:background-color .28s,border-color .28s,color .28s;
}
#advisory .advisory-card+.advisory-card { margin-top:-23px; }
#advisory .advisory-card>summary { display:grid; grid-template-columns:50px minmax(0,1fr) 18px; align-items:start; gap:21px; min-height:150px; padding:28px 30px 45px; list-style:none; cursor:pointer; border-radius:23px; }
#advisory .advisory-card>summary::-webkit-details-marker { display:none; }
#advisory .advisory-card>summary:focus-visible { outline:2px solid #1488dd; outline-offset:5px; }
#advisory .advisory-card-icon { display:grid; place-items:center; align-self:start; width:50px; height:50px; border:1px solid var(--card-icon-line); border-radius:50%; background:var(--card-icon-bg); color:var(--card-icon-ink); transition:background-color .28s,border-color .28s,color .28s; }
#advisory .advisory-card-icon svg { display:block; width:25px; height:25px; flex:none; }
#advisory .advisory-card-title { display:block; margin:1px 0 8px; color:inherit; font-size:21px; line-height:1.4; font-weight:600; letter-spacing:-.02em; }
#advisory .advisory-card p,#advisory .advisory-card-description { display:block; margin:0; color:var(--card-muted); font-size:15px; line-height:1.8; text-wrap:pretty; transition:color .28s; }
#advisory .advisory-preparation>summary { min-height:134px; padding-bottom:28px; }
#advisory .advisory-card:is([open]:not([data-advisory-expanded]),[data-advisory-expanded="true"],.advisory-preparation) {
  --card-bg:var(--advisory-ink); --card-ink:#fff; --card-muted:#c4d7e3; --card-line:var(--advisory-ink);
  --card-divider:#ffffff25; --card-icon-bg:#ffffff16; --card-icon-line:#ffffff40; --card-icon-ink:#fff;
}
#advisory .advisory-stack:has(>.advisory-card:not(.advisory-preparation):is([open]:not([data-advisory-expanded]),[data-advisory-expanded="true"])) .advisory-preparation:not([open]:not([data-advisory-expanded]),[data-advisory-expanded="true"]) {
  --card-bg:var(--advisory-paper); --card-ink:var(--advisory-ink); --card-muted:var(--advisory-muted); --card-line:var(--advisory-line);
  --card-icon-bg:#f0f6fa; --card-icon-line:#d3e3ee; --card-icon-ink:#0758ad;
}
#advisory .advisory-expand { display:block; position:relative; width:18px; height:18px; margin-top:14px; }
#advisory .advisory-expand::before,#advisory .advisory-expand::after { content:""; position:absolute; top:8px; left:2px; width:14px; height:1px; background:currentColor; }
#advisory .advisory-expand::after { transform:rotate(90deg); transition:transform .25s; }
#advisory .advisory-card:is([open]:not([data-advisory-expanded]),[data-advisory-expanded="true"]) .advisory-expand::after { transform:rotate(0); }
/* The lower padding reserves the portion covered by the next overlapping card. */
#advisory .advisory-card-body { padding:0 30px 46px 101px; }
#advisory .advisory-preparation-body { padding-bottom:30px; }
#advisory .advisory-card.is-animating { overflow:hidden; }
#advisory .advisory-checklist { margin:0; border-top:1px solid var(--card-divider); }
#advisory .advisory-checklist>div { padding:16px 0; border-bottom:1px solid var(--card-divider); }
#advisory .advisory-checklist dt { margin:0 0 6px; color:var(--card-ink); font-size:14px; font-weight:600; line-height:1.6; }
#advisory .advisory-checklist dd { margin:0; color:var(--card-muted); font-size:14px; line-height:1.85; text-wrap:pretty; }
#advisory .advisory-preparation-body ul { list-style:none; padding:0; margin:0; border-top:1px solid var(--card-divider); }
#advisory .advisory-preparation-body li { display:grid; grid-template-columns:16px minmax(0,1fr); gap:14px; padding:16px 0; border-bottom:1px solid var(--card-divider); }
#advisory .advisory-preparation-body li>span { color:#85b9de; font-size:12px; padding-top:4px; }
#advisory .advisory-preparation-body li p { color:#d5e3ed; font-size:14px; }
#advisory .advisory-preparation-body .advisory-preparation-note { margin-top:20px; color:#a5bfce; font-size:12px; line-height:1.9; }
@media(hover:hover) and (pointer:fine) {
  #advisory .advisory-card:not(.advisory-preparation):hover {
    --card-bg:var(--advisory-ink); --card-ink:#fff; --card-muted:#c4d7e3; --card-line:var(--advisory-ink);
    --card-divider:#ffffff25; --card-icon-bg:#ffffff16; --card-icon-line:#ffffff40; --card-icon-ink:#fff;
  }
  #advisory .advisory-stack:has(.advisory-card:not(.advisory-preparation):hover) .advisory-preparation:not([open]:not([data-advisory-expanded]),[data-advisory-expanded="true"]) {
    --card-bg:var(--advisory-paper); --card-ink:var(--advisory-ink); --card-muted:var(--advisory-muted); --card-line:var(--advisory-line);
    --card-icon-bg:#f0f6fa; --card-icon-line:#d3e3ee; --card-icon-ink:#0758ad;
  }
}
@media(min-width:1700px) { #advisory .advisory-intro { min-height:540px; } #advisory .advisory-card:not(.advisory-preparation)>summary { min-height:160px; } }
@media(max-width:1100px) and (min-width:761px) {
  #advisory .advisory-wrap { width:90%; gap:5%; grid-template-columns:minmax(0,.88fr) minmax(0,1fr); }
  #advisory .advisory-intro { min-height:510px; }
  #advisory .advisory-intro h2 { font-size:35px; }
  #advisory .advisory-card>summary { padding:25px 22px 44px; gap:15px; grid-template-columns:44px minmax(0,1fr) 18px; }
  #advisory .advisory-card-icon { width:44px; height:44px; }
  #advisory .advisory-card-title { font-size:19px; }
  #advisory .advisory-preparation>summary { padding-bottom:25px; }
  #advisory .advisory-card-body { padding:0 22px 45px 81px; }
  #advisory .advisory-preparation-body { padding-bottom:26px; }
}
/* Keep the introduction alongside the reading stack, bounded by this section. */
@media(min-width:901px) {
  #advisory .advisory-intro {
    position:sticky; top:var(--advisory-sticky-top,104px); align-self:start;
    min-height:min(510px,calc(100svh - var(--advisory-sticky-top,104px) - 40px));
  }
  #advisory .advisory-intro[data-scroll-follow="off"] { position:relative; top:0; }
}
@media(min-width:1700px) {
  #advisory .advisory-intro { min-height:min(540px,calc(100svh - var(--advisory-sticky-top,104px) - 40px)); }
}
@media(max-width:760px) {
  [data-page="support"] #advisory { padding:52px 0 62px!important; scroll-margin-top:82px; }
  #advisory .advisory-wrap { width:90%; display:block; }
  #advisory .advisory-intro { min-height:0; padding:0; }
  #advisory .advisory-intro h2 { font-size:clamp(29px,6.5vw,43px); line-height:1.45; }
  #advisory .advisory-intro-bottom { margin-top:25px; max-width:500px; }
  #advisory .advisory-intro-bottom p { font-size:15px; line-height:1.85; }
  #advisory .advisory-enquiry { margin-top:15px; font-size:14px; }
  #advisory .advisory-stack { margin-top:31px; }
  #advisory .advisory-card { border-radius:21px; }
  #advisory .advisory-card>summary { grid-template-columns:42px minmax(0,1fr) 18px; gap:15px; min-height:141px; padding:24px 21px 40px; border-radius:20px; }
  #advisory .advisory-card+.advisory-card { margin-top:-20px; }
  #advisory .advisory-card-icon { width:42px; height:42px; }
  #advisory .advisory-card-icon svg { width:23px; height:23px; }
  #advisory .advisory-card-title { font-size:18px; margin-bottom:7px; }
  #advisory .advisory-card p,#advisory .advisory-card-description { font-size:14px; line-height:1.8; }
  #advisory .advisory-preparation>summary { padding-bottom:24px; min-height:130px; }
  #advisory .advisory-card-body { padding:0 21px 42px; }
  #advisory .advisory-preparation-body { padding-bottom:26px; }
}
@media(prefers-reduced-motion:reduce) { #advisory *,#advisory *::before,#advisory *::after { transition:none!important; animation:none!important; } }
