/* Homepage shell: task-first Swiss grid, native disclosure, shared Radix tokens.
   Calculator inputs, fee ledger and financial state are deliberately out of scope. */
.feescope-workspace {
  --primary-action-width:min(312px, calc(100vw - 80px));
  --chapter-gap:48px;
  --reading-ink:var(--slate-11);
  --reading-line:var(--slate-6);
  --reading-surface:var(--slate-2);
}
.feescope-workspace .header-inner,
.feescope-workspace .footer-inner { max-width:1280px; padding-inline:26px; }
.feescope-workspace .site-header { height:72px; }
.feescope-workspace .header-inner { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:32px; }
.feescope-workspace .main-nav { justify-content:flex-start; gap:8px; margin:0; }
.feescope-workspace .main-nav a { height:44px; padding:0 12px; border-radius:8px; color:var(--reading-ink); }
.feescope-workspace .main-nav a.active { color:var(--ink); background:var(--slate-3); }
.feescope-workspace .main-nav a.active::after { content:none; }
.feescope-workspace .main-nav a:hover { color:var(--ink); background:var(--slate-3); }
.feescope-workspace .registration-jump { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0; margin:0; color:var(--reading-ink); }
.feescope-workspace .registration-jump:hover { color:var(--ink); }
.feescope-workspace .language-switch { border-radius:8px; box-shadow:none; }
.feescope-workspace .page-heading { gap:24px; padding:24px 0; }
.feescope-workspace .page-heading h1 { font-size:var(--type-heading); line-height:32px; }
.feescope-workspace .page-heading .heading-copy > p { margin-top:4px; line-height:20px; }
.feescope-workspace .workbench-utilities { display:flex; align-items:center; gap:8px 24px; }
.feescope-workspace .workbench-help,
.feescope-workspace .official-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--reading-ink); font-size:var(--type-label); font-weight:500; text-decoration:none; }
.feescope-workspace .workbench-help:hover,
.feescope-workspace .official-link:hover { color:var(--ink); }
.feescope-workspace .workbench-utilities .icon { width:16px; height:16px; }

/* Shared chapter rail: a single calm reading grid rather than a grid of cards. */
.feescope-workspace .reference-section,
.feescope-workspace .explanation-section,
.feescope-workspace .faq-section { margin:0; padding:40px 0; border-top:0.5px solid var(--reading-line); }
.feescope-workspace .reference-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; margin-top:var(--chapter-gap); align-items:start; }
.feescope-workspace .reference-copy,
.feescope-workspace .explanation-heading,
.feescope-workspace .fee-reference-table,
.feescope-workspace .faq-items { min-width:0; }
.feescope-workspace .reference-copy h2,
.feescope-workspace .explanation-heading h2,
.feescope-workspace .referral-heading h2,
.feescope-workspace .hero-registration h2,
.feescope-workspace .faq-section > h2 { font-size:var(--type-heading); line-height:32px; font-weight:600; letter-spacing:-.02em; color:var(--ink); }
.feescope-workspace .reference-tag { display:block; margin-top:12px; padding:0; border-radius:0; background:transparent; color:var(--reading-ink); font-size:var(--type-label); line-height:20px; }
.feescope-workspace .reading-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:12px 0; color:var(--reading-ink); font-size:var(--type-label); line-height:24px; list-style:none; cursor:pointer; }
.feescope-workspace .reading-disclosure > summary::-webkit-details-marker { display:none; }
.feescope-workspace .reading-disclosure > summary::marker { content:''; }
.feescope-workspace .reading-disclosure > summary .icon { width:16px; height:16px; }
.feescope-workspace .reading-disclosure[open] > summary > .icon { transform:rotate(180deg); }
.feescope-workspace .reading-disclosure > summary:hover { color:var(--ink); }
.feescope-workspace .disclosure-content { padding:8px 0 20px; }
.feescope-workspace .disclosure-content p { color:var(--reading-ink); font-size:var(--type-body); line-height:26px; }
.feescope-workspace .disclosure-content p + p { margin-top:12px; }
.feescope-workspace .disclosure-content a { text-decoration:underline; text-underline-offset:4px; }
.feescope-workspace .reference-sources { margin-top:12px; max-width:60ch; }
.feescope-workspace .reference-sources > summary { justify-content:flex-start; gap:12px; width:fit-content; }
.feescope-workspace .reference-copy .source-note { font-size:var(--type-label); line-height:22px; }
.feescope-workspace .fee-reference-table { margin:0; padding:0; overflow:hidden; border:0.5px solid var(--reading-line); border-radius:8px; background:var(--slate-1); }
.feescope-workspace .fee-reference-table table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:var(--type-body); line-height:24px; font-variant-numeric:tabular-nums; }
.feescope-workspace .fee-reference-table th,
.feescope-workspace .fee-reference-table td { padding:16px; overflow-wrap:anywhere; }
.feescope-workspace .fee-reference-table th:first-child { text-align:left; }
.feescope-workspace .fee-reference-table th:not(:first-child),
.feescope-workspace .fee-reference-table td { text-align:right; }
.feescope-workspace .fee-reference-table thead th { background:var(--reading-surface); color:var(--reading-ink); font-size:var(--type-label); font-weight:500; }
.feescope-workspace .fee-reference-table tbody th { color:var(--ink); font-weight:500; }
.feescope-workspace .fee-reference-table tbody td { color:var(--ink); }
.feescope-workspace .fee-reference-table > a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px 16px; border-top:0.5px solid var(--reading-line); color:var(--reading-ink); font-size:var(--type-label); line-height:24px; }
.feescope-workspace .fee-reference-table > a:hover { color:var(--ink); background:var(--reading-surface); }

/* Executable examples stay visible; the lesson is optional. */
.feescope-workspace .example-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:48px; }
.feescope-workspace .explanation-heading { display:block; }
.feescope-workspace .subtle-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--reading-ink); font-size:var(--type-label); line-height:20px; }
.feescope-workspace .explanation-heading .subtle-link { margin-top:8px; }
.feescope-workspace .example-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; }
.feescope-workspace .example-actions button { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; min-height:104px; padding:16px; text-align:left; border:0.5px solid var(--reading-line); border-radius:8px; background:var(--slate-1); color:var(--ink); font-size:var(--type-label); line-height:20px; }
.feescope-workspace .example-actions button > span { grid-column:1/-1; color:var(--reading-ink); }
.feescope-workspace .example-actions button strong { font-size:var(--type-heading); line-height:32px; font-weight:600; font-variant-numeric:tabular-nums; }
.feescope-workspace .example-actions button small { font-size:var(--type-label); font-weight:400; color:var(--reading-ink); }
.feescope-workspace .example-actions button > .icon { width:16px; height:16px; color:var(--reading-ink); }
.feescope-workspace .example-actions button:hover { background:var(--reading-surface); border-color:var(--slate-8); }
.feescope-workspace .calculation-reading { margin-top:24px; border-top:0.5px solid var(--reading-line); }
.feescope-workspace .calculation-reading > summary { justify-content:flex-start; gap:12px; }
.feescope-workspace .quick-answer { display:block; margin:0; padding:0; background:transparent; border:0; border-radius:0; }
.feescope-workspace .quick-answer h3 { font-size:var(--type-body); line-height:24px; font-weight:600; }
.feescope-workspace .quick-answer p { max-width:88ch; margin-top:12px; }
.feescope-workspace .quick-answer strong { color:var(--ink); }
.feescope-workspace .explanation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:32px; }
.feescope-workspace .explanation-grid article,
.feescope-workspace .explanation-grid article:first-child,
.feescope-workspace .explanation-grid article:last-child { min-width:0; padding:0; border:0; }
.feescope-workspace .explanation-symbol { display:block; width:24px; height:24px; margin:0 0 12px; color:var(--reading-ink); }
.feescope-workspace .explanation-symbol .icon { width:24px; height:24px; }
.feescope-workspace .explanation-grid h3 { margin:0; font-size:var(--type-body); line-height:24px; font-weight:600; }
.feescope-workspace .explanation-grid p { margin-top:8px; }
.feescope-workspace .calculation-reading .subtle-link { margin-top:20px; text-decoration:none; }

/* Comparison first, one registration action second. No duplicate primary CTAs. */
.feescope-workspace .secondary-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:48px; margin:0; padding:32px; border:0.5px solid var(--reading-line); border-radius:16px; background:var(--slate-1); }
.feescope-workspace .calculator-layout + .secondary-workspace { margin-top:24px; }
.feescope-workspace .secondary-workspace .referral-card,
.feescope-workspace .secondary-workspace .hero-registration { min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.feescope-workspace .secondary-workspace .hero-registration { padding-left:32px; border-left:0.5px solid var(--reading-line); }
.feescope-workspace .referral-heading { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; }
.feescope-workspace .referral-heading > span { font-size:var(--type-label); line-height:20px; color:var(--reading-ink); }
.feescope-workspace .referral-comparison { display:grid; gap:0; margin-top:20px; }
.feescope-workspace .referral-comparison > div { min-height:48px; padding:12px 0; align-items:baseline; gap:16px; }
.feescope-workspace .referral-comparison dt { min-width:0; font-size:var(--type-label); line-height:24px; color:var(--reading-ink); }
.feescope-workspace .referral-comparison dd { text-align:right; font-size:var(--type-body); line-height:24px; font-weight:500; font-variant-numeric:tabular-nums; }
.feescope-workspace .referral-comparison small { color:var(--reading-ink); font-size:var(--type-label); }
.feescope-workspace .referral-comparison .referral-net { border-top-color:var(--reading-line); }
.feescope-workspace .referral-comparison .referral-net dt { font-weight:600; color:var(--ink); }
.feescope-workspace .referral-comparison .referral-net dd { color:var(--ink); font-size:var(--type-heading); line-height:32px; font-weight:600; }
.feescope-workspace .referral-status,
.feescope-workspace .referral-note,
.feescope-workspace .referral-disclosure,
.feescope-workspace .hero-registration-disclosure { color:var(--reading-ink); font-size:var(--type-label); line-height:20px; }
.feescope-workspace .referral-status { margin-top:8px; }
.feescope-workspace .referral-note { margin-top:8px; }
.feescope-workspace .referral-disclosure { margin-top:16px; padding-top:16px; border-color:var(--reading-line); }
.feescope-workspace .referral-terms { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:4px; color:var(--reading-ink); font-size:var(--type-label); text-decoration:none; }
.feescope-workspace .hero-registration-benefit { margin-top:12px; color:var(--reading-ink); font-size:var(--type-body); line-height:24px; }
.feescope-workspace .referral-code-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:24px; padding:8px 0; border-top:0.5px solid var(--reading-line); border-bottom:0.5px solid var(--reading-line); }
.feescope-workspace .referral-code-row > label { color:var(--reading-ink); font-size:var(--type-label); }
.feescope-workspace .referral-code-row > input { width:100%; min-width:0; height:44px; padding:0; border:0; background:transparent; color:var(--ink); font-size:var(--type-body); font-weight:600; }
.feescope-workspace .referral-code-row > button { min-height:44px; min-width:72px; padding:8px 12px; border-radius:8px; color:var(--ink); background:var(--slate-3); }
.feescope-workspace .referral-code-row > button:hover { background:var(--slate-4); }
.feescope-workspace .copy-referral-status { margin-top:8px; min-height:20px; font-size:var(--type-label); line-height:20px; }
.feescope-workspace .hero-registration-actions { display:block; margin-top:16px; }
.feescope-workspace .existing-user-entry { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin-top:8px; color:var(--reading-ink); font-size:var(--type-body); line-height:24px; }
.feescope-workspace .existing-user-entry:hover { color:var(--ink); }
.feescope-workspace .input-workbench.prototype-layout .calculate-button,
.feescope-workspace .hero-registration-actions .referral-register {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--primary-action-width);
  max-width:100%;
  height:48px;
  min-height:48px;
  margin-inline:auto;
  padding:0 16px;
  border-radius:8px;
  font-size:var(--type-body);
}
.feescope-workspace .hero-registration-disclosure { margin-top:16px; }
.feescope-workspace .registration-guide { display:block; margin:16px 0 0; padding:0; border:0; border-bottom:0.5px solid var(--reading-line); }
.feescope-workspace .registration-guide > summary { min-height:56px; }
.feescope-workspace .registration-guide > summary h2,
.feescope-workspace .trust-section > summary h2 { font-size:var(--type-body); line-height:24px; font-weight:500; letter-spacing:0; }
.feescope-workspace .registration-guide-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; padding:16px 0 32px; }
.feescope-workspace .registration-copy p { margin:0; }
.feescope-workspace .registration-copy > a { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; font-size:var(--type-label); color:var(--reading-ink); }
.feescope-workspace .registration-steps { min-width:0; gap:0; }
.feescope-workspace .registration-steps li + li { margin-top:20px; padding-top:20px; border-top:0.5px solid var(--reading-line); }
.feescope-workspace .registration-steps h3 { font-size:var(--type-body); line-height:24px; font-weight:600; }
.feescope-workspace .registration-steps p { margin-top:8px; }
.feescope-workspace .existing-binding-content { padding:8px 0 24px; }
.feescope-workspace .binding-methods { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; margin-block:20px; }
.feescope-workspace .binding-methods section { display:flex; flex-direction:column; min-width:0; padding:24px; border:0.5px solid var(--reading-line); border-radius:16px; background:var(--slate-1); }
.feescope-workspace .binding-method-heading { display:flex; align-items:center; gap:12px; min-height:32px; margin-bottom:16px; }
.feescope-workspace .binding-method-heading > .icon { flex:none; width:24px; height:24px; color:var(--reading-ink); }
.feescope-workspace .binding-methods h3 { margin:0; color:var(--ink); font-size:var(--type-body); line-height:24px; font-weight:600; }
.feescope-workspace .binding-criteria { margin:0; }
.feescope-workspace .binding-criteria > div { display:grid; grid-template-columns:minmax(96px,.7fr) minmax(0,1fr); align-items:center; gap:16px; min-height:48px; padding:12px 0; border-bottom:0.5px solid var(--reading-line); }
.feescope-workspace .binding-criteria dt { color:var(--reading-ink); font-size:var(--type-label); line-height:20px; }
.feescope-workspace .binding-criteria dd { margin:0; color:var(--ink); font-size:var(--type-body); line-height:24px; font-weight:500; }
.feescope-workspace .binding-procedure { margin-block:20px; }
.feescope-workspace .binding-procedure h4 { margin:0 0 8px; color:var(--reading-ink); font-size:var(--type-label); line-height:20px; font-weight:500; }
.feescope-workspace .binding-procedure p { margin:0; color:var(--ink); font-size:var(--type-body); line-height:24px; }
.feescope-workspace .binding-procedure strong { font-weight:600; font-variant-numeric:tabular-nums; }
.feescope-workspace .binding-target { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; min-height:48px; margin-top:12px; }
.feescope-workspace .binding-target > span { color:var(--reading-ink); font-size:var(--type-label); line-height:20px; }
.feescope-workspace .binding-target > strong { color:var(--ink); font-size:var(--type-body); line-height:24px; }
.feescope-workspace .binding-links { display:grid; justify-items:start; gap:4px; margin-top:auto; padding-top:4px; }
.feescope-workspace .binding-links a { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:var(--type-label); line-height:20px; text-decoration:none; }
.feescope-workspace .binding-links .binding-action { box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:100%; max-width:312px; height:48px; min-height:48px; padding:0 16px; border-radius:8px; background:var(--amber-9); color:var(--slate-12); font-size:var(--type-body); line-height:24px; font-weight:600; white-space:nowrap; }
.feescope-workspace .binding-links .binding-action:hover { background:var(--amber-10); }
.feescope-workspace .binding-source, .feescope-workspace .binding-note { color:var(--reading-ink); font-size:var(--type-label); line-height:20px; }
.feescope-workspace .binding-note { max-width:100ch; }
.feescope-workspace .binding-extra { margin-bottom:8px; }
.feescope-workspace .binding-extra > summary { display:flex; align-items:center; justify-content:flex-start; gap:8px; min-height:44px; color:var(--reading-ink); font-size:var(--type-label); line-height:20px; cursor:pointer; }
.feescope-workspace .binding-extra ul { display:grid; gap:8px; margin:0 0 16px; padding-left:20px; color:var(--reading-ink); font-size:var(--type-label); line-height:20px; }
@media (max-width:760px) {
  .feescope-workspace .binding-methods { grid-template-columns:minmax(0,1fr); gap:24px; }
  .feescope-workspace .binding-methods section { padding:20px; }
}

.feescope-workspace .faq-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; margin-top:24px; border-top:0; }
.feescope-workspace .faq-items details { padding:0; margin:0; border-color:var(--reading-line); }
.feescope-workspace .faq-items summary { min-height:64px; padding:20px 0; gap:16px; color:var(--ink); font-size:var(--type-body); line-height:24px; }
.feescope-workspace .faq-items details:first-child summary { padding-top:4px; min-height:48px; }
.feescope-workspace .faq-items details[open] summary { font-weight:600; }
.feescope-workspace .faq-items p { padding-bottom:20px; color:var(--reading-ink); font-size:var(--type-body); line-height:26px; }
.feescope-workspace .trust-section { display:block; margin:0 0 32px; padding:0; border-top:0.5px solid var(--reading-line); }
.feescope-workspace .trust-section > summary { min-height:56px; }
.feescope-workspace .trust-section > .disclosure-content { display:block; margin:0; text-decoration:none; }
.feescope-workspace .trust-section p { max-width:100ch; }
.feescope-workspace .trust-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:16px; }
.feescope-workspace .trust-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--reading-ink); font-size:var(--type-label); }
.feescope-workspace .site-footer { background:var(--slate-1); border-top-color:var(--reading-line); }
.feescope-workspace .footer-inner { flex-wrap:wrap; gap:24px; padding-block:24px; }
.feescope-workspace .footer-inner p,
.feescope-workspace .footer-preview { color:var(--reading-ink); font-size:var(--type-label); line-height:20px; }

@media (min-width:1101px) and (max-height:820px) {
  .feescope-workspace .site-header { height:64px; }
  .feescope-workspace .page-heading { padding:8px 0; }
  .feescope-workspace .heading-copy { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; }
  .feescope-workspace .page-heading .heading-copy > p { margin:0; }
}
@media (max-width:1100px) {
  .feescope-workspace { --primary-action-width:min(312px, calc((100vw - 192px) / 2)); }
  .feescope-workspace .header-inner { gap:20px; }
  .feescope-workspace .workbench-utilities { align-items:flex-end; flex-direction:column; gap:0; }
  .feescope-workspace .workbench-utilities a { min-height:32px; }
  .feescope-workspace .example-actions { grid-template-columns:minmax(0,1fr); }
  .feescope-workspace .example-actions button { min-height:64px; grid-template-columns:minmax(0,1fr) auto auto; gap:12px; }
  .feescope-workspace .example-actions button > span { grid-column:auto; }
  .feescope-workspace .example-actions button strong { font-size:var(--type-body); line-height:24px; }
  .feescope-workspace .secondary-workspace { gap:32px; padding:24px; }
  .feescope-workspace .secondary-workspace .hero-registration { padding-left:24px; }
}
@media (max-width:760px) {
  .feescope-workspace { --chapter-gap:32px; --primary-action-width:min(312px, calc(100vw - 80px)); }
  .feescope-workspace .site-header { height:auto; }
  .feescope-workspace .header-inner { grid-template-columns:minmax(0,1fr) auto auto; gap:0 16px; padding:8px 18px 0; }
  .feescope-workspace .header-inner > .brand { gap:8px; min-height:48px; font-size:var(--type-heading); }
  .feescope-workspace .header-inner .brand-mark { display:block; flex:0 0 24px; width:24px; height:24px; }
  .feescope-workspace .registration-jump { font-size:var(--type-label); }
  .feescope-workspace .language-switch { min-width:64px; padding-inline:8px; }
  .feescope-workspace .main-nav { display:grid; grid-column:1/-1; grid-row:2; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; height:auto; padding:8px 0; }
  .feescope-workspace .main-nav a { justify-content:center; padding:0 4px; white-space:nowrap; }
  .feescope-workspace .main-nav a:last-child { display:flex; }
  .feescope-workspace .page-heading { display:block; padding:24px 0 16px; }
  .feescope-workspace .page-heading h1 { line-height:32px; }
  .feescope-workspace .workbench-utilities { flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:0 24px; margin-top:8px; }
  .feescope-workspace .workbench-utilities a { min-height:44px; }
  .feescope-workspace .reference-section,
  .feescope-workspace .example-workspace,
  .feescope-workspace .secondary-workspace,
  .feescope-workspace .registration-guide-content,
  .feescope-workspace .faq-section { grid-template-columns:minmax(0,1fr); gap:24px; }
  .feescope-workspace .reference-section,
  .feescope-workspace .explanation-section,
  .feescope-workspace .faq-section { padding-block:32px; }
  .feescope-workspace .reference-copy h2,
  .feescope-workspace .explanation-heading h2,
  .feescope-workspace .referral-heading h2,
  .feescope-workspace .hero-registration h2,
  .feescope-workspace .faq-section > h2 { font-size:var(--type-heading); line-height:32px; }
  .feescope-workspace .reference-tag { margin-top:8px; }
  .feescope-workspace .reference-sources { margin-top:4px; }
  .feescope-workspace .fee-reference-table th,
  .feescope-workspace .fee-reference-table td { padding:12px; }
  .feescope-workspace .example-actions { gap:12px; }
  .feescope-workspace .example-actions button { min-height:72px; }
  .feescope-workspace .explanation-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .feescope-workspace .explanation-grid article,
  .feescope-workspace .explanation-grid article:first-child,
  .feescope-workspace .explanation-grid article:last-child { display:grid; grid-template-columns:24px minmax(0,1fr); gap:4px 12px; }
  .feescope-workspace .explanation-symbol { grid-column:1; grid-row:1/3; margin:0; }
  .feescope-workspace .explanation-grid h3,
  .feescope-workspace .explanation-grid p { grid-column:2; margin:0; }
  .feescope-workspace .secondary-workspace { padding:24px; }
  .feescope-workspace .secondary-workspace .hero-registration { padding:24px 0 0; border-left:0; border-top:0.5px solid var(--reading-line); }
  .feescope-workspace .referral-heading { display:block; }
  .feescope-workspace .referral-heading > span { display:block; margin-top:8px; }
  .feescope-workspace .referral-comparison dt { max-width:none; }
  .feescope-workspace .referral-code-row { gap:8px; }
  .feescope-workspace .registration-guide-content { padding-top:8px; }
  .feescope-workspace .faq-section { margin-top:16px; }
  .feescope-workspace .faq-section > h2 { margin:0; }
  .feescope-workspace .footer-inner { display:flex; flex-wrap:wrap; gap:12px 24px; padding:24px 18px; }
  .feescope-workspace .footer-inner p { flex-basis:100%; order:3; text-align:left; }
  .feescope-workspace .footer-preview { margin-left:auto; text-align:right; }
}
@media (max-width:420px) {
  .feescope-workspace .secondary-workspace { padding:20px; }
  .feescope-workspace .referral-code-row { grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; }
  .feescope-workspace .referral-code-row > label { grid-column:1/-1; }
  .feescope-workspace .example-actions button { padding:12px; }
  .feescope-workspace .header-inner { gap:0 12px; }
}
@media (max-width:360px) {
  .feescope-workspace .header-inner > .brand { font-size:var(--type-body); }
}