/* Public document layout. No administrator page opts into this scope. */
@font-face { font-family:'CruyffSans'; src:url('/assets/fonts/CruyffSans-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'CruyffSans'; src:url('/assets/fonts/CruyffSans-Bold.woff2') format('woff2'); font-weight:700 900; font-display:swap; }
:root body.user-service.user-document { --bg:var(--ui-bg); --panel:var(--ui-surface); --panel-2:var(--ui-surface-subtle); --line:var(--ui-line); --text:var(--ui-ink); --ink:var(--ui-ink); --muted:var(--ui-muted); --accent:var(--ui-accent); margin:0; padding:0 0 0 216px; background:var(--ui-bg); color:var(--ui-ink); font:15px/1.7 'CruyffSans',-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif; overflow-wrap:anywhere; }
:root body.user-service.user-document *, :root body.user-service.user-document *::before, :root body.user-service.user-document *::after { box-sizing:border-box; }
:root body.user-service.user-document .document-skip-link { position:fixed; top:8px; left:12px; z-index:20000; padding:10px 16px; background:var(--ui-surface); color:var(--ui-accent); border:2px solid var(--ui-focus); transform:translateY(-160%); }
:root body.user-service.user-document .document-skip-link:focus { transform:none; }
:root body.user-service.user-document :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline:2px solid var(--ui-focus); outline-offset:3px; }
:root body.user-service.user-document #documentMain:focus { outline:none; }
:root body.user-service.user-document :where(button,input,select,textarea) { font:inherit; }
:root body.user-service.user-document :where(button,input:not([type='hidden']):not([type='file']),select) { min-height:44px; }
:root body.user-service.user-document :where(button,input:not([type='hidden']):not([type='file']),select,textarea) { padding:10px 12px; border:1px solid var(--ui-line); border-radius:3px; color:var(--ui-ink); background:var(--ui-surface); max-width:100%; }
:root body.user-service.user-document button { cursor:pointer; }
:root body.user-service.user-document button:hover { background:var(--ui-surface-subtle); }
:root body.user-service.user-document button:disabled { cursor:default; opacity:.6; }
:root body.user-service.user-document .btn-primary { background:var(--ui-accent); color:var(--ui-on-accent); border-color:var(--ui-accent); box-shadow:none; }
:root body.user-service.user-document :where(h1,h2,h3,h4) { color:var(--ui-ink); overflow-wrap:anywhere; letter-spacing:-.035em; }
:root body.user-service.user-document :where(.muted,.meta,.day,.note,.empty,.loading,.p-help,.document-status) { color:var(--ui-muted); }
:root body.user-service.user-document .document-status { padding:12px 0; }
:root body.user-service.user-document .document-status[data-tone='error'] { color:var(--ui-danger); }
:root body.user-service.user-document .document-status[data-tone='success'] { color:var(--ui-accent); }

/* Persistent service rail and a separate document section index. */
:root body.user-service.user-document .document-header { position:fixed; z-index:40; inset:0 auto 0 0; width:216px; margin:0; padding:32px 22px; border:0; border-right:1px solid var(--ui-line); background:var(--ui-surface); }
:root body.user-service.user-document .document-service-bar { display:block; }
:root body.user-service.user-document .document-brand { display:block; width:max-content; max-width:100%; margin:0 0 38px; color:var(--ui-ink); font-size:28px; font-weight:800; line-height:1.2; letter-spacing:-.055em; text-decoration:none; }
:root body.user-service.user-document .document-brand span { margin-left:3px; color:var(--ui-accent); }
:root body.user-service.user-document .document-service-nav { display:flex; flex-direction:column; gap:3px; }
:root body.user-service.user-document .document-service-nav a { display:flex; align-items:center; min-height:48px; padding:12px; border:0; border-radius:3px; color:var(--ui-ink); font-size:14px; font-weight:650; text-decoration:none; }
:root body.user-service.user-document .document-service-nav a:hover { color:var(--ui-accent); background:var(--ui-surface-subtle); }
:root body.user-service.user-document .document-current { display:block; margin-top:30px; padding:20px 12px 0; border-top:1px solid var(--ui-line); color:var(--ui-muted); font-size:12px; line-height:1.6; text-decoration:none; }
:root body.user-service.user-document .document-library-nav { display:flex; flex-direction:column; gap:2px; padding-top:14px; }
:root body.user-service.user-document .document-library-nav a { display:flex; align-items:center; min-height:44px; padding:10px 12px; color:var(--ui-muted); font-size:12px; line-height:1.4; text-decoration:none; }
:root body.user-service.user-document .document-library-nav a:hover { background:var(--ui-surface-subtle); color:var(--ui-ink); }
:root body.user-service.user-document .document-library-nav a[aria-current] { color:var(--ui-accent); background:var(--ui-accent-soft); font-weight:750; }
:root body.user-service.user-document #documentMain { width:min(1152px,calc(100% - 80px)); max-width:none; margin:0 auto; padding:54px 0 88px; }
:root body.user-service.user-document .document-page-heading { margin:0 0 40px; padding:0 0 34px; border-bottom:1px solid var(--ui-line); }
:root body.user-service.user-document .document-page-heading h1 { margin:0; font-size:clamp(32px,3.9vw,52px); line-height:1.15; letter-spacing:-.065em; font-weight:800; }
:root body.user-service.user-document .document-reading-layout { display:grid; grid-template-columns:190px minmax(0,760px); gap:44px; align-items:start; }
:root body.user-service.user-document .document-toc { position:sticky; top:36px; padding:0; border:0; }
:root body.user-service.user-document .document-toc summary { display:flex; align-items:center; min-height:44px; margin:0 0 8px; padding:0; color:var(--ui-muted); font-size:12px; font-weight:650; list-style:none; cursor:pointer; }
:root body.user-service.user-document .document-toc summary::-webkit-details-marker { display:none; }
:root body.user-service.user-document .document-toc-links { display:flex; flex-direction:column; gap:3px; max-height:calc(100dvh - 130px); overflow:auto; padding-right:8px; }
:root body.user-service.user-document .document-toc-links a { display:flex; align-items:center; min-height:44px; padding:10px 0 10px 14px; border-left:1px solid var(--ui-line); color:var(--ui-muted); font-size:12px; line-height:1.5; text-decoration:none; }
:root body.user-service.user-document .document-toc-links a:hover { border-color:var(--ui-accent); color:var(--ui-accent); }
:root body.user-service.user-document .document-reading-body { min-width:0; max-width:760px; }
:root body.user-service.user-document.user-reading .card { margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; }
:root body.user-service.user-document.user-reading .card + .card { margin-top:38px; padding-top:34px; border-top:1px solid var(--ui-line); }
:root body.user-service.user-document.user-reading .document-reading-body h2 { margin:40px 0 18px; font-size:23px; line-height:1.4; letter-spacing:-.04em; scroll-margin-top:35px; }
:root body.user-service.user-document.user-reading :where(p,li,dd,.entry-body) { color:var(--ui-ink); font-size:15px; line-height:1.95; }
:root body.user-service.user-document.user-reading .document-reading-body > .card:first-child > p:first-of-type { margin-top:0; margin-bottom:30px; font-size:19px; line-height:1.85; letter-spacing:-.025em; }
:root body.user-service.user-document.user-reading :where(ul,ol) { padding-left:21px; margin:16px 0 24px; }
:root body.user-service.user-document.user-reading li + li { margin-top:10px; }
:root body.user-service.user-document.user-reading li::marker { color:var(--ui-accent); }
:root body.user-service.user-document.user-reading .document-reading-body a { color:var(--ui-accent); text-decoration:underline; text-underline-offset:4px; }
:root body.user-service.user-document.user-reading :where(.muted,.day,.meta,.empty,.loading,.links) { color:var(--ui-muted); font-size:12px; }
:root body.user-service.user-document.user-reading .links { margin-top:32px; padding-top:24px; border-top:1px solid var(--ui-line); }
:root body.user-service.user-document.user-reading code { color:var(--ui-ink); background:var(--ui-surface); padding:2px 5px; border:1px solid var(--ui-line); border-radius:2px; font-size:.87em; }
:root body.user-service.user-document.user-reading .document-reading-body a.cta { display:inline-flex; align-items:center; min-height:48px; margin:6px 0 16px; padding:11px 20px; border-radius:3px; background:var(--ui-accent); color:var(--ui-on-accent); font-size:14px; text-decoration:none; }
:root body.user-service.user-document.user-reading .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr)); gap:0; margin:24px 0; border:1px solid var(--ui-line); background:var(--ui-surface); }
:root body.user-service.user-document.user-reading .kpi { padding:20px; border:0; border-right:1px solid var(--ui-line); border-radius:0; background:transparent; }
:root body.user-service.user-document.user-reading .entry { padding:0 0 38px 24px; margin:0 0 34px; border:0; border-left:2px solid var(--ui-line); }
:root body.user-service.user-document.user-reading .entry h2 { margin:0 0 10px; font-size:24px; }
:root body.user-service.user-document.user-reading .entry .meta { margin:0 0 20px; color:var(--ui-accent); }
:root body.user-service.user-document :where(.entry-body,.notice-body) :where(img,video,iframe) { max-width:100%; }
:root body.user-service.user-document :where(.entry-body,.notice-body) img { height:auto; }
:root body.user-service.user-document :where(.entry-body,.notice-body) pre { max-width:100%; overflow:auto; }
:root body.user-service.user-document :where(.entry-body,.notice-body) table { display:block; max-width:100%; overflow:auto; }

/* Notices: index next to a reader, a single pane on a phone. */
:root body.user-service.user-document .document-notice-workspace { display:grid; grid-template-columns:280px minmax(0,1fr); gap:36px; min-height:520px; }
:root body.user-service.user-document .document-notice-index { border-top:2px solid var(--ui-ink); min-width:0; }
:root body.user-service.user-document .notice-item { display:block; width:100%; margin:0; padding:23px 14px; text-align:left; border:0; border-bottom:1px solid var(--ui-line); border-radius:0; background:transparent; }
:root body.user-service.user-document .notice-item:hover { background:var(--ui-surface-subtle); }
:root body.user-service.user-document .notice-item[aria-current] { background:var(--ui-accent-soft); border-left:3px solid var(--ui-accent); padding-left:11px; }
:root body.user-service.user-document .notice-title { display:block; margin:0 0 10px; color:var(--ui-ink); font-size:15px; line-height:1.6; font-weight:750; }
:root body.user-service.user-document .notice-pinned { color:var(--ui-accent); }
:root body.user-service.user-document .notice-meta { display:block; color:var(--ui-muted); font-size:12px; line-height:1.7; }
:root body.user-service.user-document .document-notice-reader { min-width:0; background:var(--ui-surface); }
:root body.user-service.user-document .document-notice-placeholder { padding:44px 34px; border-top:3px solid var(--ui-accent); }
:root body.user-service.user-document .document-notice-placeholder p { margin:0 0 20px; color:var(--ui-muted); font-size:12px; }
:root body.user-service.user-document .document-notice-placeholder h2 { max-width:260px; margin:0; font-size:27px; line-height:1.55; letter-spacing:-.045em; }
:root body.user-service.user-document .notice-body { padding:30px 34px 48px; border:0; border-top:3px solid var(--ui-accent); border-radius:0; background:transparent; font-size:15px; line-height:1.95; }
:root body.user-service.user-document .notice-body h2 { margin:0 0 20px; font-size:30px; line-height:1.4; letter-spacing:-.05em; }
:root body.user-service.user-document .notice-detail-tools { display:flex; align-items:center; gap:12px; margin-bottom:28px; }
:root body.user-service.user-document .notice-detail-tools button { padding:8px 12px; font-size:12px; background:transparent; color:var(--ui-muted); }

/* Profile settings: identity and editable fields form two distinct panes. */
:root body.user-service.user-document.user-settings #documentMain { max-width:1040px; }
:root body.user-service.user-document.user-settings .p-card { display:grid; grid-template-columns:280px minmax(0,1fr); padding:0; border:1px solid var(--ui-line); border-radius:0; box-shadow:none; background:var(--ui-surface); }
:root body.user-service.user-document.user-settings .p-top { display:flex; flex-direction:column; align-items:flex-start; gap:24px; margin:0; padding:36px 28px; border:0; border-right:1px solid var(--ui-line); background:var(--ui-surface-subtle); }
:root body.user-service.user-document.user-settings .p-top > div { min-width:0; }
:root body.user-service.user-document.user-settings .p-avatar { width:104px; height:104px; flex:0 0 104px; border:1px solid var(--ui-line); border-radius:50%; object-fit:cover; background:var(--ui-surface); }
:root body.user-service.user-document.user-settings .p-name { margin-bottom:16px; font-size:25px; line-height:1.3; letter-spacing:-.04em; }
:root body.user-service.user-document.user-settings .p-help { color:var(--ui-muted); font-size:12px; line-height:1.8; }
:root body.user-service.user-document.user-settings #avatarPickBtn { margin-top:12px; padding:10px 14px; background:var(--ui-surface); font-size:12px; }
:root body.user-service.user-document.user-settings .document-profile-fields { padding:40px; min-width:0; }
:root body.user-service.user-document.user-settings .p-row { display:flex; flex-direction:column; gap:12px; margin:0 0 20px; }
:root body.user-service.user-document.user-settings .p-row label { color:var(--ui-ink); font-size:16px; font-weight:750; }
:root body.user-service.user-document.user-settings .p-row input { height:52px; padding:14px; border:1px solid var(--ui-line); border-radius:3px; color:var(--ui-ink); background:var(--ui-surface); font-size:18px; }
:root body.user-service.user-document.user-settings .p-row input[aria-invalid='true'] { border-color:var(--ui-danger); }
:root body.user-service.user-document.user-settings .document-status { min-height:44px; margin:0; padding:8px 0; font-size:13px; }
:root body.user-service.user-document.user-settings .p-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:16px; padding-top:20px; border-top:1px solid var(--ui-line); }
:root body.user-service.user-document.user-settings .p-actions button { min-width:96px; height:48px; font-size:14px; }

/* Public reports keep their numeric and tabular character. */
:root body.user-service.user-document .document-table-scroll { width:100%; max-width:100%; overflow:auto; overscroll-behavior-x:contain; scrollbar-gutter:stable; }
:root body.user-service.user-document.user-league-report #meta { margin:0 0 24px; color:var(--ui-muted); font-size:13px; font-variant-numeric:tabular-nums; }
:root body.user-service.user-document.user-league-report table { width:100%; max-width:none; min-width:620px; border-collapse:collapse; background:var(--ui-surface); border-top:2px solid var(--ui-ink); }
:root body.user-service.user-document.user-league-report :where(th,td) { padding:22px 18px; border:0; border-bottom:1px solid var(--ui-line); color:var(--ui-ink); font-size:16px; text-align:right; font-variant-numeric:tabular-nums; }
:root body.user-service.user-document.user-league-report th { padding-block:14px; background:var(--ui-surface-subtle); color:var(--ui-muted); font-size:12px; font-weight:500; }
:root body.user-service.user-document.user-league-report :where(th,td):nth-child(2) { min-width:110px; text-align:left; font-weight:650; }
:root body.user-service.user-document.user-league-report td:first-child { font-size:24px; font-weight:800; color:var(--ui-accent); }
:root body.user-service.user-document.user-trade-report .card { max-width:820px; margin:0; padding:0; border:0; border-top:3px solid var(--ui-accent); border-radius:0; box-shadow:none; background:var(--ui-surface); }
:root body.user-service.user-document.user-trade-report .head { display:flex; align-items:center; gap:24px; margin:0; padding:30px; border-bottom:1px solid var(--ui-line); }
:root body.user-service.user-document.user-trade-report .avatar { width:110px; height:120px; flex:0 0 110px; border:0; border-radius:0; background:var(--ui-surface-subtle); object-fit:contain; }
:root body.user-service.user-document.user-trade-report #body { padding:20px 30px 30px; }
:root body.user-service.user-document.user-trade-report .chip { padding:5px 9px; border-radius:2px; background:var(--ui-accent-soft); color:var(--ui-accent); font-size:12px; }
:root body.user-service.user-document.user-trade-report .sub { color:var(--ui-muted); }
:root body.user-service.user-document.user-trade-report .row { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:18px 0; border-bottom:1px solid var(--ui-line); }
:root body.user-service.user-document.user-trade-report .row .k { color:var(--ui-muted); font-size:12px; }
:root body.user-service.user-document.user-trade-report .row b { color:var(--ui-ink); font-size:22px; font-weight:750; font-variant-numeric:tabular-nums; text-align:right; }
:root body.user-service.user-document.user-trade-report .up { color:var(--ui-accent); }
:root body.user-service.user-document.user-trade-report .down { color:var(--ui-danger); }
:root body.user-service.user-document.user-table-tool .row { display:flex; flex-wrap:wrap; align-items:flex-end; gap:18px; padding:24px; margin:0 0 24px; border-top:3px solid var(--ui-accent); background:var(--ui-surface); }
:root body.user-service.user-document.user-table-tool .document-field { display:flex; flex:1 1 140px; flex-direction:column; gap:8px; color:var(--ui-muted); font-size:12px; font-weight:600; }
:root body.user-service.user-document.user-table-tool .row > button { min-height:46px; background:var(--ui-accent); color:var(--ui-on-accent); }
:root body.user-service.user-document.user-table-tool table { min-width:960px; background:var(--ui-surface); }
:root body.user-service.user-document.user-table-tool :where(th,td) { padding:14px 12px; border-color:var(--ui-line); color:var(--ui-ink); }
:root body.user-service.user-document.user-table-tool th { background:var(--ui-surface-subtle); color:var(--ui-muted); font-size:12px; }
:root body.user-service.user-document.user-table-tool .document-api-note { margin:24px 0; padding:16px 20px; border-left:3px solid var(--ui-accent); background:var(--ui-surface); color:var(--ui-muted); }
:root body.user-service.user-document.user-table-tool pre { max-width:100%; overflow:auto; font-size:12px; line-height:1.65; }
:root body.user-service.user-document.user-metrics-tool .panel { border-color:var(--ui-line); background:var(--ui-surface); color:var(--ui-ink); box-shadow:none; }
:root body.user-service.user-document.user-metrics-tool .table-wrap { max-width:100%; overflow:auto; overscroll-behavior-x:contain; }
:root body.user-service.user-document.user-metrics-tool .ctrl { flex-wrap:wrap; }
:root body.user-service.user-document.user-metrics-tool :where(.global-notice-banner,.impact-meta,.chart-note) { color:var(--ui-muted); }
:root body.user-service.user-document.user-metrics-tool .impact-reason { color:var(--ui-ink); }
:root body.user-service.user-document.user-metrics-tool:is(.embed,.document-deep-only) { padding:0; background:transparent; }
:root body.user-service.user-document.user-metrics-tool:is(.embed,.document-deep-only) > :is(.document-header,.document-skip-link) { display:none; }
:root body.user-service.user-document.user-metrics-tool:is(.embed,.document-deep-only) :is(.document-tool-heading,.document-page-heading) { display:none; }
:root body.user-service.user-document.user-metrics-tool:is(.embed,.document-deep-only) #documentMain { width:100%; max-width:none; margin:0; padding:0; }

/* Existing notice links stay readable while idle and when reached by keyboard. */
:root body.user-service.user-document > .global-notice-banner { width:min(1152px,calc(100% - 80px)); max-width:none; margin:0 auto; padding:0; border-bottom:1px solid var(--ui-line); }
:root body.user-service.user-document > .global-notice-banner .global-notice-ticker { overflow:visible; color:var(--ui-muted); font-size:12px; }
:root body.user-service.user-document > .global-notice-banner .global-notice-track { display:flex; flex-wrap:wrap; gap:0 20px; width:100%; min-width:0; padding:0; white-space:normal; animation:none; transform:none; }
:root body.user-service.user-document > .global-notice-banner .global-notice-ticker-link { display:flex; align-items:center; min-height:44px; max-width:100%; padding:10px 0; line-height:1.6; overflow-wrap:anywhere; }
:root body.user-service.user-document > .global-notice-banner .global-notice-ticker-link:hover { color:var(--ui-accent); text-decoration:underline; text-underline-offset:3px; }
:root body.user-service.user-document > .global-notice-banner .global-notice-dot { display:none; }
@media (min-width:1024px) { :root body.user-service.user-document .document-header { overflow-y:auto; overscroll-behavior:contain; } }

@media (max-width:1099px) {
  :root body.user-service.user-document #documentMain { width:calc(100% - 56px); padding-top:40px; }
  :root body.user-service.user-document > .global-notice-banner { width:calc(100% - 56px); }
  :root body.user-service.user-document .document-reading-layout { grid-template-columns:1fr; gap:28px; }
  :root body.user-service.user-document .document-toc { position:static; padding:0; border-bottom:1px solid var(--ui-line); }
  :root body.user-service.user-document .document-toc summary { display:flex; justify-content:space-between; align-items:center; min-height:44px; margin:0; padding:0 0 16px; font-size:13px; }
  :root body.user-service.user-document .document-toc summary::after { content:'+'; color:var(--ui-accent); font-size:22px; font-weight:400; }
  :root body.user-service.user-document .document-toc[open] summary::after { content:'−'; }
  :root body.user-service.user-document .document-toc-links { padding:0 0 20px; max-height:50dvh; }
  :root body.user-service.user-document .document-notice-workspace { grid-template-columns:1fr; min-height:0; }
  :root body.user-service.user-document .document-notice-reader { background:transparent; }
  :root body.user-service.user-document .document-notice-placeholder { display:none; }
  :root body.user-service.user-document[data-notice-view='detail'] .document-notice-index { display:none; }
  :root body.user-service.user-document .notice-body { padding:0 0 32px; border:0; }
  :root body.user-service.user-document.user-settings .p-card { grid-template-columns:220px minmax(0,1fr); }
  :root body.user-service.user-document.user-settings .p-top { padding:28px 24px; }
  :root body.user-service.user-document.user-settings .document-profile-fields { padding:30px 24px; }
}
@media (max-width:1023px) {
  :root body.user-service.user-document { padding:0 0 calc(78px + env(safe-area-inset-bottom)); }
  :root body.user-service.user-document .document-header { position:relative; inset:auto; z-index:40; display:flex; justify-content:space-between; align-items:center; gap:20px; width:100%; min-height:78px; padding:20px 22px; border:0; border-bottom:1px solid var(--ui-line); background:var(--ui-bg); }
  :root body.user-service.user-document .document-brand { margin:0; font-size:27px; }
  :root body.user-service.user-document .document-current { max-width:44%; margin:0; padding:0; border:0; text-align:right; font-size:10px; }
  :root body.user-service.user-document .document-library-nav { display:none; }
  :root body.user-service.user-document .document-service-nav { position:fixed; z-index:60; inset:auto 0 0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; padding:0 8px env(safe-area-inset-bottom); border-top:1px solid var(--ui-line); background:var(--ui-surface); }
  :root body.user-service.user-document .document-service-nav a { display:flex; justify-content:center; align-items:center; padding:18px 2px; min-height:62px; font-size:12px; line-height:1.4; text-align:center; white-space:nowrap; }
  :root body.user-service.user-document #documentMain { width:calc(100% - 44px); padding:34px 0 54px; }
  :root body.user-service.user-document > .global-notice-banner { width:calc(100% - 44px); }
  :root body.user-service.user-document .document-page-heading { margin-bottom:28px; padding-bottom:28px; }
  :root body.user-service.user-document .document-page-heading h1 { font-size:36px; }
  :root body.user-service.user-document.user-reading .document-reading-body > .card:first-child > p:first-of-type { font-size:18px; }
  :root body.user-service.user-document.user-reading .document-reading-body h2 { margin-top:34px; font-size:22px; }
  :root body.user-service.user-document.user-reading .entry { padding-left:18px; }
  :root body.user-service.user-document.user-settings .p-card { grid-template-columns:1fr; }
  :root body.user-service.user-document.user-settings .p-top { display:grid; grid-template-columns:80px minmax(0,1fr); gap:20px; padding:26px 22px; border-right:0; border-bottom:1px solid var(--ui-line); }
  :root body.user-service.user-document.user-settings .p-avatar { width:80px; height:80px; }
  :root body.user-service.user-document.user-settings .p-name { font-size:22px; margin-bottom:10px; }
  :root body.user-service.user-document.user-settings .document-profile-fields { padding:28px 22px; }
  :root body.user-service.user-document.user-settings .p-actions { margin-top:18px; }
  :root body.user-service.user-document .notice-item { padding:22px 4px; }
  :root body.user-service.user-document .notice-title { font-size:18px; }
  :root body.user-service.user-document .notice-body h2 { font-size:29px; }
  :root body.user-service.user-document.user-trade-report .head { padding:24px; }
  :root body.user-service.user-document.user-trade-report #body { padding:12px 24px 24px; }
  :root body.user-service.user-document.user-trade-report .row b { font-size:19px; }
  :root body.user-service.user-document.user-table-tool .row { padding:22px 18px; }
  :root body.user-service.user-document.user-table-tool .row > button { width:100%; }
}
@media (max-width:600px) {
  :root body.user-service.user-document.user-league-report .document-table-scroll { overflow:visible; }
  :root body.user-service.user-document.user-league-report table { min-width:0; background:transparent; }
  :root body.user-service.user-document.user-league-report thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  :root body.user-service.user-document.user-league-report tbody { display:grid; gap:0; }
  :root body.user-service.user-document.user-league-report tr { display:grid; grid-template-columns:1fr 1fr; gap:18px 24px; padding:24px 0; border-bottom:1px solid var(--ui-line); }
  :root body.user-service.user-document.user-league-report td { display:flex; flex-direction:column; gap:6px; padding:0; border:0; text-align:left; font-size:18px; }
  :root body.user-service.user-document.user-league-report td::before { content:attr(data-label); color:var(--ui-muted); font-size:12px; font-weight:400; }
  :root body.user-service.user-document.user-league-report td[colspan] { grid-column:1/-1; font-size:15px; }
  :root body.user-service.user-document.user-league-report td[colspan]::before { content:none; }
}
@media (prefers-reduced-motion:reduce) { :root body.user-service.user-document { scroll-behavior:auto; } }


/* Keep the document inset independent from the application shell's mobile padding. */
:root body.user-service.user-document #documentMain { padding:54px 0 88px !important; }
:root body.user-service.user-document .document-brand img { width:172px; max-width:100%; height:auto; }
:root body.user-service.user-document .document-logo-on-dark { display:none; }
:root[data-theme='dark'] body.user-service.user-document .document-logo-on-light { display:none; }
:root[data-theme='dark'] body.user-service.user-document .document-logo-on-dark { display:block; }
@media (max-width:1099px) { :root body.user-service.user-document #documentMain { padding-top:40px !important; } }
@media (max-width:1023px) {
  :root body.user-service.user-document #documentMain { padding-block:34px 54px !important; }
  :root body.user-service.user-document .document-brand img { width:146px; }
}
:root body.user-service.user-document.user-metrics-tool:is(.embed,.document-deep-only) #documentMain { padding:0 !important; }
:root body.user-service.user-trade-report .card [hidden] { display:none !important; }
:root body.user-service.user-trade-report #body[role='status'] { line-height:1.7; color:var(--ui-muted); }
:root body.user-service.user-trade-report #shareRetry { min-height:44px; margin-top:16px; padding:10px 16px; color:var(--ui-on-accent); background:var(--ui-accent); border:0; border-radius:3px; }
:root body.user-service.user-metrics-tool .panel:empty { display:none; }
:root body.user-service.user-league-report td[colspan] { text-align:left !important; line-height:1.7; font-weight:400; padding:24px 12px; }

@media(max-width:600px) {
  :root body.user-service.user-document .document-page-heading h1 { font-size:30px; line-height:1.35; letter-spacing:-.04em; word-break:keep-all; }
  :root body.user-service.user-document.user-table-tool :is(input,select) { font-size:16px; }
}

@media(max-width:767px) {
  :root body.user-service.user-document .document-header { padding-inline:var(--ui-mobile-gutter); }
  :root body.user-service.user-document #documentMain,
  :root body.user-service.user-document > .global-notice-banner { width:calc(100% - 2 * var(--ui-mobile-gutter)); }
  :root body.user-service.user-document #documentMain { padding-block:24px 40px !important; }
  :root body.user-service.user-document .document-page-heading { margin-bottom:20px; padding-bottom:20px; }
  :root body.user-service.user-document.user-settings .p-top { padding:20px 0; gap:16px; }
  :root body.user-service.user-document.user-settings .document-profile-fields { padding:20px 0; }
  :root body.user-service.user-document.user-table-tool .row { padding:16px 0; }
  :root body.user-service.user-document.user-trade-report .head { padding:16px; }
  :root body.user-service.user-document.user-trade-report #body { padding:12px 16px 16px; }
  :root body.user-service.user-metrics-tool:is(.embed,.document-deep-only) #documentMain { padding:0 !important; }
}

@media(max-width:767px) {
  :root body.user-service.user-document .document-reading-layout { gap:20px; }
  :root body.user-service.user-document.user-reading .card + .card { margin-top:24px; padding-top:20px; }
  :root body.user-service.user-document.user-reading .document-reading-body h2 { margin-top:28px; margin-bottom:12px; }
  :root body.user-service.user-document.user-reading .entry { margin-bottom:24px; padding:0 0 24px 12px; }
  :root body.user-service.user-document.user-reading .kpi { padding:14px; }
  :root body.user-service.user-document .notice-item { padding:14px 0; }
  :root body.user-service.user-document .notice-item[aria-current] { padding-left:12px; }
  :root body.user-service.user-document .notice-title { margin-bottom:6px; }
  :root body.user-service.user-document .notice-body { padding:20px 0 24px; }
  :root body.user-service.user-document .notice-detail-tools { margin-bottom:16px; }
  :root body.user-service.user-document.user-settings .p-card { border:0; }
  :root body.user-service.user-document.user-settings .p-top { background:transparent; padding-top:0; }
  :root body.user-service.user-document.user-settings .p-row { gap:8px; margin-bottom:12px; }
  :root body.user-service.user-document.user-settings .p-actions { margin-top:8px; padding-top:12px; }
  :root body.user-service.user-document.user-league-report tr { gap:12px 16px; padding-block:16px; }
}