.docs-layout { width:min(1240px,calc(100% - 96px)); margin-inline:auto; display:grid; grid-template-columns:232px minmax(0,1fr); gap:64px; align-items:start; }
.docs-sidebar { position:sticky; top:104px; max-height:calc(100svh - 128px); overflow-y:auto; padding:8px 8px 24px 0; margin-top:40px; }
.docs-label { display:block; margin:0 12px 18px; font-size:14px; font-weight:600; color:var(--muted); text-decoration:none; }
.docs-sidebar nav,.docs-mobile-menu nav { display:grid; gap:4px; }
.docs-sidebar nav a,.docs-mobile-menu nav a { display:flex; align-items:center; min-height:44px; padding:10px 12px; border-radius:8px; text-decoration:none; font-size:14px; line-height:1.5; color:#49494f; }
.docs-sidebar nav a:hover,.docs-mobile-menu nav a:hover { background:var(--surface); }
.docs-sidebar nav a[aria-current],.docs-mobile-menu nav a[aria-current] { color:var(--blue); background:var(--blue-soft); font-weight:600; }
.docs-main { min-width:0; padding:48px 0 72px; }
.docs-heading { margin-bottom:24px; }
.docs-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:14px; margin-bottom:20px; color:var(--blue); font-weight:500; }
.draft-badge { font-size:12px; color:var(--muted); background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:2px 7px; }
.docs-heading h1 { font-size:clamp(34px,3.7vw,50px); line-height:1.12; letter-spacing:-.04em; text-wrap:initial; }
.docs-intro { font-size:18px; margin-top:18px; max-width:680px; }
.docs-draft-note { font-size:14px; background:var(--surface); border-left:3px solid var(--line); padding:14px 18px; border-radius:0 8px 8px 0; }
.docs-quick-link { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; padding:22px 0; margin:8px 0 12px; border-bottom:1px solid var(--line); font-size:14px; }
.docs-quick-link > span { color:var(--muted); }
.docs-quick-link a,.docs-inline-link { color:var(--blue); text-decoration:none; }
.docs-quick-link a:hover,.docs-inline-link:hover { text-decoration:underline; }
.chapter-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.chapter-card { display:flex; flex-direction:column; gap:12px; padding:24px; border:1px solid var(--line); border-radius:14px; text-decoration:none; background:#fff; }
.chapter-card:hover { border-color:var(--blue); background:#fafcff; }
.chapter-card h2 { font-size:21px; line-height:1.3; letter-spacing:-.02em; text-wrap:initial; }
.chapter-card p { font-size:16px; }
.chapter-card > span { display:flex; justify-content:space-between; color:var(--blue); margin-top:auto; padding-top:8px; font-size:14px; }
.docs-toc { padding:24px 0; margin-top:12px; border-bottom:1px solid var(--line); }
.docs-toc h2 { font-size:14px; letter-spacing:0; margin-bottom:10px; }
.docs-toc ul { list-style:none; padding:0; margin:0; columns:2; column-gap:28px; }
.docs-toc li { break-inside:avoid; }
.docs-toc a { display:inline-block; padding:7px 0; font-size:14px; line-height:1.5; color:var(--muted); text-decoration:none; }
.docs-toc a:hover { color:var(--blue); text-decoration:underline; }
.docs-section { padding:36px 0; border-bottom:1px solid var(--line); }
.docs-section:target { border-bottom-color:var(--blue); }
.docs-section h2 { font-size:26px; letter-spacing:-.025em; line-height:1.25; margin-bottom:18px; text-wrap:initial; }
.docs-section h2 a { text-decoration:none; }
.section-hash { color:var(--blue); font-size:20px; opacity:0; }
.docs-section h2 a:hover .section-hash,.docs-section h2 a:focus-visible .section-hash { opacity:1; }
.coverage-label { font-size:12px; font-weight:600; letter-spacing:.025em; color:var(--muted); margin-bottom:6px; }
.docs-section > p:not(.coverage-label) { font-size:16px; }
.screenshot-placeholder { display:grid; justify-items:center; align-content:center; gap:10px; min-height:180px; padding:28px; margin-top:24px; border:1px dashed #b8c5d4; border-radius:12px; background:linear-gradient(130deg,#f5f5f7,#f3f7fc); text-align:center; }
.placeholder-label { font-size:12px; font-weight:600; color:var(--blue); }
.screenshot-placeholder p { font-size:14px; max-width:420px; }
.shortcut-table-wrap { overflow-x:auto; margin-top:24px; border:1px solid var(--line); border-radius:12px; }
.shortcut-table { width:100%; border-collapse:collapse; text-align:left; font-size:14px; }
.shortcut-table caption { text-align:left; padding:16px; font-size:14px; color:var(--muted); background:var(--surface); }
.shortcut-table th { padding:12px 16px; font-weight:600; border-block:1px solid var(--line); }
.shortcut-table td { padding:20px 16px; line-height:1.65; color:var(--muted); }
.docs-inline-link { display:inline-block; margin-top:14px; font-size:16px; padding-block:6px; }
.chapter-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:36px; }
.chapter-pagination a { padding:18px; border:1px solid var(--line); border-radius:12px; text-decoration:none; color:var(--blue); font-size:16px; line-height:1.5; }
.chapter-pagination a:last-child { text-align:right; }
.chapter-pagination a:hover { background:var(--blue-soft); }
.chapter-pagination span { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; }
.docs-mobile-menu { display:none; }
@media (max-width:1100px) {
  .docs-layout { width:calc(100% - 48px); grid-template-columns:210px minmax(0,1fr); gap:32px; }
  .chapter-grid { grid-template-columns:1fr; }
  .docs-toc ul { columns:1; }
}
@media (max-width:800px) {
  .docs-layout { display:block; max-width:720px; }
  .docs-sidebar { display:none; }
  .docs-mobile-menu { display:block; margin-top:24px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
  .docs-mobile-menu summary { padding:15px 18px; font-size:14px; font-weight:600; cursor:pointer; }
  .docs-mobile-menu nav { padding:0 8px 8px; }
  .docs-main { padding-top:28px; }
  .chapter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .docs-layout { width:calc(100% - 40px); }
  .docs-heading h1 { font-size:36px; }
  .docs-intro { font-size:17px; }
  .chapter-grid { grid-template-columns:1fr; }
  .chapter-card { padding:22px; }
  .docs-section h2 { font-size:24px; }
  .screenshot-placeholder { min-height:160px; padding:22px; }
  .chapter-pagination { gap:12px; }
  .chapter-pagination a { padding:14px; font-size:14px; }
  .docs-page .footer-links { margin-left:0; width:100%; gap:8px 18px; }
}

/* Viewer shortcut reference. Keep key combinations together and long descriptions readable. */
#keyboard-shortcuts .shortcut-legend { margin-top:14px; font-size:14px; }
#keyboard-shortcuts .shortcut-table th[scope="row"] { font-weight:500; vertical-align:top; width:30%; }
#keyboard-shortcuts .shortcut-table td { padding:12px 16px; vertical-align:top; border-bottom:1px solid var(--line); }
#keyboard-shortcuts .shortcut-table tbody tr:last-child > * { border-bottom:0; }
#keyboard-shortcuts .shortcut-table kbd { font:inherit; color:var(--ink); white-space:nowrap; }
@media (max-width:600px) {
  #keyboard-shortcuts .shortcut-table th,#keyboard-shortcuts .shortcut-table td { padding:12px 8px; }
}

/* Illustrated Viewer workspace reference. Crops leave the original PNGs intact. */
.workspace-docs > p { margin-block:16px; }
.workspace-docs h3 { margin:36px 0 16px; font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.workspace-docs a:not(.docs-image-link) { text-underline-offset:.2em; }
.workspace-docs p a,.workspace-key a { color:var(--blue); }
.workspace-docs kbd { font:inherit; white-space:nowrap; }
.workspace-contents { display:flex; flex-wrap:wrap; gap:4px 20px; margin-top:18px; }
.workspace-contents a { color:var(--blue); font-size:14px; padding-block:8px; }
.docs-figure { margin:24px 0; }
.docs-image-link { display:block; border-radius:10px; }
.docs-image-crop { position:relative; overflow:hidden; border-radius:10px; background:var(--surface); box-shadow:0 0 0 1px rgb(0 0 0 / 9%); }
.docs-image-crop img { position:absolute; max-width:none; height:auto; }
.tab-details-crop { aspect-ratio:1050 / 310; }
.tab-details-crop img { width:309.333333%; left:-198.095238%; top:-56.451613%; }
.tab-menu-figure { max-width:340px; }
.tab-menu-crop { aspect-ratio:448 / 304; border-radius:16px; }
.tab-menu-crop img { width:120.535714%; left:-10.267857%; top:-12.5%; }
.detached-crop { aspect-ratio:3024 / 1896; }
.detached-crop img { width:100%; left:0; top:-3.586498%; }
.docs-figure figcaption { font-size:13px; padding-top:12px; }
.workspace-key { display:grid; gap:14px; padding-left:25px; margin:22px 0; color:var(--muted); font-size:16px; line-height:1.65; }
.workspace-key li { padding-left:6px; }
.workspace-key li::marker { color:var(--blue); font-weight:600; }
.workspace-key strong { color:var(--ink); }
.workspace-controls { margin:24px 0; }
.workspace-controls > div { display:grid; grid-template-columns:minmax(150px,1fr) minmax(0,2fr); gap:24px; padding-block:16px; border-top:1px solid var(--line); }
.workspace-controls dt { font-size:16px; line-height:1.6; font-weight:600; }
.workspace-controls dd { margin:0; color:var(--muted); font-size:16px; line-height:1.65; }
@media (max-width:600px) {
  .workspace-controls > div { grid-template-columns:1fr; gap:6px; }
  .docs-figure figcaption { flex-direction:column; gap:6px; }
}

.workspace-crop { aspect-ratio:3024 / 1898; }
.workspace-crop img { width:107.407407%; left:-3.703704%; top:-4.109589%; }

/* Navigation reference: full Find capture, focused suggestions, and Outline crop. */
.navigation-docs h3 { margin:36px 0 16px; font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.navigation-docs > p { margin-block:16px; }
.navigation-docs p a { color:var(--blue); }
.navigation-docs kbd { font:inherit; white-space:nowrap; }
.outline-figure { max-width:340px; }
.outline-crop { aspect-ratio:640 / 1500; }
.outline-crop img { width:507.5%; left:-389.375%; top:-21.333333%; }
.find-crop { aspect-ratio:2828 / 1772; }
.find-crop img { width:115.275813%; left:-7.637907%; top:-8.352144%; }
.ai-search-crop { aspect-ratio:990 / 510; }
.ai-search-crop img { width:328.080808%; left:-212.121212%; top:-29.411765%; }

/* Overview company controls. Original captures remain available at full size. */
.company-navigation-docs h3 { margin:32px 0 14px; font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.company-navigation-docs > p { margin-block:16px; }
.company-search-figure { max-width:520px; }
.company-search-crop { aspect-ratio:1040 / 930; }
.company-search-crop img { width:312.307692%; left:-12.5%; top:-33.333333%; }
.company-watchlist-figure { max-width:700px; }
.company-watchlist-crop { aspect-ratio:1300 / 390; }
.company-watchlist-crop img { width:249.846154%; left:-10%; top:-79.487179%; }

/* Overview market widget: card and chart, without surrounding page content. */
.market-data-docs > p { margin-block:16px; }
.market-data-docs h3 { margin:32px 0 14px; font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.market-data-docs p a { color:var(--blue); }
.market-data-figure { max-width:700px; }
.market-data-crop { aspect-ratio:1370 / 1078; }
.market-data-crop img { width:237.080292%; left:-11.532847%; top:-54.545455%; }

/* AppLovin business description and company overview, cropped from supplied captures. */
.company-context-docs h3 { margin:32px 0 14px; font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.company-context-docs > p { margin-block:16px; }
.company-context-docs p a { color:var(--blue); }
.company-context-crop { aspect-ratio:2920 / 1180; }
.company-context-crop img { width:111.232877%; left:-5.273973%; top:-49.152542%; }

/* Expanded company overview references from the supplied screenshot. */
.company-sources-crop { aspect-ratio:2250 / 525; }
.company-sources-crop img { width:144.355556%; left:-6.666667%; top:-193.142857%; }

/* Financial Snapshot table and period controls from the supplied capture. */
.financial-snapshot-docs > p { margin-block:16px; }
.financial-snapshot-crop { aspect-ratio:1440 / 580; }
.financial-snapshot-crop img { width:225.555556%; left:-106.944444%; top:-179.310345%; }

/* Market heatmap and toolbar from the supplied Markets screenshot. */
.heatmap-docs > p { margin-block:16px; }
.heatmap-crop { aspect-ratio:2930 / 960; }
.heatmap-crop img { width:110.853242%; left:-5.460751%; top:-38.75%; }

/* Individual dashboard panels from the supplied Markets capture. */
.markets-reference-docs > p { margin-block:16px; }
.markets-fx-figure { max-width:580px; }
.markets-macro-figure, .markets-calendar-figure { max-width:510px; }
.markets-table-wrap { overflow-x:auto; margin:24px 0; border:1px solid var(--line); border-radius:12px; }
.markets-reference-table { width:100%; border-collapse:collapse; font-size:15px; }
.markets-reference-table caption { text-align:left; padding:16px; font-weight:600; }
.markets-reference-table th, .markets-reference-table td { padding:12px 16px; text-align:left; vertical-align:top; border-top:1px solid var(--line); }
.markets-reference-table td { color:var(--muted); }
.markets-fx-crop { aspect-ratio:1032 / 1398; }
.markets-fx-crop img { width:314.728682%; left:-15.503876%; top:-29.899857%; }
.markets-macro-crop { aspect-ratio:918 / 1398; }
.markets-macro-crop img { width:353.812636%; left:-133.115468%; top:-29.899857%; }
.markets-calendar-crop { aspect-ratio:920 / 1398; }
.markets-calendar-crop img { width:353.043478%; left:-235.869565%; top:-29.899857%; }

/* Watchlist workspace, preserving the supplied app capture. */
.watchlists-docs > p { margin-block:16px; }
.watchlists-docs h3 { margin:32px 0 14px; font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.watchlists-docs p a { color:var(--blue); }
.watchlist-workspace-crop { aspect-ratio:3024 / 1780; }
.watchlist-workspace-crop img { width:107.407407%; left:-3.703704%; top:-4.269663%; }

/* Watchlist selector and list management menu. */
.watchlist-menu-figure { max-width:400px; }
.watchlist-menu-crop { aspect-ratio:580 / 495; }
.watchlist-menu-crop img { width:560%; left:-384.482759%; top:-70.707071%; }

/* Tracker feed and expanded summary from supplied captures. */
.tracker-docs > p { margin-block:16px; }
.tracker-docs p a { color:var(--blue); }
.tracker-feed-figure { max-width:420px; }
.tracker-summary-figure { max-width:430px; }
.tracker-feed-crop { aspect-ratio:660 / 1585; }
.tracker-feed-crop img { width:492.121212%; left:-372.727273%; top:-11.987382%; }
.tracker-summary-crop { aspect-ratio:580 / 1130; }
.tracker-summary-crop img { width:560%; left:-429.310345%; top:-57.964602%; }

/* Manage Tracking dialog from supplied app screenshot. */
.tracker-management-figure { max-width:560px; }
.tracker-management-crop { aspect-ratio:966 / 1005; }
.tracker-management-crop img { width:336.231884%; left:-118.012422%; top:-46.965174%; }

/* Overview recent filings and updates from the supplied app screenshot. */
.overview-recent-filings-crop { aspect-ratio:2910 / 980; }
.overview-recent-filings-crop img { width:111.615120%; left:-5.154639%; top:-98.469388%; }

.filings-ir-figure { max-width:560px; }
.filings-ir-crop { aspect-ratio:946 / 784; }
.filings-ir-crop img { width:334.038055%; left:-115.221987%; top:-143.367347%; }

.filings-upload-figure { max-width:640px; }
.filings-upload-crop { aspect-ratio:1040 / 590; }
.filings-upload-crop img { width:312.307692%; left:-106.153846%; top:-123.728814%; }

.viewer-create-note-figure { max-width:580px; }
.viewer-create-note-crop { aspect-ratio:960 / 775; }
.viewer-create-note-crop img { width:338.333333%; left:-119.270833%; top:-74.838710%; }
.viewer-saved-note-crop { aspect-ratio:3024 / 1898; }
.viewer-saved-note-crop img { width:107.407407%; left:-3.703704%; top:-4.109589%; }

.viewer-document-chat-crop { aspect-ratio:3024 / 1898; }
.viewer-document-chat-crop img { width:107.407407%; left:-3.703704%; top:-4.109589%; }

.viewer-xbrl-facts-crop { aspect-ratio:3024 / 1898; }
.viewer-xbrl-facts-crop img { width:107.407407%; left:-3.703704%; top:-4.109589%; }

.viewer-table-export-crop { aspect-ratio:3024 / 1898; }
.viewer-table-export-crop img { width:107.407407%; left:-3.703704%; top:-4.109589%; }

.viewer-extract-table-crop { aspect-ratio:3024 / 1898; }
.viewer-extract-table-crop img { width:107.407407%; left:-3.703704%; top:-4.109589%; }

.model-builder-workspace-crop { aspect-ratio:3024 / 1898; }
.model-builder-workspace-crop img { width:107.407407%; left:-3.703704%; top:-4.109589%; }

.model-reference { margin-top:28px; padding:18px 0; border-bottom:1px solid var(--line); }
.model-reference summary { cursor:pointer; font-size:14px; color:var(--muted); }
.model-reference > p { font-size:14px; }

.docs-section > p.docs-disclaimer { font-size:13px; color:var(--muted); line-height:1.6; }

.docs-heading .docs-updated { margin-top:12px; font-size:13px; color:var(--muted); }

.notes-workspace-crop { aspect-ratio:3024 / 1794; }
.notes-workspace-crop img { width:107.407407%; left:-3.703704%; top:-4.347826%; }

/* General settings capture, cropped to the window. */
.settings-general-figure { max-width:560px; }
.settings-general-crop { aspect-ratio:1040 / 1070; }
.settings-general-crop img { width:121.538462%; left:-10.769231%; top:-7.102804%; }

/* Error-message guidance uses native disclosures for keyboard and touch access. */
.troubleshooting-item { margin-block:10px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.troubleshooting-item summary { padding:16px 18px; cursor:pointer; font-size:16px; font-weight:600; line-height:1.5; color:var(--ink); }
.troubleshooting-item summary::marker { color:var(--blue); }
.troubleshooting-item summary:focus-visible { outline:2px solid var(--blue); outline-offset:3px; border-radius:8px; }
.troubleshooting-item[open] summary { border-bottom:1px solid var(--line); }
.troubleshooting-answer { padding:18px; overflow-wrap:anywhere; }
.troubleshooting-answer .troubleshooting-label { font-size:12px; font-weight:600; color:var(--muted); margin:0 0 10px; }
.troubleshooting-answer .error-messages { margin:0 0 16px; padding-left:20px; color:var(--ink); font-size:14px; line-height:1.65; }
.error-messages li + li { margin-top:6px; }
.troubleshooting-answer > p:last-child { font-size:15px; line-height:1.7; margin:0; }
#troubleshooting h3 { scroll-margin-top:110px; }