/* Source: assets/css/simplified-navigation.css */
/* Six primary choices; the existing disclosure and keyboard controls remain. */
html:root body .header [data-simplified-mortgages] .nav-menu-inner {
  width: 100%; max-width: none; padding: 24px;
}
html:root body .header [data-simplified-mortgages] .nav-menu-head {
  gap: 18px; min-height: 36px; margin: 0 0 18px; padding: 0 0 18px;
  border-bottom: 1px solid rgba(var(--neon-rgb), .2);
}
html:root body .header [data-simplified-mortgages] .nav-menu-head h2 {
  flex: 1; margin: 0; font-size: 1.45rem; line-height: 1.3;
}
html:root body .header .mortgage-nav-overview {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
  margin: 0 0 22px;
}
html:root body .header .mortgage-nav-hub {
  display: grid; gap: 5px; min-width: 0; padding: 17px 18px;
  border: 1px solid rgba(var(--neon-rgb), .3); border-radius: 12px;
  background: var(--site-tile-paper); color: var(--site-tile-ink);
  text-decoration: none; white-space: normal; line-height: 1.45;
}
html:root body .header .mortgage-nav-hub strong { font-size: 1rem; }
html:root body .header .mortgage-nav-hub > span { font-size: .875rem; color: var(--site-tile-muted); }
html:root body .header .mortgage-nav-hub b { font-size: .85rem; color: var(--site-tile-accent); padding-top: 3px; }
html:root body .header .mortgage-nav-hub:is(:hover, :focus-visible, [aria-current="page"]) {
  background: rgba(var(--neon-rgb), .075); border-color: var(--site-tile-accent);
}
html:root body .header .mortgage-nav-hub[aria-current="page"] { box-shadow: inset 4px 0 var(--neon-accent); }
html:root body .header [data-simplified-mortgages] .mortgage-nav-groups {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px; align-items: start;
}
html:root body .header [data-simplified-mortgages] .mortgage-nav-group {
  min-width: 0; margin: 0; padding: 0; overflow: hidden;
  border: 1px solid rgba(var(--neon-rgb), .2); border-radius: 12px;
  background: var(--site-tile-paper);
}
html:root body .header [data-simplified-mortgages] .mortgage-nav-group > summary {
  display: grid; grid-template-columns: minmax(0, 1fr) 9px; gap: 3px 12px;
  align-items: center; min-height: 76px; padding: 13px 15px;
  list-style: none; cursor: pointer; background: rgba(var(--neon-rgb), .045);
}
html:root body .header [data-simplified-mortgages] summary::-webkit-details-marker { display: none; }
html:root body .header [data-simplified-mortgages] summary::marker { content: ""; }
html:root body .header [data-simplified-mortgages] .mortgage-nav-family-label {
  grid-column: 1; font-size: .72rem; line-height: 1.4; font-weight: 650;
  letter-spacing: .055em; color: var(--site-tile-muted);
}
html:root body .header [data-simplified-mortgages] summary h3 {
  grid-column: 1; margin: 0; padding: 0; border: 0;
  color: var(--site-tile-ink); font-size: .94rem; line-height: 1.4;
  letter-spacing: 0; font-weight: 750;
}
html:root body .header [data-simplified-mortgages] summary::after {
  content: ""; grid-column: 2; grid-row: 1 / 3; width: 7px; height: 7px;
  border-right: 2px solid var(--site-tile-accent);
  border-bottom: 2px solid var(--site-tile-accent); transform: rotate(45deg);
}
html:root body .header [data-simplified-mortgages] details[open] > summary { border-bottom: 1px solid rgba(var(--neon-rgb), .18); }
html:root body .header [data-simplified-mortgages] details[open] > summary::after { transform: rotate(225deg); }
html:root body .header [data-simplified-mortgages] .mortgage-nav-group > ul { display: block; list-style: none; padding: 8px 9px; margin: 0; }
html:root body .header [data-simplified-mortgages] .mortgage-nav-group:not([open]) > ul { display: none; }
html:root body .header [data-simplified-mortgages] .mortgage-nav-group li { margin: 0; padding: 0; }
html:root body .header [data-simplified-mortgages] .mortgage-nav-group li a {
  display: flex; align-items: center; min-height: 44px; min-width: 0;
  margin: 0; padding: 9px 8px; border: 0; border-radius: 7px;
  color: var(--site-tile-muted); background: transparent; font-size: .88rem;
  line-height: 1.5; font-weight: 500; text-decoration: none; white-space: normal;
  overflow-wrap: break-word;
}
html:root body .header [data-simplified-mortgages] .mortgage-nav-group a:is(:hover, :focus-visible, [aria-current="page"]) {
  background: rgba(var(--neon-rgb), .08); color: var(--site-tile-accent);
}
html:root body .header [data-simplified-mortgages] .mortgage-nav-group a[aria-current="page"] {
  box-shadow: inset 3px 0 var(--neon-accent); font-weight: 700;
}
html:root body .header [data-simplified-mortgages] :is(summary, a):focus-visible {
  outline: 3px solid var(--site-tile-accent); outline-offset: -3px;
}
@media (max-width: 1320px) {
  html:root body .header [data-simplified-mortgages] .nav-menu-head { display: none; }
}
@media (max-width: 1100px) {
  html:root body .header [data-simplified-mortgages] .mortgage-nav-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  html:root body .header [data-simplified-mortgages] .nav-menu-inner { padding: 12px 4px 20px; }
  html:root body .header [data-simplified-mortgages] .nav-menu-head { margin: 0; min-height: 0; padding: 0; border: 0; }
  html:root body .header .mortgage-nav-overview { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 14px; }
  html:root body .header .mortgage-nav-hub { padding: 15px; }
  html:root body .header [data-simplified-mortgages] .mortgage-nav-groups { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html:root body .header [data-simplified-mortgages] .mortgage-nav-group > summary { min-height: 70px; padding: 12px 15px; }
  html:root body .header [data-simplified-mortgages] .mortgage-nav-group li a { min-height: 46px; font-size: .94rem; }
}

/* Source: assets/css/page-clarity.css */
/* Page clarity: calm reading surfaces, direct routes and optional depth. */
html:root body.page-clarity {
  --clarity-accent:#7c3aed; --clarity-link:#6d28d9; --clarity-rgb:124,58,237;
  --clarity-ink:#182b43; --clarity-muted:#45566e; --clarity-paper:#fff;
  --clarity-wash:#f7f5fc; --clarity-line:#ded9e9; --clarity-shadow:rgba(36,24,64,.07);
}
html:root[data-theme="dark"] body.page-clarity {
  --clarity-accent:#ff2daa; --clarity-link:#ff8acc; --clarity-rgb:255,45,170;
  --clarity-ink:#edf3fc; --clarity-muted:#bbcadf; --clarity-paper:#112238;
  --clarity-wash:#0d1b2e; --clarity-line:#34465d; --clarity-shadow:rgba(0,0,0,.2);
}

/* Reading rules apply to article content, not game canvases or tool controls. */
html:root body.page-clarity main :is(.article,.learning-prose,.gcc-prose) {min-width:0;}
html:root body.page-clarity main .content-layout {gap:clamp(28px,4.5vw,60px);align-items:start;}
html:root body.page-clarity main .article {max-width:76ch;}
html:root body.page-clarity main :is(.article,.learning-prose,.gcc-prose) > p,
html:root body.page-clarity main .clarity-reading-block > p {
  max-width:68ch;margin-block:0 1.2em;line-height:1.8;overflow-wrap:break-word;
}
html:root body.page-clarity main .article > :is(h2,h3),
html:root body.page-clarity main .clarity-reading-block > :is(h2,h3) {
  max-width:36ch;line-height:1.3;text-wrap:balance;
}
html:root body.page-clarity main .article > h2:not(:first-child) {
  margin-block:38px 18px;padding-top:30px;border-top:1px solid var(--clarity-line);
}
html:root body.page-clarity .clarity-reading-block {padding-block:28px;border-top:1px solid var(--clarity-line);}
html:root body.page-clarity .clarity-reading-block > :first-child {margin-top:0;}
html:root body.page-clarity .clarity-reading-block > :last-child {margin-bottom:0;}
html:root body.page-clarity main .article > :is(ul,ol),
html:root body.page-clarity main .clarity-reading-block > :is(ul,ol) {max-width:68ch;line-height:1.75;padding-left:1.35em;margin-block:16px 24px;}
html:root body.page-clarity main .article > :is(ul,ol) > li + li,
html:root body.page-clarity main .clarity-reading-block > :is(ul,ol) > li + li {margin-top:10px;}
html:root body.page-clarity main .lede {max-width:62ch;line-height:1.7;}
html:root body.page-clarity main :is(a,button,summary,input,select,textarea):focus-visible {outline:3px solid var(--clarity-link);outline-offset:4px;}
html:root body.page-clarity main :is(h2,h3,section,details,article,.service-directory,.site-fragment-anchor,.clarity-index-target)[id]:not(.scene-chapter) {scroll-margin-top:calc(var(--header-height,90px) + var(--clarity-index-height,0px) + 24px);}
html:root body.page-clarity.clarity-hub .clarity-index-target:not(.scene-chapter) {scroll-margin-top:calc(var(--header-height,90px) + var(--clarity-index-height,0px) + 24px)!important;}
html:root body.page-clarity .breadcrumbs {flex-wrap:wrap;gap:6px 10px;line-height:1.6;}
html:root body.page-clarity .breadcrumbs a {min-height:36px;display:inline-flex;align-items:center;text-underline-offset:4px;}
html:root body.page-clarity .promotion-notice {max-width:68ch;line-height:1.65;}
html:root body.page-clarity .promotion-notice p {max-width:65ch;line-height:1.65;}
html:root body.page-clarity .article-contents {
  padding:22px 24px;border:1px solid var(--clarity-line);border-radius:16px;
  background:var(--clarity-paper);box-shadow:0 4px 18px var(--clarity-shadow);
}
html:root body.page-clarity .article-contents ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:0;margin:14px 0 0;list-style:none;}
html:root body.page-clarity .article-contents li {margin:0;min-width:0;}
html:root body.page-clarity .article-contents a {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding-block:8px;line-height:1.5;text-underline-offset:4px;color:var(--clarity-link);}
html:root body.page-clarity .clarity-reading-nav {display:flex;flex-wrap:wrap;gap:10px;padding:20px;border:1px solid var(--clarity-line);border-radius:14px;background:var(--clarity-paper);margin-bottom:8px;}
html:root body.page-clarity .clarity-reading-nav a {display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--clarity-line);border-radius:8px;color:var(--clarity-link);font-size:.875rem;line-height:1.5;text-decoration:none;}
html:root body.page-clarity .clarity-reading-nav a:hover {background:var(--clarity-wash);text-decoration:underline;text-underline-offset:4px;}
html:root body.page-clarity .sidebar {min-width:0;}
html:root body.page-clarity .sidebar > div {
  padding:24px;border:1px solid var(--clarity-line);border-radius:16px;
  background:var(--clarity-paper);box-shadow:0 6px 20px var(--clarity-shadow);
}
html:root body.page-clarity .sidebar > div + div {margin-top:20px;}
html:root body.page-clarity .sidebar .links {display:grid;gap:4px;}
html:root body.page-clarity .sidebar .links a {display:flex;align-items:center;min-height:44px;padding-block:8px;line-height:1.55;text-underline-offset:4px;}
html:root body.page-clarity main .article > details,
html:root body.page-clarity .clarity-reading-block > details {margin-block:12px;}
html:root body.page-clarity main .article > details > summary,
html:root body.page-clarity .clarity-reading-block > details > summary {min-height:48px;line-height:1.6;padding-block:14px;cursor:pointer;}

/* The main service pages share a sequence and visual rhythm. */
html:root body.page-clarity.clarity-hub main > .section {padding-block:clamp(42px,5.7vw,76px);}
html:root body.page-clarity.clarity-hub main > :is(.page-hero,.international-hero) {padding-block:clamp(30px,4.2vw,58px);}
html:root body.page-clarity.clarity-hub :is(.page-hero,.international-hero) h1 {font-size:clamp(2.05rem,4vw,3.7rem);line-height:1.12;max-width:21ch;text-wrap:balance;}
html:root body.page-clarity.clarity-hub :is(.page-hero,.international-hero) .lede {font-size:clamp(1rem,1.2vw,1.1rem);max-width:58ch;}
html:root body.page-clarity.clarity-hub .service-hero-copy-body .actions {gap:12px;margin-block:20px 12px;}
html:root body.page-clarity.clarity-hub .service-hero-copy-body .actions a {min-height:48px;line-height:1.5;white-space:normal;}
html:root body.page-clarity.clarity-hub .hub-contact-note {font-size:.875rem;line-height:1.65;}
html:root body.page-clarity.clarity-hub main > .site-depth-layer {opacity:.5;}
html:root body.page-clarity.clarity-hub main > .section > .site-depth-layer {opacity:.32;}
html:root body.page-clarity.clarity-hub main > .section:nth-of-type(even) {background-color:var(--clarity-wash);}
html:root body.page-clarity.clarity-hub :is(.section-heading,.px-section-heading,.clarity-section-head) {margin-bottom:28px;gap:18px 40px;align-items:end;}
html:root body.page-clarity.clarity-hub :is(.section-heading,.px-section-heading,.clarity-section-head) h2 {max-width:26ch;line-height:1.2;text-wrap:balance;}
html:root body.page-clarity.clarity-hub :is(.section-heading,.px-section-heading,.clarity-section-head) p {max-width:58ch;line-height:1.75;}

/* Direct links are deliberately usable without JavaScript. */
html:root body.page-clarity .clarity-start {position:relative;isolation:isolate;overflow:hidden;background:var(--clarity-wash);}
html:root body.page-clarity .clarity-start::before {
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 95% 0,rgba(var(--clarity-rgb),.09),transparent 55%),linear-gradient(165deg,transparent 65%,rgba(var(--clarity-rgb),.035));
}
html:root body.page-clarity .clarity-section-head {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8px 40px;align-items:end;}
html:root body.page-clarity .clarity-section-head > div {min-width:0;grid-column:1;grid-row:1/span 2;}
html:root body.page-clarity .clarity-section-head > :is(.kicker,.eyebrow,h2) {grid-column:1;}
html:root body.page-clarity .clarity-section-head > p {grid-column:2;grid-row:1/span 2;margin:0;}
html:root body.page-clarity .clarity-section-head h2 {margin:8px 0 10px;}
html:root body.page-clarity .clarity-route-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
html:root body.page-clarity .clarity-route-grid--six {grid-template-columns:repeat(3,minmax(0,1fr));}
html:root body.page-clarity #international-starting-points .depth-route-grid.clarity-route-grid--five {grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;}
html:root body.page-clarity #international-starting-points .depth-route.clarity-route-card {grid-column:span 2;grid-row:auto;min-height:230px;padding:26px;}
html:root body.page-clarity #international-starting-points .depth-route.clarity-route-card:nth-child(n+4) {grid-column:span 3;}
html:root body.page-clarity #international-starting-points .depth-route.clarity-route-card h3 {font-size:clamp(1.16rem,1.8vw,1.45rem);line-height:1.35;max-width:28ch;}
html:root body.page-clarity #international-starting-points .depth-route.clarity-route-card .site-tile-drawing {width:100px;height:100px;max-width:35%;top:12px;right:12px;bottom:auto;opacity:.11;}
html:root body.page-clarity a.clarity-route-card {
  position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:220px;
  padding:clamp(22px,2.6vw,32px);border:1px solid var(--clarity-line);border-top:3px solid var(--clarity-accent);
  border-radius:16px;background:var(--clarity-paper);color:var(--clarity-ink);text-decoration:none;
  overflow:hidden;box-shadow:0 8px 24px var(--clarity-shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
html:root body.page-clarity a.clarity-route-card::before {
  content:"";position:absolute;right:-44px;top:-52px;width:142px;height:142px;border:1px solid rgba(var(--clarity-rgb),.13);
  border-radius:50%;box-shadow:0 0 0 20px rgba(var(--clarity-rgb),.025),0 0 0 40px rgba(var(--clarity-rgb),.018);pointer-events:none;
}
html:root body.page-clarity a.clarity-route-card > * {position:relative;}
html:root body.page-clarity .clarity-route-kicker {display:block;color:var(--clarity-link);font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
html:root body.page-clarity a.clarity-route-card h3 {font-size:clamp(1.16rem,1.8vw,1.45rem);line-height:1.3;max-width:28ch;margin:0;color:var(--clarity-ink);}
html:root body.page-clarity a.clarity-route-card p {font-size:.95rem;line-height:1.7;max-width:47ch;margin:0;color:var(--clarity-muted);}
html:root body.page-clarity .clarity-route-action {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;color:var(--clarity-link);font-size:.875rem;line-height:1.5;font-weight:650;}
html:root body.page-clarity a.clarity-route-card:hover {border-color:var(--clarity-accent);box-shadow:0 14px 30px var(--clarity-shadow);transform:translateY(-3px);}
html:root body.page-clarity a.clarity-route-card:is(:hover,:focus-visible) .clarity-route-action {text-decoration:underline;text-underline-offset:5px;}
html:root body.page-clarity .clarity-route-footnote {display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;margin-top:24px;font-size:.9rem;line-height:1.7;color:var(--clarity-muted);}
html:root body.page-clarity .clarity-route-footnote a {display:inline-flex;align-items:center;min-height:44px;color:var(--clarity-link);font-weight:650;text-underline-offset:4px;}
html:root body.page-clarity .clarity-route-footer {display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px;}
html:root body.page-clarity .clarity-route-footer a {display:inline-flex;align-items:center;min-height:44px;color:var(--clarity-link);font-size:.9rem;line-height:1.6;text-underline-offset:4px;}

/* A compact, visible page index. Existing hash handling opens nested tools. */
html:root body.page-clarity.clarity-hub main > :is(.service-jump-nav,.hub-page-nav) {
  position:sticky;top:var(--header-height,90px);z-index:25;padding:0;
  margin:0;border-block:1px solid var(--clarity-line);background:var(--clarity-paper);
  box-shadow:0 5px 16px var(--clarity-shadow);
}
html:root body.page-clarity.clarity-hub main > :is(.service-jump-nav,.hub-page-nav) > .container {
  display:flex;gap:4px 10px;align-items:center;flex-wrap:wrap;padding-block:7px;
}
html:root body.page-clarity.clarity-hub main > :is(.service-jump-nav,.hub-page-nav) a {
  display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 13px;
  border:1px solid transparent;border-radius:9px;color:var(--clarity-muted);
  font-size:.83rem;line-height:1.5;font-weight:600;text-decoration:none;white-space:normal;
}
html:root body.page-clarity.clarity-hub main > :is(.service-jump-nav,.hub-page-nav) a:is(:hover,[aria-current="location"]) {
  border-color:rgba(var(--clarity-rgb),.25);background:var(--clarity-wash);color:var(--clarity-link);
}

/* Keep the six-option property finder as a clear choice and a focused answer. */
html:root body.page-clarity.clarity-hub .px-finder-layout {grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start;}
html:root body.page-clarity.clarity-hub .px-choices {gap:10px;}
html:root body.page-clarity.clarity-hub .px-choice {min-height:82px;padding:18px 20px;border-radius:12px;line-height:1.5;background:var(--clarity-paper);}
html:root body.page-clarity.clarity-hub .px-choice small {line-height:1.6;margin-top:5px;}
html:root body.page-clarity.clarity-hub .px-choice:is(.px-selected,[aria-expanded="true"]) {border-color:var(--clarity-accent);box-shadow:inset 3px 0 var(--clarity-accent);background:linear-gradient(110deg,rgba(var(--clarity-rgb),.07),transparent 90%),var(--clarity-paper);color:var(--clarity-ink);}
html:root body.page-clarity.clarity-hub .px-panel {padding:clamp(24px,3vw,36px);border-radius:16px;background:var(--clarity-paper);box-shadow:0 8px 24px var(--clarity-shadow);}
html:root body.page-clarity.clarity-hub .px-panel > p {max-width:56ch;line-height:1.75;}
html:root body.page-clarity.clarity-hub .px-panel .btn {white-space:normal;line-height:1.5;min-height:48px;}
html:root body.page-clarity.clarity-hub .px-tool-link {display:inline-flex;align-items:center;min-height:44px;line-height:1.55;margin-top:12px;}

/* Service lists stay grouped; the whole row is a link to a real destination. */
html:root body.page-clarity details.clarity-directory-group {margin-block:16px;border:1px solid var(--clarity-line);border-radius:16px;background:var(--clarity-paper);box-shadow:0 5px 18px var(--clarity-shadow);}
html:root body.page-clarity details.clarity-directory-group > summary {padding:24px;gap:20px;line-height:1.5;min-height:92px;}
html:root body.page-clarity .clarity-directory-group :is(.disclosure-heading,h3) {font-size:1.12rem;line-height:1.4;}
html:root body.page-clarity .clarity-directory-group :is(.category-caption,.clarity-directory-caption) {display:block;margin-top:7px;max-width:65ch;font-size:.875rem;line-height:1.65;color:var(--clarity-muted);}
html:root body.page-clarity .clarity-directory-group .service-link-list {padding:6px 24px 24px;gap:0 30px;}
html:root body.page-clarity .clarity-directory-group .service-link-list a {padding-block:20px;min-height:86px;line-height:1.6;}
html:root body.page-clarity .clarity-directory-group .service-link-list a small {max-width:48ch;line-height:1.65;}

/* Secondary planners are optional. Native details work before scripts load. */
html:root body.page-clarity .clarity-deep-dive {margin-block:20px;border:1px solid var(--clarity-line);border-radius:18px;background:var(--clarity-paper);box-shadow:0 8px 24px var(--clarity-shadow);overflow:clip;}
html:root body.page-clarity .clarity-deep-dive > summary {position:relative;display:block;list-style:none;padding:26px 72px 26px 28px;min-height:88px;cursor:pointer;color:var(--clarity-ink);line-height:1.5;}
html:root body.page-clarity .clarity-deep-dive > summary::-webkit-details-marker {display:none;}
html:root body.page-clarity .clarity-deep-dive > summary::after {content:"+";position:absolute;right:25px;top:50%;display:grid;place-items:center;width:32px;height:32px;margin-top:-16px;border:1px solid var(--clarity-line);border-radius:50%;font-size:1.4rem;color:var(--clarity-link);}
html:root body.page-clarity .clarity-deep-dive[open] > summary {border-bottom:1px solid var(--clarity-line);background:var(--clarity-wash);}
html:root body.page-clarity .clarity-deep-dive[open] > summary::after {content:"−";}
html:root body.page-clarity .clarity-deep-dive > summary :is(h2,h3,strong) {display:block;margin:4px 0 8px;font-size:1.18rem;line-height:1.4;}
html:root body.page-clarity .clarity-deep-dive > summary :is(p,small) {display:block;max-width:70ch;margin:0;font-size:.9rem;line-height:1.7;color:var(--clarity-muted);}
html:root body.page-clarity .clarity-deep-dive > summary :is(.clarity-detail-title,.clarity-deep-dive-title,.clarity-directory-label) {display:block;margin:4px 0 8px;font-size:1.18rem;line-height:1.4;font-weight:650;}
html:root body.page-clarity .clarity-deep-dive > summary :is(.clarity-directory-caption,.clarity-deep-dive-caption) {display:block;max-width:70ch;font-size:.9rem;line-height:1.7;color:var(--clarity-muted);}
html:root body.page-clarity details:is(.clarity-directory-group,.clarity-deep-dive) > summary:focus-visible {outline-offset:-5px;}
html:root body.page-clarity .clarity-tool-boundary {max-width:74ch;line-height:1.7;font-size:.9rem;padding:16px 20px;border-left:3px solid var(--clarity-accent);background:var(--clarity-paper);color:var(--clarity-muted);}
html:root body.page-clarity .clarity-deep-dive-content {padding:clamp(18px,3vw,32px);}
html:root body.page-clarity .clarity-deep-dive-content > .section {padding:0;margin:0;background:transparent;}
html:root body.page-clarity .clarity-deep-dive-content > .section > .container {width:100%;max-width:none;padding-inline:0;}
html:root body.page-clarity .clarity-deep-dive-content > .section > .site-depth-layer {display:none;}
html:root body.page-clarity .clarity-deep-dive-content .section-heading {margin-top:0;}
html:root body.page-clarity .clarity-tools-section .clarity-deep-dive + .clarity-deep-dive {margin-top:22px;}

@media(max-width:980px) {
  html:root body.page-clarity main .content-layout {grid-template-columns:minmax(0,1fr);gap:30px;}
  html:root body.page-clarity main .article {max-width:none;}
  html:root body.page-clarity .sidebar {position:static;}
  html:root body.page-clarity .clarity-route-grid--six {grid-template-columns:repeat(2,minmax(0,1fr));}
  html:root body.page-clarity #international-starting-points .depth-route-grid.clarity-route-grid--five {grid-template-columns:repeat(2,minmax(0,1fr));}
  html:root body.page-clarity #international-starting-points .depth-route.clarity-route-card,
  html:root body.page-clarity #international-starting-points .depth-route.clarity-route-card:nth-child(n+4) {grid-column:auto;grid-row:auto;}
  html:root body.page-clarity #international-starting-points .depth-route.clarity-route-card:first-child {grid-column:1/-1;min-height:0;}
  html:root body.page-clarity.clarity-hub .px-finder-layout {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:760px) {
  html:root body.page-clarity.clarity-hub main > .section {padding-block:38px;}
  html:root body.page-clarity.clarity-hub main > :is(.service-jump-nav,.hub-page-nav) {position:static;box-shadow:none;}
  html:root body.page-clarity.clarity-hub main > :is(.service-jump-nav,.hub-page-nav) > .container {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-block:12px;}
  html:root body.page-clarity.clarity-hub main > :is(.service-jump-nav,.hub-page-nav) a {padding:10px;min-width:0;font-size:.8rem;background:var(--clarity-wash);border-color:var(--clarity-line);}
  html:root body.page-clarity .clarity-section-head {display:block;}
  html:root body.page-clarity .clarity-section-head > p {margin-top:14px;}
  html:root body.page-clarity .article-contents ul {grid-template-columns:minmax(0,1fr);gap:4px;}
  html:root body.page-clarity main :is(h2,h3,section,details,article,.service-directory,.site-fragment-anchor,.clarity-index-target)[id]:not(.scene-chapter) {scroll-margin-top:calc(var(--header-height,76px) + 22px);}
  html:root body.page-clarity.clarity-hub .clarity-index-target:not(.scene-chapter) {scroll-margin-top:calc(var(--header-height,76px) + 22px)!important;}
  html:root body.page-clarity.clarity-hub .service-video-only {max-width:560px;}
  html:root body.page-clarity .clarity-directory-group .service-link-list {grid-template-columns:minmax(0,1fr);}
  html:root body.page-clarity details.clarity-directory-group > summary {padding:20px;gap:14px;}
  html:root body.page-clarity .clarity-directory-group .service-link-list {padding:0 20px 18px;}
}
@media(max-width:560px) {
  html:root body.page-clarity .clarity-route-grid,
  html:root body.page-clarity .clarity-route-grid--six {grid-template-columns:minmax(0,1fr);gap:14px;}
  html:root body.page-clarity #international-starting-points .depth-route-grid.clarity-route-grid--five {grid-template-columns:minmax(0,1fr);}
  html:root body.page-clarity #international-starting-points .depth-route.clarity-route-card {grid-column:1/-1;min-height:0;padding:22px;}
  html:root body.page-clarity a.clarity-route-card {min-height:0;padding:22px;gap:10px;}
  html:root body.page-clarity .clarity-route-action {padding-top:10px;}
  html:root body.page-clarity .clarity-deep-dive > summary {padding:22px 62px 22px 20px;}
  html:root body.page-clarity .clarity-deep-dive > summary::after {right:18px;}
  html:root body.page-clarity .clarity-deep-dive-content {padding:18px 14px;}
  html:root body.page-clarity .sidebar > div,
  html:root body.page-clarity .article-contents {padding:20px;}
  html:root body.page-clarity.clarity-hub .px-choice {padding:16px;}
  html:root body.page-clarity.clarity-hub .px-panel {padding:22px 18px;}
  html:root body.page-clarity.clarity-hub .px-panel .btn {display:flex;width:100%;justify-content:space-between;}
  html:root body.page-clarity .clarity-reading-block {padding-block:24px;}
}
@media(prefers-reduced-motion:reduce) {
  html:root body.page-clarity a.clarity-route-card {transition:none;}
  html:root body.page-clarity a.clarity-route-card:hover {transform:none;}
}
@media(forced-colors:active) {
  html:root body.page-clarity :is(.clarity-route-card,.clarity-directory-group,.clarity-deep-dive,.article-contents) {border:1px solid CanvasText;box-shadow:none;}
  html:root body.page-clarity .clarity-route-card::before,.clarity-start::before {display:none;}
}
@media print {
  html:root body.page-clarity,
  html:root[data-theme="dark"] body.page-clarity {--clarity-ink:#182b43;--clarity-muted:#45566e;--clarity-paper:#fff;--clarity-wash:#fff;--clarity-line:#999;--clarity-link:#54209d;--clarity-accent:#54209d;}
  html:root body.page-clarity.clarity-hub main > :is(.service-jump-nav,.hub-page-nav) {position:static;box-shadow:none;}
  html:root body.page-clarity :is(.clarity-route-card,.clarity-directory-group,.clarity-deep-dive,.article-contents,.sidebar > div) {box-shadow:none;background:#fff;color:#000;break-inside:avoid;}
  html:root body.page-clarity .clarity-deep-dive[open] {break-inside:auto;}
  html:root body.page-clarity .clarity-start::before,.clarity-route-card::before {display:none;}
  html:root body.page-clarity .clarity-route-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  html:root body.page-clarity .clarity-deep-dive-content {padding:12px 0;}
  /* Preserve the original consultancy pack-only print action after nesting. */
  html:root body.page-clarity[data-consult-printing] main > #consultancy-tools {display:block!important;margin:0!important;padding:0!important;background:#fff!important;}
  html:root body.page-clarity[data-consult-printing] #consultancy-tools > .container > :not([data-clarity-consult-print]) {display:none!important;}
  html:root body.page-clarity[data-consult-printing] #consultancy-tools [data-clarity-consult-print] {display:block!important;border:0!important;box-shadow:none!important;overflow:visible;}
  html:root body.page-clarity[data-consult-printing] [data-clarity-consult-print] > summary {display:none!important;}
  html:root body.page-clarity[data-consult-printing] [data-clarity-consult-print] > .clarity-deep-dive-content {display:block!important;padding:0!important;}
}

