@font-face {
  font-family: "AZ Service Gothic";
  src: local("BIZ UDPGothic Bold"), local("BIZUDPGothic-Bold"), url("/assets/type/service-biz-ud-bold.woff2?v=bac0a7c7b532") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.desk {
  --display-font: "AZ Service Gothic", "BIZ UDPGothic", "BIZ UDPゴシック", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans CJK JP", sans-serif;
  --ink: #203044;
  --accent: #244f9d;
  --signal: #ffb44a;
  --canvas: #f6f8fb;
  --line: #dbe2e9;
  --muted: #516073;
  --paper: #ffffff;
  --art-paper: #f8fbff;
  --column: 480px;
  --mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  color: var(--ink);
  font-family: "BIZ UDPGothic", "BIZ UDPゴシック", "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans CJK JP", sans-serif;
  background: var(--canvas);
  line-height: 1.75;
}
.desk main :is(h1,h2,h3,p,dl,dd), .desk aside p { margin: 0; }
.desk :is(a,button,summary,[tabindex]):focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.desk a { color: inherit; }
.desk .service-term { white-space: nowrap; }
.desk .title-phrase { display: inline-block; max-width: 100%; overflow-wrap: normal; }
.desk main :is(h2,h3,h4,summary) { line-break: strict; text-wrap: pretty; }
.desk .story-column {
  position: relative;
  width: min(100%, var(--column));
  margin-inline: auto;
  border-inline: 1px solid var(--line);
  background: var(--paper);
}
/* Rails appear only when a full, readable track fits beside the article. */
.desk .side-brand, .desk .side-guide { display: none; }
.side-brand-inner { padding: 5px 0 12px; }
.side-logo { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 15px; }
.side-logo span { font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.side-logo img { display: block; width: 104px; height: auto; }
.desk .side-lockup { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; width: 100%; padding: 12px 0 0; background: transparent; color: var(--ink); }
.side-lockup small { font: 700 13px/1.2 var(--display-font); color: var(--accent); letter-spacing: .12em; }
.side-lockup strong { font: 700 clamp(29px,3.2vw,45px)/1.2 var(--display-font); letter-spacing: -.035em; }
.side-lockup i { font-family: inherit; margin-right: .04em; }
.desk .side-mission { margin: 18px 0 16px; font: 500 clamp(16px,1.65vw,21px)/1.6 var(--display-font); color: var(--muted); }
.side-cards { display: flex; justify-content: flex-end; gap: 8px; padding-block: 2px 22px; }
.side-cards span { display: grid; place-items: center; width: 48px; height: 48px; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; }
.side-cards svg { width: 28px; height: 28px; }
.desk .cta, .desk .side-price { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 49px; padding: 9px 16px; border-radius: 12px; text-align: center; font-weight: 700; line-height: 1.4; }
.desk .cta.large { background: var(--accent); border: 1px solid var(--accent); color: white; min-height: 59px; font-size: 17px; }
.cta small { display: block; font-size: 10px; line-height: 1.55; font-weight: 650; letter-spacing: .04em; }
.desk .cta.secondary, .desk .side-price { background: var(--paper); border: 1px solid #9caab7; color: var(--ink); font-size: 14px; }
.desk .side-price { margin-top: 10px; }
.desk .cta:hover, .desk .side-price:hover { background: var(--ink); color: white; border-color: var(--ink); }
.side-guide-inner { padding: 5px 0; }
.desk .index-label { margin-bottom: 12px; font: 700 13px/1.5 var(--mono); letter-spacing: .10em; color: var(--muted); }
.story-index { display: grid; gap: 2px; }
.story-index a { position: relative; display: flex; align-items: baseline; gap: 12px; border: 1px solid transparent; border-radius: 8px; padding: 10px; font-size: 13px; font-weight: 600; }
.story-index a span { font: bold 11px/1 var(--mono); color: var(--muted); }
.story-index a[aria-current="location"] { background: var(--accent); color: white; border-color: var(--accent); font-weight: 700; }
.story-index a[aria-current="location"] span { color: inherit; }
.story-index a:hover:not([aria-current="location"]) { background: var(--paper); }
.reading-line { margin-top: 17px; height: 3px; background: #182b4524; }
.reading-line::after { content: ""; display: block; height: 100%; transform-origin: left; transform: scaleX(var(--read-progress,0)); background: var(--accent); }
.mast { margin: 0; display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 6px 9px; border-radius: 0; background: var(--paper); color: var(--ink); }
.mast-logo { display: inline-block; padding: 5px 0; border-radius: 2px; background: transparent; }
.desk .site-header { position: sticky; z-index: 40; top: 0; padding: 6px 10px; border: 0; background: var(--paper); backdrop-filter: none; border-bottom: 1px solid var(--line); }
.desk .mast .menu-button { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 8px; color: var(--ink); background: transparent; }
.desk .mast .menu-button :is(.menu-open-icon,.menu-close) { place-items: center; gap: 2px; }
.desk .mast .menu-button .menu-open-icon, .desk .mast .menu-button[aria-expanded="true"] .menu-close { display: grid; }
.desk .mast .menu-button .menu-close, .desk .mast .menu-button[aria-expanded="true"] .menu-open-icon { display: none; }
.mast .menu-button .ui-icon { width: 20px; height: 20px; }
.mast .menu-button small { font-size: 10px; font-weight: 750; line-height: 1.1; }
.desk .mast .menu-button:focus-visible { outline-color: var(--accent); outline-offset: -3px; }
.advisor-site-nav {
  position: absolute;
  top: 100%;
  inset-inline: 10px;
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  max-height: calc(100dvh - 77px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
  box-shadow: 0 8px 28px #2030441c;
}
.advisor-site-nav.is-open { display: grid; }
.desk .advisor-site-nav a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; border-bottom: 1px solid #182b4528; font-size: 14px; font-weight: 700; line-height: 1.5; }
.desk .advisor-site-nav a:nth-child(-n+2) { color: var(--accent); font-weight: 850; }
.desk .advisor-site-nav a:is(:hover,:focus-visible) { color: var(--accent); background: var(--canvas); outline-offset: -3px; }
.no-js .desk .mast .menu-button { display: none; }
.no-js .desk .site-header { position: static; }
.no-js .desk .advisor-site-nav { position: static; display: grid; max-height: none; margin-top: 5px; box-shadow: none; }
@media print { .desk .site-header { position: static; } .desk .mast .menu-button, .desk .advisor-site-nav { display: none; } }
.desk .mast-logo .header-brand-motion { --az-logo-width: 76px; display: grid; height: 26px; margin: 0; }
.short-index { display: none; }
.desk .extra-questions { margin: 15px 20px 0; }
.extra-questions ul { margin: 0; padding-left: 1.3em; }
.mast > span { font-size: 13px; font-weight: 650; white-space: nowrap; }
.desk .mast-contact { margin-left: auto; display: inline-flex; min-height: 36px; align-items: center; padding: 8px 13px; background: var(--accent); color: white; border-radius: 32px; font-size: 11px; font-weight: 800; }
.topic-bar { display: flex; align-items: center; gap: 5px; padding: 4px 10px 0; border-bottom: 0; }
.ticker-window { overflow: hidden; flex: 1; min-width: 0; }
.ticker-track,.ticker-set { display: flex; width: max-content; }
.ticker-set { gap: 7px; padding-right: 7px; min-width: 420px; justify-content: space-around; flex: none; }
.ticker-set svg { width: 20px; height: 20px; flex: none; }
.ticker-set span { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--line); border-radius: 18px; padding: 2px 10px; white-space: nowrap; font-size: 12px; font-weight: 750; background: var(--paper); color: var(--muted); }
.motion-switch { display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 0; border-left: 0; background: var(--paper); color: inherit; cursor: pointer; }
.motion-switch svg { box-sizing: content-box; width: 14px; height: 14px; padding: 5px; border: 1px solid #a2acb9; border-radius: 50%; }
.motion-switch[hidden], .motion-switch .motion-play, .motion-off .motion-switch .motion-pause { display: none; }
.motion-off .motion-switch .motion-play { display: inline; }
.motion-switch:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.cover {
  position: relative;
  isolation: isolate;
  margin: 12px 12px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--paper);
}
.cover-type {
  position: relative;
  padding: 21px clamp(16px, 4.5vw, 23px) 16px;
  background: var(--paper);
}
.audience {
  display: inline-flex;
  max-width: 100%;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  align-items: center;
  gap: 8px;
}
.audience::before { content: ""; flex: 0 0 7px; height: 7px; border-radius: 50%; background: var(--signal); }
.desk .cover h1 {
  margin: 9px 0 0;
  font: 700 clamp(30px, 8.9vw, 45px)/1.19 var(--display-font);
  font-kerning: normal;
  letter-spacing: -.045em;
}
.cover h1 > span, .cover h1 strong { display: block; }
.cover h1 strong { color: var(--accent); font-size: 1.07em; font-weight: 700; }
.cover-art { display: block; width: 100%; height: auto; }
.cover-actions { display: grid; gap: 9px; padding: 15px 12px 22px; }
.desk .service-promise {
  margin: 0 0 3px;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.8;
  text-wrap: pretty;
}
.cases-section { background: var(--paper); padding-bottom: 34px; }
.band { display: flex; justify-content: space-around; align-items: center; gap: 5px; background: var(--accent); color: white; padding: 10px 5px; font: 700 clamp(12px,3vw,14px)/1.4 var(--mono); letter-spacing: .09em; white-space: nowrap; border-block: 1px solid var(--line); }
.band i { width: 6px; height: 6px; flex: none; background: var(--signal); border-radius: 50%; }
.chapter-intro { padding: 42px 15px 25px; text-align: center; }
.desk .kicker { display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--accent); font: 600 12px/1.4 var(--mono); letter-spacing: .09em; }
.desk .chapter-intro h2 { margin: 10px 0 12px; font: 700 clamp(27px,7.4vw,36px)/1.36 var(--display-font); letter-spacing: -.025em; }
.chapter-intro h2 em { font-weight: inherit; font-style: normal; color: var(--accent); }
.chapter-intro > p:last-child:not(.kicker) { font-size: 14px; line-height: 1.8; }
.record-section { border-top: 1px solid var(--line); }
.chapter-intro.reverse { background: var(--canvas); color: var(--ink); padding-block: 35px; }
.reverse h2 em, .desk .reverse .kicker { color: var(--accent); }
.file-section { padding: 24px clamp(12px, 4vw, 22px) 30px; background: var(--canvas); color: var(--ink); }
.record-sheet {
  background: var(--paper);
  color: var(--ink);
  padding: 20px clamp(14px, 4vw, 22px);
  border: 1px solid var(--line);
  border-radius: 12px;
}
.record-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; justify-content: space-between; align-items: baseline; color: #47556a; font-size: 11px; line-height: 1.6; }
.record-meta span { color: #264789; font-weight: 750; }
.record-meta time { font-variant-numeric: tabular-nums; }
.desk .record-head h3 { margin: 8px 0 3px; font: 700 clamp(22px, 5.9vw, 29px)/1.45 var(--display-font); }
.record-head > p { font-weight: 800; font-size: 14px; }
.record-head > p span { border-left: 1px solid #aab5c4; margin-left: 10px; padding-left: 10px; font-size: 12px; font-weight: 550; }
.record-case { margin: 17px 0 2px; background: var(--canvas); padding: 11px 13px 12px; border-radius: 8px; }
.record-case p, .record-next h4 { color: #27466e; font-size: 11px; line-height: 1.55; letter-spacing: .035em; font-weight: 750; }
.desk .record-case h4 { margin: 3px 0 0; font: 700 clamp(17px, 4.6vw, 20px)/1.5 var(--display-font); }
.record-findings > div { display: grid; grid-template-columns: 5.2em minmax(0,1fr); gap: 8px; padding: 11px 0; border-bottom: 1px solid #d1d6dc; }
.record-findings dt { font-size: 12px; font-weight: 700; padding-top: 2px; color: #4a596a; }
.record-findings dd { min-width: 0; }
.record-findings strong { display: block; font-size: 14px; font-weight: 800; line-height: 1.55; }
.desk .record-findings dd p { margin-top: 3px; color: #445366; font-size: 12px; line-height: 1.7; }
.record-next { margin-top: 15px; }
.desk .record-next h4 { margin: 0 0 3px; }
.record-next p { font-size: 13px; line-height: 1.65; }
.desk .record-pdf { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 22px; min-height: 48px; padding: 9px 13px; border: 1px solid #a4b7cd; border-radius: 8px; color: var(--accent); font-size: 14px; font-weight: 800; background: var(--paper); }
.record-pdf small { flex: none; font-size: 11px; font-weight: 650; }
.desk .record-pdf:hover, .desk .record-pdf:focus-visible { background: var(--accent); color: white; outline-color: var(--accent); }
.desk .record-caption { margin: 11px 0 0; font-size: 12px; line-height: 1.8; }
.desk .fee-inner > p { margin: 16px 0 0; font-size: 14px; line-height: 1.86; }
@media (max-width: 380px) {
  .record-findings > div { grid-template-columns: 4.6em minmax(0,1fr); gap: 5px; }
}
.fees { background: var(--paper); }
.fees .chapter-intro { padding-bottom: 12px; }
.fee-inner { padding: 9px clamp(13px, 4vw, 23px) 34px; }
.fee-calculator { margin-bottom: 22px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.fee-calculator[hidden] { display: none; }
.desk .fee-calculator h3 { margin: 0; padding: 10px 15px; border-bottom: 1px solid var(--line); border-radius: 10px 10px 0 0; background: var(--accent); color: white; font: 800 17px/1.5 var(--display-font); }
.fee-inputs { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 15px; align-items: center; margin: 14px 15px 0; }
.fee-inputs > label:first-child { grid-column: 1 / -1; font-weight: 750; font-size: 13px; }
.fee-inputs input[type=range] { display: block; width: 100%; min-width: 0; margin: 0; height: 44px; accent-color: var(--accent); cursor: pointer; }
.fee-count { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.fee-count input { width: 65px; min-height: 44px; padding: 5px; border: 1px solid #73829a; border-radius: 4px; background: white; color: var(--ink); line-height: 1.35; font-family: inherit; font-weight: 700; font-size: 18px; text-align: center; }
.desk #advisor-estimator-note { margin: 4px 15px 13px; font-size: 12px; line-height: 1.65; color: #41526a; }
.fee-result { border-top: 1px solid #bfc8d4; padding: 13px 15px 17px; }
.fee-result p { font-size: 12px; line-height: 1.65; }
.fee-result p:first-child { font-weight: 750; }
.fee-result output { display: block; margin: 1px 0 5px; color: var(--accent); font-size: clamp(26px, 7.3vw, 35px); font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1.35; letter-spacing: -.055em; }
.desk .fee-result a { margin-top: 13px; }
.fees .advisor-price-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.fees .advisor-price-table caption { text-align: left; padding: 0 0 8px; font: 800 17px/1.45 var(--display-font); }
.fees .advisor-price-table :is(th, td) { padding: 8px 6px; border-bottom: 1px solid #b9c2ce; text-align: left; line-height: 1.55; }
.fees .advisor-price-table thead { background: var(--ink); color: white; }
.fees .advisor-price-table :is(th:first-child, td:nth-child(2)) { white-space: nowrap; }
.fees .advisor-price-table td:nth-child(2) { font-weight: 750; font-variant-numeric: tabular-nums; }
.fees .advisor-price-table .ux-price-selected > * { background: var(--accent); color: white; }
.fees .advisor-price-table .ux-price-selected th { font-weight: 800; }
.fee-terms { margin: 15px 0 0; padding-left: 1.3em; font-size: 12px; line-height: 1.75; }
.fee-terms li + li { margin-top: 5px; }

/* Contract scope, onboarding and common questions in the central reading column. */
.desk-support, .desk-flow, .desk-faq { border-top: 1px solid var(--line); background: var(--paper); }
.desk-flow { background: var(--canvas); }
.service-body { padding: 0 clamp(15px, 4vw, 24px) 32px; }
.desk .service-heading { display: flex; align-items: center; gap: 9px; margin: 0 0 10px; }
.desk .service-heading .az-icon { display: grid; place-items: center; flex: none; width: 32px; height: 32px; }
.desk .service-heading h3 { margin: 0; font: 750 clamp(19px, 4.9vw, 23px)/1.45 var(--display-font); }
.desk .service-body.lp-faq { display: block; }
.service-fold { border-top: 1px solid #bac1cb; }
.service-fold:last-of-type { border-bottom: 1px solid #bac1cb; }
.service-fold > summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 11px 2px; font-size: 14px; font-weight: 750; line-height: 1.55; list-style: none; cursor: pointer; }
.service-fold > summary::-webkit-details-marker { display: none; }
.service-fold > summary::after { content: ""; flex: none; width: 14px; height: 14px; background: linear-gradient(var(--accent),var(--accent)) center / 13px 2px no-repeat, linear-gradient(var(--accent),var(--accent)) center / 2px 13px no-repeat; }
.service-fold[open] > summary { color: var(--accent); }
.service-fold[open] > summary::after { background-size: 13px 2px, 0 0; }
.service-fold > summary:hover { color: var(--accent); }
.fold-content { padding: 0 4px 15px; font-size: 14px; line-height: 1.82; }
.fold-content a, .related-support a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.support-areas > div { padding: 9px 0; }
.support-areas > div + div { border-top: 1px dotted #b8bec6; }
.support-areas dt { font-weight: 800; }
.support-areas dd { margin: 3px 0 0; }
.desk .support-areas + p { margin-top: 9px; }
.scope-panel { margin-block: 23px; }
.desk .scope-panel h3 { margin: 0 0 10px; font: 750 clamp(19px, 4.9vw, 23px)/1.45 var(--display-font); }
.scope-ledger { background: var(--paper); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.scope-ledger > div { padding: 11px 14px; }
.scope-ledger > div + div { border-top: 1px solid var(--line); }
.desk .scope-ledger h4 { margin: 0 0 5px; color: #204686; font-size: 14px; font-weight: 800; }
.desk .scope-ledger > div + div h4 { color: #893f1c; }
.scope-ledger ul { margin: 0; padding-left: 1.2em; font-size: 13px; line-height: 1.8; }
.scope-ledger li + li { margin-top: 3px; }
.desk .scope-panel > p { margin-top: 10px; color: #445366; font-size: 13px; line-height: 1.75; }
.start-steps { margin: 0; padding: 0 clamp(19px,5vw,28px) 34px; list-style: none; counter-reset: start-step; }
.start-steps li { position: relative; margin: 0; padding: 12px 0 12px 43px; border-top: 1px solid var(--line); counter-increment: start-step; }
.start-steps li::before { content: counter(start-step, decimal-leading-zero); position: absolute; top: 13px; left: 0; color: var(--accent); font: 800 24px/1.2 system-ui, sans-serif; }
.desk .start-steps h3 { font-size: 16px; line-height: 1.5; font-weight: 800; }
.start-steps p { font-size: 13px; line-height: 1.75; }
.related-support { margin-top: 24px; }
.desk .related-support h3 { margin: 0 0 5px; font: 750 17px/1.5 var(--display-font); }
.related-support a { display: block; width: fit-content; padding-block: 6px; font-size: 13px; }

.contact { padding: 0 16px 30px; background: var(--paper); border-block: 1px solid var(--line); }
.contact .chapter-intro { padding: 30px 0 5px; }
.desk .contact h2 { font-size: clamp(24px,6.5vw,31px); }
.contact .chapter-intro h2 em, .desk .contact .kicker { color: var(--ink); }
.desk .story-column .site-footer { background: var(--paper); padding: 25px 19px 22px; }
.desk .story-column :is(.footer-inner,.footer-bottom) { width: 100%; max-width: 100%; padding: 0; }
.desk .story-column .footer-inner { display: grid; grid-template-columns: 1fr; gap: 18px; }
.desk .story-column .footer-links { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 4px 15px; }
.desk .story-column .footer-links a { font-size: 11px; }
.desk .story-column .footer-bottom { margin-top: 18px; padding-top: 12px; }
.desk .site-footer .footer-certification { margin-top: 14px; padding-top: 12px; }
.desk .site-footer .footer-certification-logo img { width: 115px; }
.mobile-action { display: none; }
html:has(.desk) { scroll-padding-top: 76px; }
@keyframes tape-flow { to { transform: translateX(-50%); } }
@keyframes settle { from { opacity: .35; transform: translateY(15px); } }
@media (prefers-reduced-motion: no-preference) {
  .desk:has(.motion-switch:not([hidden])) .ticker-track { animation: tape-flow 18s linear infinite; animation-play-state: var(--tape-state, running); }
  .desk.motion-off { --tape-state: paused; }
  .desk:not(.motion-off) .cover h1 > * { animation: settle .5s both; }
  .desk:not(.motion-off) .cover h1 strong { animation-delay: .1s; }
  .desk:not(.motion-off) .cover-art { animation: settle .55s .12s both; }
  .desk:not(.motion-off) [data-arrive].entered { animation: settle .5s both; }
}
html:has(.motion-off) { scroll-behavior: auto; }
@media (prefers-reduced-motion: reduce) { html:has(.desk) { scroll-behavior: auto; } }
@media (max-width: 959px) {
  .short-index { display: flex; justify-content: center; flex-wrap: wrap; gap: 2px 16px; }
  .short-index a { display: inline-flex; min-height: 36px; align-items: center; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
  .mobile-action:not([hidden]) { position: fixed; z-index: 15; bottom: max(9px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: min(calc(100% - 22px), 442px); display: flex; align-items: stretch; gap: 6px; }
  .desk .mobile-action a { display: grid; place-items: center; min-height: 45px; padding: 7px 12px; border: 1px solid var(--accent); border-radius: 12px; background: var(--accent); color: white; font-size: 14px; font-weight: 800; box-shadow: 0 3px 16px #20304424; }
  .mobile-action a:first-child { flex: 1; }
  .desk .mobile-action a:last-child { color: var(--ink); background: var(--paper); border-color: #9caab7; font-size: 12px; }
  .desk:has(.mobile-action:not([hidden])) .back-to-top { bottom: 72px; }
}
@media (max-width: 480px) {
  .desk .story-column { border-inline: 0; }
}
@media (max-width: 350px) {
  .cover-type { padding-inline: 12px; }
  .mast { gap: 5px; padding-inline: 7px; }
  .desk .mast-logo .header-brand-motion { --az-logo-width: 64px; }
  .mast > span { font-size: 11px; }
}

/* The links work as a table of contents until the tab controls are ready. */
.work-deck { --edge: clamp(18px, 6%, 34px); min-width: 0; padding-inline: var(--edge); color: var(--ink); }
.work-deck__choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-bottom: 12px; }
.work-deck__choices a { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2px 5px; min-height: 44px; padding: 6px 3px; border: 1px solid var(--line); border-radius: 8px; color: inherit; font-size: 12px; font-weight: 700; line-height: 1.45; text-align: center; text-decoration: none; }
.work-deck__choices span { font: 700 10px/1.4 var(--mono); }
.work-deck__choices a:hover { border-color: var(--accent); }
.work-deck__choices a[aria-selected="true"] { border-color: var(--accent); color: white; background: var(--accent); }
.work-deck__pages { display: grid; gap: 12px; }
.work-card { --rule: var(--accent); min-width: 0; padding: clamp(15px, 4%, 23px); border: 1px solid var(--line); background: var(--paper); border-radius: 14px; }
.work-deck__pager:not([hidden]) { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 10px; }
.work-deck__pager button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--accent); font: 700 13px/1.4 var(--display-font); cursor: pointer; }
.work-deck__pager button:hover:not(:disabled) { border-color: var(--accent); }
.work-deck__pager button:disabled { color: var(--muted); background: var(--canvas); opacity: .58; cursor: default; }
.work-deck__status { color: var(--muted); font: 600 13px/1.4 var(--mono); }
/* Let the customer's words, not a large serial number, lead each case. */
.work-card__top { display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding-bottom: 0; border: 0; }
.work-card__number { flex: none; color: var(--accent); font: 800 12px/1.4 var(--mono); letter-spacing: .07em; }
.work-card__top p { margin: 0; text-align: left; color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.5; }
.work-deck .work-card h3 { margin: 12px 0 14px; font: 800 clamp(23px, 4.2vw, 30px)/1.48 var(--display-font); letter-spacing: -.04em; text-wrap: pretty; overflow-wrap: normal; }
.work-card__answer { margin: 0; font-size: 14px; line-height: 1.85; }
.work-card table { width: 100%; border-collapse: collapse; margin: 18px 0 0; font-size: 13px; line-height: 1.5; }
.work-card caption { color: #23324a; padding-bottom: 6px; text-align: left; font-family: var(--display-font); font-weight: 750; font-size: 17px; }
.work-card caption small { margin-inline-start: 8px; font: 600 10px/1.5 sans-serif; color: #5b5145; }
.work-card :is(th, td) { padding: 6px 0; border-bottom: 1px solid #ced0c9; }
.work-card tr:first-child > * { border-top: 1px solid #6b7280; }
.work-card th { text-align: left; font-weight: 600; }
.work-card td { text-align: right; padding-inline-start: 6px; }
@media (max-width: 359px) {
  .work-deck__choices a { font-size: 11px; }
  .work-deck__choices span { display: none; }
}

/* A single reading column, then a chapter rail, then the full editorial spread. */
@media screen and (min-width: 540px) and (max-width: 959px) {
  .desk { --column: min(744px, calc(100vw - 32px)); }
}
@media screen and (min-width: 960px) {
  body.desk {
    --column: min(744px, calc(100vw - 284px));
    --rail-gap: clamp(24px, 2vw, 32px);
    --rail-top: clamp(24px, 8vh, 82px);
    display: grid;
    grid-template-columns: var(--column) 208px;
    grid-template-areas: "article chapters";
    column-gap: var(--rail-gap);
    align-items: start;
    justify-content: center;
  }
  .desk .story-column { grid-area: article; width: 100%; min-width: 0; margin-inline: 0; }
  .desk .side-guide, .desk .side-brand {
    position: sticky;
    top: var(--rail-top);
    max-height: calc(100vh - var(--rail-top) - 20px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
  .desk .side-guide { display: block; grid-area: chapters; }
  .desk .story-index a { gap: 9px; padding-inline: 8px; }
  .desk .story-index a span { flex: none; }
}
@media screen and (min-width: 1240px) {
  body.desk {
    --column: min(744px, calc(100vw - 578px));
    grid-template-columns: 252px var(--column) 216px;
    grid-template-areas: "brand article chapters";
  }
  .desk .side-brand {
    display: flex;
    flex-direction: column;
    grid-area: brand;
    height: calc(100vh - var(--rail-top) - 20px);
  }
  .side-brand-inner, .side-services { flex: none; }
  .side-services {
    margin-top: auto;
    padding: 16px 0 4px;
  }
  .desk .side-services p {
    margin-bottom: 6px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
  }
  .side-services a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 32px;
    padding-inline: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
  }
  .side-services a span { color: var(--muted); }
  .side-services a:is(:hover,:focus-visible) {
    color: var(--accent);
    background: var(--paper);
    text-decoration: underline;
    text-underline-offset: 3px;
    outline-offset: -3px;
  }
  .desk .side-brand .side-lockup {
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
  }
  .desk .side-brand .side-lockup small {
    writing-mode: horizontal-tb;
    font-size: 15px;
    letter-spacing: .02em;
  }
  .desk.service-story .side-brand .side-lockup { flex-direction: column; align-items: flex-start; }
  .desk.service-story .side-brand .side-lockup small { font-size: 11px; letter-spacing: .12em; }
  .desk .side-brand .side-lockup strong { font-size: 29px; letter-spacing: -.025em; }
  .desk .side-brand .side-mission { font-size: 16px; line-height: 1.65; }
  .desk .side-cards { justify-content: flex-start; }
  .desk .side-brand .cta.large {
    min-height: 48px;
    border-color: var(--line);
    color: var(--accent);
    background: var(--paper);
    font-size: 15px;
  }
  .desk .side-brand .cta.large:hover { color: white; background: var(--accent); }
  .desk .side-price { min-height: 44px; padding-inline: 6px; border-color: transparent; text-decoration: underline; text-underline-offset: 3px; }
}
@media screen and (min-width: 1240px) and (max-height: 700px) {
  .desk .side-brand .side-cards { display: none; }
  .desk .side-brand .side-mission { margin-block: 12px; }
}
@media screen and (min-width: 700px) {
  .desk main h2 br { display: none; }
  .desk { --story-inset: clamp(24px, calc(var(--column) * .052), 46px); }
  .desk .site-header { padding-inline: var(--story-inset); }
  .mast { padding-inline: 0; }
  .advisor-site-nav { right: var(--story-inset); left: auto; width: min(370px, 90%); }
  .topic-bar { padding: 9px var(--story-inset) 0; }
  .ticker-window { container-type: inline-size; }
  .ticker-set { min-width: max(420px, 100cqi); }
  .cover {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: clamp(25px, 3vw, 48px) var(--story-inset) 20px;
    border: 0;
    border-radius: 0;
  }
  .cover-type { padding: 0; }
  .desk .cover h1 { margin-top: 14px; font-size: clamp(29px, calc(var(--column) * .05), 44px); line-height: 1.23; }
  .cover-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 0 var(--story-inset) 34px;
  }
  .desk .cover-actions > p, .cover-actions > nav { grid-column: 1 / -1; }
  .desk .service-promise { max-width: 42em; margin-bottom: 7px; font-size: 16px; }
  .desk .cover-actions .cta { min-height: 52px; }
  .desk .cover-actions .short-index { justify-content: flex-start; }
  .service-body, .file-section, .fee-inner, .start-steps { padding-inline: var(--story-inset); }
  .desk .work-deck { --edge: var(--story-inset); }
  .desk .extra-questions { margin-inline: var(--story-inset); }
  .scope-ledger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scope-ledger > div + div { border-top: 0; border-left: 1px solid var(--line); }
  .fees .advisor-price-table { font-size: 14px; }
  .fees .advisor-price-table :is(th, td) { padding: 9px 12px; }
  .contact > .cta { max-width: 440px; margin-inline: auto; }
}