/* Connected application only. Four surfaces: canvas, controls, paper, metadata.
   This final layer deliberately restores the workbench panels removed by legacy CSS. */
#fy-reading-modes[data-case-mode="api"]{
  --fy-bg:#eae8e3;--fy-paper:#fff;--fy-warm:#deded7;
  --fy-ink:#2d2c28;--fy-muted:#5f5e5a;--fy-line:#d7d6d2;
  --fy-accent:#853c36;--fy-dark:#2e2d29;
  --fy-panel-line:#cccbc7;--fy-meta:#f3f3ee;--fy-selection:#f4e8e4;
  min-height:100vh;
}
#fy-reading-modes .fy-sample{background:var(--fy-dark);color:#e5e4e0;font-size:11px;letter-spacing:.03em;padding:6px 16px}
#fy-reading-modes .fy-topbar{background:#fff;border-bottom:1px solid #c2c1bd}
#fy-reading-modes .fy-mark{display:none}
#fy-reading-modes .fy-wordmark{font-size:28px;letter-spacing:-1px;color:var(--fy-ink)}
#fy-reading-modes .fy-topnav a[data-route]{color:#5f5e5a;font-size:13px;font-weight:500}
#fy-reading-modes .fy-topnav a[data-route][aria-current="page"],
#fy-reading-modes .fy-topnav a[data-route][aria-current="true"]{color:var(--fy-ink);font-weight:600}
#fy-reading-modes .fy-topnav a[data-route][aria-current]::after{height:3px}
#fy-reading-modes .fy-mode{background:#f0efeb;border:1px solid #dcdbd7;border-radius:5px;padding:3px}
#fy-reading-modes .fy-mode button{color:#5f5e5a;border-radius:3px}
#fy-reading-modes .fy-mode button[aria-pressed="true"]{background:var(--fy-dark);color:#fff;box-shadow:none}
#fy-reading-modes .fy-language-control{color:#4c4b47}
#fy-reading-modes .fy-language-control:hover{background:#f0efeb}
#fy-reading-modes .fy-account{color:#4c4b47}
#fy-reading-modes .fy-avatar{background:#f1f0ec;border-color:#c5c4c0;color:#3f3e3a}
#fy-reading-modes .fy-main{padding-top:30px;padding-bottom:32px}
#fy-reading-modes .fy-sidebar{background:var(--fy-dark)}
#fy-reading-modes .fy-side-label{color:#c3c2be;letter-spacing:.1em}
#fy-reading-modes .fy-side-nav a[data-route]{color:#d4d3cf;border-radius:4px;font-size:13px}
#fy-reading-modes .fy-side-nav a[data-route]>span:first-child{color:#c0bfbb}
#fy-reading-modes .fy-side-nav a[data-route][aria-current="page"],
#fy-reading-modes .fy-side-nav a[data-route][aria-current="true"]{background:#484743;color:#fff;box-shadow:inset 3px 0 #d1a89e}
#fy-reading-modes .fy-side-nav a[data-route][aria-current]>span:first-child{color:#fff}
#fy-reading-modes .fy-side-footer{color:#c5c4c0;border-top-color:#53524e}
#fy-reading-modes .fy-side-workflows{border-top-color:#53524e}
#fy-reading-modes .fy-side-workflows p{color:#c5c4c0}
#fy-reading-modes .fy-side-workflows a{color:#e0dfdb}
#fy-reading-modes .fy-side-workflows a:hover,#fy-reading-modes .fy-side-workflows a[aria-current="page"]{background:#484743;color:#fff}
#fy-reading-modes .fy-shell>.fy-footer{border-top-color:#c2c1bd;color:var(--fy-muted)}

/* Headings and actions share one hierarchy across the library and workspaces. */
#fy-reading-modes .page-heading{border-bottom:1px solid #bebdb9;padding-bottom:24px;margin-bottom:24px}
#fy-reading-modes .page-heading h1{font-weight:600;letter-spacing:-.8px;color:var(--fy-ink)}
#fy-reading-modes .page-heading .eyebrow{color:#5f5e5a;font-weight:600;font-size:11px;letter-spacing:.09em}
#fy-reading-modes .page-heading :is(.summary,p){color:var(--fy-muted)}
#fy-reading-modes .page-topline{color:#5c5b57}
#fy-reading-modes .back-link{color:#504f4b}
#fy-reading-modes .quiet-button,#fy-reading-modes .primary-button{border-radius:4px;font-weight:500;min-height:40px}
#fy-reading-modes .quiet-button{background:#fff;border-color:#c3c2be;color:#4a4945}
#fy-reading-modes .primary-button{background:var(--fy-accent);border-color:var(--fy-accent);color:#fff}
#fy-reading-modes .quiet-button[aria-pressed="true"]{background:var(--fy-selection);border-color:#b38c80;color:var(--fy-accent)}
#fy-reading-modes .quiet-button:disabled,#fy-reading-modes .primary-button:disabled,
#fy-reading-modes .quiet-button[aria-disabled="true"],#fy-reading-modes .primary-button[aria-disabled="true"]{background:#e8e7e3;border-color:#d6d5d1;color:#5f5e5a}
#fy-reading-modes .tag{background:#f0efeb;color:#5f5e5a;border:1px solid #e1e0dc;border-radius:3px;line-height:1.5}
#fy-reading-modes .tag.is-accent{background:#f4ebe5;color:#793f34;border-color:#e5d2c7}
#fy-reading-modes .inline-notice,#fy-reading-modes .local-only-notice,#fy-reading-modes .contribution-banner{
  color:#5c5b57;background:#f2f1ed;border:1px solid #dad9d5;border-left:3px solid #91908c;border-radius:0 4px 4px 0;
}
#fy-reading-modes .content-language-note{border-left-color:#aeada9;color:#5f5e5a}

/* Search is a distinct operation panel in BOTH modes. */
#fy-reading-modes .case-api-page{--case-muted:#5f5e5a}
#fy-reading-modes .case-api-page .case-search-region,
#fy-reading-modes[data-mode="workbench"] .case-api-page .case-search-region{
  background:var(--fy-warm);border:1px solid #c7c6c2;border-top:3px solid var(--fy-dark);border-radius:5px;
  padding:24px 26px 20px;
}
#fy-reading-modes .case-api-page .case-search-intro{margin-bottom:19px;gap:20px}
#fy-reading-modes .case-api-page .case-search-intro h1{font-size:34px;font-weight:600;letter-spacing:-.9px;color:var(--fy-ink)}
#fy-reading-modes .case-api-page .case-search-intro p{color:#5d5c58;font-size:12px;line-height:1.75}
#fy-reading-modes .case-api-page .case-field{font-size:12px;gap:7px;color:#4e4d49}
#fy-reading-modes .case-api-page .case-field>label,#fy-reading-modes .case-api-page .case-field>span{font-weight:600}
#fy-reading-modes .case-api-page .case-query-box{border-color:#b1b0ac;border-radius:4px;padding:4px;background:#fff}
#fy-reading-modes .case-api-page .case-query-box:focus-within{border-color:var(--fy-accent)}
#fy-reading-modes .case-api-page .case-field select{border-color:#b1b0ac;border-radius:4px;background:#fff;min-height:54px}
#fy-reading-modes .case-api-page .case-query-box input{font-size:15px;min-height:44px}
#fy-reading-modes .case-api-page .case-query-box input::placeholder{color:#5f5e5a;font-size:13px}
#fy-reading-modes .case-api-page .case-query-box button{min-height:44px;padding-inline:20px}
#fy-reading-modes .case-api-page .case-language-note{font-size:12px;color:#5f5e5a;line-height:1.65;margin-top:12px}
#fy-reading-modes .case-api-page .case-result-region{margin-top:25px}
#fy-reading-modes .case-api-page .case-result-heading{border-bottom:2px solid #4a4945;padding-bottom:12px;margin-bottom:14px;align-items:center}
#fy-reading-modes .case-api-page .case-result-heading h2{font-size:19px;font-weight:600;letter-spacing:-.3px}
#fy-reading-modes .case-api-page .case-result-heading p{font-size:12px;color:#585753}
#fy-reading-modes .case-api-page .case-list-foot{margin:0 0 12px;font-size:12px;color:#5f5e5a}
#fy-reading-modes .case-api-page .case-results,
#fy-reading-modes[data-mode="workbench"] .case-api-page .case-results{background:#fff;border:1px solid var(--fy-panel-line);border-radius:5px;padding:0 25px}
#fy-reading-modes .case-api-page .case-row{padding:22px 0;border-bottom-color:#dddcd8;align-items:start}
#fy-reading-modes .case-api-page .case-row-code{padding-top:4px;color:#51504c}
#fy-reading-modes .case-api-page .case-row-code small{font:11px/1.8 "Segoe UI","Microsoft YaHei",sans-serif;color:#5f5e5a}
#fy-reading-modes .case-api-page .case-row-main h3{font-size:16px;line-height:1.65;font-weight:600;letter-spacing:-.1px;color:var(--fy-ink)}
#fy-reading-modes .case-api-page .case-row-main>p{font-size:13px;line-height:1.85;color:#5f5e5a;margin-top:7px}
#fy-reading-modes .case-api-page .case-row-meta{font-size:11px;line-height:1.8;color:#5f5e5a;margin-top:10px}
#fy-reading-modes .case-api-page .case-read-link{font-weight:600;text-decoration:underline;text-underline-offset:4px}
#fy-reading-modes .case-api-page .case-preview-button{background:#fff;border-color:#c6c5c1;color:#575652}
#fy-reading-modes .case-api-page .case-view-state{border:1px solid var(--fy-panel-line);border-radius:5px;padding:30px}
#fy-reading-modes .case-api-page .case-view-state h2{font-weight:600}
#fy-reading-modes .case-api-page .case-gate{border:1px solid var(--fy-panel-line);border-top:3px solid var(--fy-dark);border-radius:5px}
#fy-reading-modes .case-api-page .case-gate h1{font-weight:600}
#fy-reading-modes .case-api-page .case-view-footer{border-top-color:#c9c8c4;color:#5f5e5a}

/* A separate paper sheet for the selected record; no selection on mobile without preview. */
@media(min-width:901px){
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-search-intro{display:flex;align-items:baseline}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-search-intro h1{font-size:29px}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-search-intro p{margin:0;max-width:52ch;flex:0 1 52ch;text-wrap:pretty}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-browser:has(>.case-preview:not([hidden])){grid-template-columns:minmax(0,1.15fr) minmax(255px,.85fr);gap:20px}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-results{padding:0}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row{padding:19px 20px;gap:5px 14px}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row:first-child{border-radius:4px 4px 0 0}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row:last-child{border-radius:0 0 4px 4px}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row.is-selected{background:var(--fy-selection);box-shadow:inset 3px 0 var(--fy-accent)}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row.is-selected h3 a{color:#6d302a}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row.is-selected .case-preview-button{background:var(--fy-accent);color:#fff;border-color:var(--fy-accent)}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-preview{padding:0;background:#fff;border:1px solid #c6c5c1;border-radius:5px;box-shadow:none}
  #fy-reading-modes .case-api-page .case-preview .preview-content{padding:22px}
  #fy-reading-modes .case-api-page .case-preview .eyebrow{margin:-22px -22px 20px;padding:11px 22px;background:var(--fy-dark);color:#f0efeb;border-radius:4px 4px 0 0;font-size:12px;font-weight:500;line-height:1.65}
  #fy-reading-modes .case-api-page .case-preview h2{font-size:21px;font-weight:600;line-height:1.6;margin-bottom:18px}
  #fy-reading-modes .case-api-page .case-preview .metadata-grid{background:var(--fy-meta);border:1px solid #e2e1dd;padding:15px;gap:14px;margin:0;border-radius:3px}
  #fy-reading-modes .case-api-page .case-preview .case-preview-summary{font-size:13px;color:#595854;line-height:1.9;margin:20px 0}
  #fy-reading-modes .case-api-page .case-preview .case-language-info{padding-top:13px;border-top:1px solid var(--fy-line)}
  #fy-reading-modes .case-api-page .case-preview .preview-actions{margin-top:20px}
  #fy-reading-modes .case-api-page .case-preview .preview-actions>.primary-button{width:100%;min-height:44px}
}

/* Resource and note directories: clear control area, then inspectable white records. */
#fy-reading-modes .catalog-toolbar{background:var(--fy-warm);border:1px solid #c7c6c2;border-top:3px solid var(--fy-dark);border-radius:5px;padding:20px 22px;margin-bottom:20px;gap:14px}
#fy-reading-modes .catalog-toolbar label{color:#4e4d49;font-size:12px;font-weight:600;gap:7px}
#fy-reading-modes .catalog-toolbar label.filter-select{align-items:stretch}
#fy-reading-modes .catalog-toolbar input,#fy-reading-modes .catalog-toolbar select{border-color:#b1b0ac;border-radius:4px;font-size:14px;font-weight:400;min-height:46px}
#fy-reading-modes .catalog-toolbar input::placeholder{color:#5f5e5a}
#fy-reading-modes .catalog-results-heading{padding:0 0 11px;margin:0 0 14px;border-bottom:2px solid #4a4945}
#fy-reading-modes .catalog-count{font-size:13px;font-weight:500;color:#585753}
#fy-reading-modes .catalog-list,#fy-reading-modes .saved-list{border:1px solid var(--fy-panel-line);border-radius:5px;background:#fff}
#fy-reading-modes .catalog-item{padding:24px 0;gap:20px;border-bottom-color:#dddcd8}
#fy-reading-modes .catalog-type{background:#f1f0ec;border-color:#d2d1cd;border-radius:3px;color:#5f5e5a;font-weight:600;min-height:54px}
#fy-reading-modes .catalog-content h2,#fy-reading-modes .catalog-content h3{font-size:18px;font-weight:600;line-height:1.55;margin-top:8px}
#fy-reading-modes .catalog-content p{color:#5f5e5a;font-size:13px;line-height:1.85}
#fy-reading-modes .catalog-meta{font-size:12px;color:#5f5e5a}
#fy-reading-modes .catalog-content .resource-file-name{color:#5f5e5a;font-size:12px}
#fy-reading-modes .catalog-action .quiet-button:not(.compact-save){background:#f9f8f4;border-color:#c5c4c0;color:#51504c;min-height:44px}
#fy-reading-modes .compact-save{min-width:40px;min-height:40px}
#fy-reading-modes .notes-grid{gap:20px}
#fy-reading-modes .note-card{border:1px solid var(--fy-panel-line);border-top:3px solid #71706c;border-radius:5px;padding:26px}
#fy-reading-modes .note-card .eyebrow{color:#5f5e5a;font-weight:600;font-size:11px;letter-spacing:.07em}
#fy-reading-modes .note-card h2{font-weight:600;font-size:21px;line-height:1.55}
#fy-reading-modes .note-card p{color:#5f5e5a;font-size:13px;line-height:1.9}
#fy-reading-modes .note-meta{border-color:#deddd9;color:#5f5e5a;font-size:12px}
#fy-reading-modes .catalog-quick-links{margin-bottom:25px}
#fy-reading-modes .empty-state{border:1px solid var(--fy-panel-line);border-radius:5px}
#fy-reading-modes .empty-state h2{font-weight:600}

/* Long-form reading stays continuous; metadata and chapter navigation form quieter side layers. */
#fy-reading-modes .article-paper{border:1px solid var(--fy-panel-line);border-radius:5px;padding:32px 35px;background:#fff}
#fy-reading-modes .article-paper :is(h2,h3){font-weight:600;color:var(--fy-ink)}
#fy-reading-modes .article-paper p,#fy-reading-modes .article-paper li{color:#4d4c48}
#fy-reading-modes .article-section{border-top-color:#dbdad6;margin-top:30px;padding-top:26px}
#fy-reading-modes .article-paper>.metadata-grid{background:var(--fy-meta);border:1px solid #e2e1dd;border-radius:3px;padding:18px 20px;margin-bottom:27px;gap:15px 24px}
#fy-reading-modes .metadata-grid dt,#fy-reading-modes .case-api-page .case-data-list dt{font-size:12px;color:#5f5e5a}
#fy-reading-modes .metadata-grid dd{font-size:13px;color:var(--fy-ink)}
#fy-reading-modes .case-api-page .case-detail-heading h1{font-weight:600}
#fy-reading-modes .case-api-page .case-section-title h2{font-weight:600}
#fy-reading-modes .case-api-page .case-plain-text{color:#484743}
#fy-reading-modes .record-missing{background:var(--fy-meta);border-left:2px solid #c6c5c1;color:#5f5e5a;border-radius:0 3px 3px 0}
#fy-reading-modes .reading-aside{padding:16px;background:#f7f6f2;border:1px solid #d2d1cd;border-radius:5px;color:#5f5e5a}
#fy-reading-modes .reading-aside .chapter-nav{background:transparent;border-bottom-color:#d5d4d0;padding-bottom:12px}
#fy-reading-modes .reading-aside .chapter-nav>summary{font-size:13px;font-weight:600;color:#4c4b47;margin-bottom:7px}
#fy-reading-modes .reading-aside .chapter-nav a{color:#5f5e5a;border-left-color:#d0cfcb;line-height:1.7}
#fy-reading-modes .reading-aside .chapter-nav a[aria-current="location"],#fy-reading-modes .reading-aside .chapter-nav a.is-active{color:var(--fy-accent);border-left-color:var(--fy-accent);background:#f1e8df}
#fy-reading-modes .reading-aside h2,#fy-reading-modes .reading-aside h3{font-weight:600;color:#555450}
#fy-reading-modes .related-list a{color:#5f5e5a}
#fy-reading-modes .related-list p,#fy-reading-modes .related-list small{color:#5f5e5a}
#fy-reading-modes .reading-progress{color:#5f5e5a}
#fy-reading-modes .reading-progress progress::-webkit-progress-value{background:var(--fy-accent)}
#fy-reading-modes .reading-progress progress::-moz-progress-bar{background:var(--fy-accent)}
#fy-reading-modes .page-wrap>.resource-download{background:#e4e3df;border-color:#c7c6c2;border-left:3px solid #5b5a56;border-radius:4px;padding:20px 22px}
#fy-reading-modes .page-wrap>.resource-download p{color:#5f5e5a}
#fy-reading-modes .resource-file-copy{border-top-color:#cbcac6}
#fy-reading-modes .resource-file-copy>span{color:#5f5e5a}
#fy-reading-modes .source-note,#fy-reading-modes .article-end{border-top-color:#d9d8d4;color:#5f5e5a}
#fy-reading-modes .saved-item h2{font-weight:600}

/* Forms and read-only maintenance use the same surfaces; no new workflow semantics. */
#fy-reading-modes .contribution-list{padding:0 25px;background:#fff;border:1px solid var(--fy-panel-line);border-radius:5px}
#fy-reading-modes .contribution-row:last-child{border-bottom:0}
#fy-reading-modes .contribution-row h2{font-weight:600}
#fy-reading-modes .contribution-status{padding:3px 8px;background:#f1f0ec;border:1px solid #dbdad6;border-radius:3px;color:#5f5e5a;font-size:11px}
#fy-reading-modes .contribution-status.is-returned{background:#f5e9e0;border-color:#e3c7b7;color:var(--fy-accent)}
#fy-reading-modes .contribution-overview{padding:12px 16px;background:#e7e6e2;border:1px solid #cdccc8;border-radius:4px;margin-top:0}
#fy-reading-modes .contribution-page .contribution-chapter-nav{background:#e5e4e0;border:1px solid #cac9c5;border-top:2px solid #5d5c58;border-radius:4px}
#fy-reading-modes .contribution-page .article-paper.contribution-reading-paper,
#fy-reading-modes .contribution-page .article-paper.contribution-form-paper{background:transparent;border:0;border-radius:0;padding:0}
#fy-reading-modes .contribution-page .contribution-fieldset.article-section,
#fy-reading-modes[data-mode="workbench"] .contribution-page .contribution-fieldset.article-section,
#fy-reading-modes .support-section,#fy-reading-modes[data-mode="workbench"] .support-section{border:1px solid var(--fy-panel-line);border-top:3px solid #757470;border-radius:5px;background:#fff}
#fy-reading-modes .contribution-fieldset legend,#fy-reading-modes .support-section legend{font-weight:600}
#fy-reading-modes .contribution-field :is(input,select,textarea),
#fy-reading-modes .support-grid input:not([type="checkbox"]):not([type="radio"]),#fy-reading-modes .support-grid textarea,#fy-reading-modes .support-grid select{background:#fff;border-color:#c2c1bd;border-radius:4px}
#fy-reading-modes .contribution-page .contribution-reading-paper>.contribution-preview{padding:26px 30px;background:#fff;border:1px solid var(--fy-panel-line);border-radius:5px;margin:0}
#fy-reading-modes .contribution-preview-section h2{font-weight:600}
#fy-reading-modes .contribution-review-note{background:#e6e5e1;border:1px solid #c9c8c4;border-top:3px solid #5e5d59;border-radius:4px}
#fy-reading-modes .contribution-preview-fields dt{color:#5f5e5a;font-size:12px}
#fy-reading-modes .contribution-missing{border-top-color:#dad9d5;background:#f8f7f3;padding:7px 13px;margin-top:20px;border-radius:3px}
#fy-reading-modes .contribution-state,#fy-reading-modes .maintenance-state{padding:25px;background:#fff;border:1px solid var(--fy-panel-line);border-radius:5px}
#fy-reading-modes .support-save-bar{padding:13px 16px;background:#e7e6e2;border:1px solid #c9c8c4;border-radius:4px}
#fy-reading-modes .support-preview{background:#e7e6e2;border:1px solid #c9c8c4;border-radius:4px}
#fy-reading-modes .maintenance-history-row h3{font-weight:600}
#fy-reading-modes .maintenance-history-row button[aria-pressed="true"]{background:var(--fy-selection);border-color:#b98f80;color:var(--fy-accent)}
#fy-reading-modes .maintenance-comparison-labels{background:#ebeae6;border:1px solid #cfceca;border-radius:3px}
#fy-reading-modes .maintenance-comparison-labels strong{font-weight:600}
#fy-reading-modes .maintenance-diff-values>div{background:#f9f8f4;border:1px solid #e3e2de;border-radius:3px;padding:14px}
#fy-reading-modes .maintenance-value-label{color:#5f5e5a}
#fy-reading-modes .maintenance-diff-field{border-top-color:#dad9d5}
#fy-reading-modes .account-dialog{border-color:#c7c6c2;border-radius:6px;background:#fff;padding:28px}
#fy-reading-modes .account-dialog .dialog-heading{border-bottom:1px solid #e0dfdb;margin-bottom:16px}
#fy-reading-modes .account-dialog .dialog-heading h2{font-weight:600}
#fy-reading-modes .case-account .case-capabilities{padding:14px 18px 14px 34px;background:#f6f5f1;border:1px solid #deddd9;border-radius:4px}

@media(min-width:621px){
  #fy-reading-modes[data-mode="workbench"] .fy-brand{background:var(--fy-dark)}
  #fy-reading-modes[data-mode="workbench"] .fy-brand .fy-wordmark{color:#fff}
  #fy-reading-modes[data-mode="workbench"] .fy-main{padding-top:26px}
  #fy-reading-modes[data-mode="workbench"] .page-heading h1{font-size:30px;font-weight:600}
  #fy-reading-modes[data-mode="workbench"] .note-card{border-top-width:3px}
}
@media(max-width:1100px) and (min-width:901px){
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-search-intro{display:block}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-search-intro p{margin-top:7px;max-width:none}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row{padding-inline:15px}
  #fy-reading-modes .case-api-page .case-preview .preview-content{padding:18px}
  #fy-reading-modes .case-api-page .case-preview .eyebrow{margin:-18px -18px 18px;padding-inline:18px}
}
@media(max-width:900px){
  #fy-reading-modes .reading-aside{padding:0;background:#f4f3ef;border-color:#cac9c5;gap:0}
  #fy-reading-modes .reading-aside .chapter-nav{padding:0 13px;border-bottom:0}
  #fy-reading-modes .reading-aside .chapter-nav[open]{padding-bottom:10px}
  #fy-reading-modes .reading-aside .chapter-nav>summary{margin-bottom:0;min-height:44px}
  #fy-reading-modes .reading-aside .reading-progress{margin:0;padding:0 13px 9px}
  #fy-reading-modes .case-api-page .case-row,#fy-reading-modes[data-mode="workbench"] .case-api-page .case-row{padding:20px 0}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row.is-selected{background:transparent;box-shadow:none}
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row.is-selected h3 a{color:var(--fy-ink)}
  #fy-reading-modes .catalog-action{align-items:center}
}
@media(max-width:620px){
  #fy-reading-modes .fy-sample{padding:5px 12px;font-size:10px;letter-spacing:0}
  #fy-reading-modes .fy-topbar,#fy-reading-modes[data-mode="workbench"] .fy-topbar{padding:5px 14px 0;row-gap:2px}
  #fy-reading-modes .fy-wordmark{font-size:25px}
  #fy-reading-modes .fy-topnav a[data-route]{font-size:12px}
  #fy-reading-modes .fy-mode{padding:0;border:0;gap:4px;background:transparent}
  #fy-reading-modes .fy-mode button{min-height:44px;background:#f0efeb}
  #fy-reading-modes .fy-mode button[aria-pressed="true"]{background:var(--fy-dark)}
  #fy-reading-modes .fy-main,#fy-reading-modes[data-mode="workbench"] .fy-main{padding:16px 14px 26px}
  #fy-reading-modes .page-heading,#fy-reading-modes[data-mode="workbench"] .page-heading{margin-bottom:20px;padding-bottom:19px;gap:13px}
  #fy-reading-modes .page-heading h1,#fy-reading-modes[data-mode="workbench"] .page-heading h1{font-size:27px;line-height:1.45;letter-spacing:-.5px}
  #fy-reading-modes .quiet-button,#fy-reading-modes .primary-button{min-height:44px}
  #fy-reading-modes .case-api-page .case-search-region,
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-search-region{padding:16px 16px 14px}
  #fy-reading-modes .case-api-page .case-search-intro{margin-bottom:12px}
  #fy-reading-modes .case-api-page .case-search-intro h1,#fy-reading-modes[data-mode="workbench"] .case-api-page .case-search-intro h1{font-size:28px;line-height:1.35}
  #fy-reading-modes .case-api-page .case-search-intro p{font-size:12px;margin-top:5px;line-height:1.65}
  #fy-reading-modes .case-api-page .case-field:not(.case-query-field){display:grid;grid-template-columns:68px minmax(0,1fr);gap:9px;align-items:center}
  #fy-reading-modes .case-api-page .case-field select{min-height:46px;font-size:16px;padding-block:8px}
  #fy-reading-modes .case-api-page .case-query-box{padding:2px}
  #fy-reading-modes .case-api-page .case-query-box input{font-size:16px;padding-inline:7px}
  #fy-reading-modes .case-api-page .case-query-box input::placeholder{font-size:12px}
  #fy-reading-modes .case-api-page .case-query-box button{padding-inline:12px}
  #fy-reading-modes .case-api-page .case-language-note{font-size:11px;line-height:1.7;margin-top:8px}
  #fy-reading-modes .case-api-page .case-result-region{margin-top:18px}
  #fy-reading-modes .case-api-page .case-result-heading{margin-bottom:12px;padding-bottom:8px}
  #fy-reading-modes .case-api-page .case-result-heading h2{font-size:18px}
  #fy-reading-modes .case-api-page .case-result-heading p{font-size:11px}
  #fy-reading-modes .case-api-page .case-results,
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-results{padding:0 16px}
  #fy-reading-modes .case-api-page .case-row-main h3{font-size:15px}
  #fy-reading-modes .case-api-page .case-row-main>p{font-size:12px}
  #fy-reading-modes .case-api-page .case-row-meta{gap:5px 8px;margin-top:9px}
  #fy-reading-modes .case-api-page .case-row-code{padding-top:0}
  #fy-reading-modes .case-api-page .case-view-state{padding:24px 18px}
  #fy-reading-modes .case-api-page .case-detail-heading h1{font-size:26px}
  #fy-reading-modes .case-api-page .case-gate{padding:25px 19px}
  #fy-reading-modes .catalog-toolbar{padding:15px;gap:12px;margin-bottom:18px}
  #fy-reading-modes .catalog-toolbar input,#fy-reading-modes .catalog-toolbar select{font-size:16px;min-height:46px}
  #fy-reading-modes .catalog-list,#fy-reading-modes[data-mode="workbench"] .catalog-list,#fy-reading-modes .saved-list{padding:0 16px}
  #fy-reading-modes .catalog-item,#fy-reading-modes[data-mode="workbench"] .catalog-item{gap:12px;padding:20px 0}
  #fy-reading-modes .catalog-content h2,#fy-reading-modes .catalog-content h3{font-size:16px;line-height:1.6}
  #fy-reading-modes .catalog-content p{font-size:12px}
  #fy-reading-modes .catalog-meta{font-size:11px}
  #fy-reading-modes .catalog-type{min-height:44px}
  #fy-reading-modes .compact-save{min-width:44px;min-height:44px}
  #fy-reading-modes .note-card,#fy-reading-modes[data-mode="workbench"] .note-card{padding:21px 19px}
  #fy-reading-modes .note-card h2{font-size:19px}
  #fy-reading-modes .note-card p{font-size:13px}
  #fy-reading-modes .article-paper,#fy-reading-modes[data-mode="workbench"] .article-paper{padding:23px 19px}
  #fy-reading-modes .article-paper>.metadata-grid{padding:15px;gap:13px;margin-bottom:23px}
  #fy-reading-modes .page-wrap>.resource-download{padding:15px 16px;gap:10px;margin-bottom:20px}
  #fy-reading-modes .contribution-list{padding:0 17px}
  #fy-reading-modes .contribution-page .article-paper.contribution-reading-paper,
  #fy-reading-modes .contribution-page .article-paper.contribution-form-paper{padding:0}
  #fy-reading-modes .contribution-page .contribution-reading-paper>.contribution-preview{padding:22px 19px}
  #fy-reading-modes .contribution-page .contribution-fieldset.article-section,
  #fy-reading-modes[data-mode="workbench"] .contribution-page .contribution-fieldset.article-section,
  #fy-reading-modes .support-section,#fy-reading-modes[data-mode="workbench"] .support-section{padding:21px 18px}
  #fy-reading-modes .support-save-bar{padding:12px 14px}
  #fy-reading-modes .maintenance-comparison-labels{padding:15px}
  #fy-reading-modes .maintenance-diff-values>div+div{padding:14px;border-left:1px solid #e3e2de}
  #fy-reading-modes .account-dialog{padding:22px}
}
@media(min-width:360px) and (max-width:620px){
  #fy-reading-modes .case-detail-page .article-paper>.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}
}
@media(hover:hover){
  #fy-reading-modes .quiet-button:not(:disabled):not([aria-disabled="true"]):hover{background:#f3f2ee;border-color:#9f9e9a;color:#44433f}
  #fy-reading-modes .primary-button:not(:disabled):not([aria-disabled="true"]):hover{background:#6f302c;border-color:#6f302c;color:#fff}
  #fy-reading-modes .case-api-page .case-row:not(.is-selected):hover{background:#faf9f5}
  #fy-reading-modes .catalog-content h2 a:hover,#fy-reading-modes .note-card h2 a:hover{color:var(--fy-accent);text-decoration:underline;text-underline-offset:4px}
}
@media(prefers-reduced-motion:no-preference){
  #fy-reading-modes .quiet-button,#fy-reading-modes .primary-button,#fy-reading-modes .case-row{transition:background-color 130ms ease,border-color 130ms ease,color 130ms ease}
}
@media(forced-colors:active){
  #fy-reading-modes .case-api-page .case-search-region,#fy-reading-modes .case-results,#fy-reading-modes .case-preview,#fy-reading-modes .article-paper,#fy-reading-modes .catalog-toolbar,#fy-reading-modes .catalog-list,#fy-reading-modes .note-card,#fy-reading-modes .reading-aside{border-color:CanvasText}
  #fy-reading-modes :is(button,a,input,select,textarea,summary):focus-visible{outline-color:Highlight}
}
@media(forced-colors:active) and (min-width:901px){
  #fy-reading-modes[data-mode="workbench"] .case-api-page .case-row.is-selected{outline:2px solid Highlight;outline-offset:-2px}
}

/* The mode controls are a fixed visual reference in both layouts. */
@media(min-width:901px){
  #fy-reading-modes .fy-topbar,#fy-reading-modes[data-mode="workbench"] .fy-topbar{
    height:76px;min-height:76px;padding:0 clamp(20px,3vw,48px);gap:24px;flex-wrap:nowrap;
  }
  #fy-reading-modes[data-mode="workbench"] .fy-topbar{padding-left:0}
  #fy-reading-modes .fy-topnav{min-width:0;gap:clamp(14px,1.6vw,26px);overflow-x:auto}
  #fy-reading-modes .fy-topnav a[data-route]{flex-shrink:0;white-space:nowrap}
  #fy-reading-modes .fy-tools{gap:16px}
}
@media(min-width:621px) and (max-width:900px){
  #fy-reading-modes .fy-topbar,#fy-reading-modes[data-mode="workbench"] .fy-topbar{
    height:auto;min-height:0;flex-wrap:wrap;padding:12px 24px 0;gap:0;
  }
  #fy-reading-modes .fy-brand,#fy-reading-modes[data-mode="workbench"] .fy-brand{
    width:auto;align-self:center;min-height:44px;background:transparent;justify-content:start;
  }
  #fy-reading-modes[data-mode="workbench"] .fy-brand .fy-wordmark{color:var(--fy-ink)}
  #fy-reading-modes .fy-topnav,#fy-reading-modes[data-mode="workbench"] .fy-topnav{
    display:flex;flex-basis:100%;height:45px;margin-top:7px;gap:26px;overflow-x:auto;
  }
  #fy-reading-modes .fy-topnav a[data-route]{white-space:nowrap;flex-shrink:0}
  #fy-reading-modes[data-mode="workbench"] .fy-shell{grid-template-columns:minmax(0,1fr)}
  #fy-reading-modes[data-mode="workbench"] .fy-sidebar{display:none}
  #fy-reading-modes[data-mode="workbench"] .fy-shell>.fy-footer{grid-column:1}
}
@media(min-width:621px){
  #fy-reading-modes .fy-main,#fy-reading-modes[data-mode="workbench"] .fy-main{padding-top:28px}
}

/* Both navigation surfaces stay available for live, reversible transitions.
   The inactive surface is inert in app.js; no cloned/private content is used. */
#fy-reading-modes{overflow-x:clip}
#fy-reading-modes .fy-mode button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
#fy-reading-modes .fy-layout-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#fy-reading-modes .fy-wordmark{display:block}
@media(min-width:901px){
  #fy-reading-modes{--fy-sidebar-width:clamp(176px,15vw,208px)}
  #fy-reading-modes .fy-sidebar,#fy-reading-modes[data-mode="workbench"] .fy-sidebar{
    display:flex;position:fixed;left:0;top:var(--app-header-height,76px);bottom:0;z-index:20;
    width:var(--fy-sidebar-width);height:calc(100dvh - var(--app-header-height,76px));min-height:0;
    flex-direction:column;padding:24px 16px 22px;overflow-y:auto;overscroll-behavior-y:contain;
    scrollbar-width:thin;scrollbar-color:#63645f var(--fy-dark);background:var(--fy-dark);color:#dddddb;
  }
  #fy-reading-modes .fy-sidebar>*{flex-shrink:0}
  #fy-reading-modes[data-mode="reading"] .fy-sidebar{visibility:hidden;opacity:0;transform:translateX(-16px);pointer-events:none}
  #fy-reading-modes[data-mode="workbench"] .fy-sidebar{visibility:visible;opacity:1;transform:none}
  #fy-reading-modes[data-mode="workbench"] .fy-main{grid-column:2}
  #fy-reading-modes[data-mode="workbench"] .fy-topnav{display:flex;visibility:hidden;opacity:0;pointer-events:none}
  #fy-reading-modes[data-mode="reading"] .fy-topnav{visibility:visible;opacity:1}
}
/* Narrow layouts use top navigation in both modes; don't imply a mobile sidebar. */
@media(max-width:900px){#fy-reading-modes .fy-layout-icon{display:none}}