/* Owen Graphite v3 — bundled theme stylesheet. * * Generated by dev/scripts/bundle_v3.py from src/entry.css. * Do not hand-edit. The @import / cascade order is defined in src/entry.css. * Same-context duplicate-selector dedup pass: dev/scripts/dedup_v3.py. * * The repo root theme.css is a promoted copy of this bundle; see * dev/scripts/build_release.py and dev/scripts/sync_obsidian_theme.py. */ /* Owen Graphite v3 entry point. * * Cascade strategy: classic file-order + selector-specificity. ZERO important. * * Why we do NOT wrap imports in @layer: * * Per CSS Cascade Layers spec, unlayered styles ALWAYS defeat layered styles, * regardless of specificity. Obsidian core CSS (app.css) is unlayered, so any * theme rule wrapped in @layer would lose to core. The only way back would be * the important-flag, defeating the purpose of v3 (which is to eliminate it). * * v3 theme rules stay UNLAYERED. We rely on: * 1. File @import order — later wins on equal specificity. THIS ORDER IS * AUTHORITATIVE; it mirrors dev/_order.txt one-to-one so the v3 build * reproduces the exact same cascade resolution as v2.30.14. * 2. Selector specificity — high-specificity prefixes like `.theme-light`, * `body.theme-light`, etc. beat Obsidian core's lower-specificity rules * without needing any priority flag. * 3. As of S11.5, the v3 bundle contains ZERO important-flagged * declarations. The harness fingerprint (55 elements x 51 properties, * light + dark) matches v2.30.14 exactly. See dev/WIKI/DOCS/v3/cascade-research.md * for the empirical study that justified removing all of them. * * The folder layout (tokens/ base/ surfaces/ chrome/ features/ themes/ * plugins/ polish/) is an organizational convention for provenance audits. * It does NOT dictate import order: the @import sequence below follows * dev/_order.txt because that is the cascade order against which v2.30.14 * was measured and validated. * * Per-import comment shows: dev index. dev filename -> v3 module. */ /* 00-settings.css -> features/40 */ /* >>> src/features/40-style-settings.css */ /* Owen Graphite for Obsidian — A report-oriented theme. */ /* Section index 1. Style Settings metadata 2. Base variables and Graphite token aliases 3. Typography, headings, links, lists, callouts, code, and tables 4. Workspace chrome, navigation panes, overlays, and plugin integrations 5. Report/PDF print rules and first-page header helpers 6. Mobile, accessibility, high-contrast, reduced-motion, and glass presets 7. Release patch blocks for compatibility and regression hardening */ /* @settings name: Owen Graphite id: owen-graphite-document settings: - id: ogd-settings-reading title: 읽기와 본문 type: heading level: 2 - id: ogd-body-size title: 본문 폰트 크기 description: 본문(p, li 등) 기본 글자 크기 type: variable-number-slider default: 15 min: 13 max: 18 step: 1 format: px - id: ogd-line-height title: 본문 줄간격 type: variable-select default: 1.5 options: - 1.35 - 1.45 - 1.5 - 1.6 - 1.7 - id: ogd-max-width title: 본문 최대 폭 type: variable-select default: 420mm options: - 210mm - 297mm - 360mm - 420mm - 100% - id: ogd-accent title: 헤더 강조 색상 type: variable-color format: hex default: '#4b5563' - id: ogd-settings-tables title: 표와 코드 type: heading level: 2 - id: ogd-modern-tables title: 표 모던 스타일 강화 description: 표 헤더, 첫 컬럼, hover, PDF border를 보고서형 톤으로 강화 type: class-toggle default: true - id: ogd-print-avoid-breaks title: PDF 블록 분할 방지 강화 description: callout, 표, mermaid, 코드블록, 이미지가 페이지 중간에서 잘리는 것을 완화 type: class-toggle default: true - id: ogd-settings-report title: 보고서와 PDF type: heading level: 2 - id: ogd-report-mode title: 보고서 모드 (헤더 자동 넘버링 + 본문 들여쓰기 + 세리프) description: 표지/넘버링/들여쓰기/세리프 본문을 한 번에 적용 type: class-toggle default: false - id: ogd-pdf-compact title: PDF Compact Report description: PDF 출력 시 제목·본문·callout·표·참고 문헌 간격을 압축해 공백을 줄이고 정보 밀도를 높입니다. type: class-toggle default: false - id: ogd-pdf-visibility title: PDF 보고서 가시성 강화 description: PDF 출력에서 문서 상태 라벨, callout, 문서 끝 신호의 대비를 높입니다. 제목 계층과 표 디자인은 변경하지 않습니다. type: class-toggle default: false - id: ogd-pdf-screen-delivery title: PDF 고객 전달용 화면 가시성 description: 메일, Teams, 브라우저 미리보기에서 바로 읽히도록 제목 위계, 본문·표 크기, callout 구분, 라벨 톤을 조정합니다. type: class-toggle default: false - id: ogd-pdf-client-delivery title: PDF 고객 전달 권장 프리셋 description: 고객 공유용 PDF에 맞춰 본문·표·callout·코드·링크를 한 번에 읽기 좋은 톤으로 조정합니다. type: class-toggle default: false - id: ogd-pdf-font-size title: PDF 글자 크기 description: PDF 출력에서 본문, 목록, callout, 코드, 헤더/푸터 라벨 크기를 조정합니다. 제목 계층과 표 디자인은 변경하지 않습니다. type: class-select default: ogd-pdf-font-standard options: - label: 기본 value: ogd-pdf-font-standard - label: 편안하게 value: ogd-pdf-font-comfortable - label: 크게 value: ogd-pdf-font-large - id: ogd-pdf-link-mode title: PDF 링크 출력 방식 description: PDF export에서 외부 URL을 본문 뒤에 표시할지, 숨길지, 참고문헌 중심으로 정리할지 선택합니다. type: class-select default: ogd-pdf-links-inline options: - label: Inline URL value: ogd-pdf-links-inline - label: Clean Reading value: ogd-pdf-links-clean - label: Reference First value: ogd-pdf-links-reference - id: ogd-serif-body title: 본문 세리프 글꼴 description: 본문만 Noto Serif KR로 전환 (긴 보고서 가독성) type: class-toggle default: false - id: ogd-indent-paragraph title: 첫 줄 들여쓰기 description: 한국 보고서 스타일 1em 들여쓰기 type: class-toggle default: false - id: ogd-auto-number-headings title: 헤더 자동 넘버링 (1. 1.1 1.1.1) type: class-toggle default: false - id: ogd-heading-template title: 헤더 디자인 템플릿 description: H1-H4 디자인을 Live Preview와 PDF 출력에 함께 적용합니다. type: class-select default: ogd-heading-printclean options: - label: 프린트 클린 value: ogd-heading-printclean - label: 코발트 키라인 value: ogd-heading-keyline - label: 브래킷 챕터 value: ogd-heading-bracket - label: 조용한 장부 value: ogd-heading-quiet-ledger - label: 포커스 바 value: ogd-heading-focus-bar - label: 더블룰 클래식 value: ogd-heading-double-rule - label: 태그 리본 value: ogd-heading-tag-ribbon - label: 넘버 스탬프 value: ogd-heading-number-stamp - label: 그리드 인덱스 value: ogd-heading-grid-index - id: ogd-drop-cap title: 드롭 캡 (첫 문단 첫 글자 크게) type: class-toggle default: false - id: ogd-spacing-preset title: 간격 프리셋 type: class-select default: ogd-spacing-standard options: - label: 컴팩트 value: ogd-spacing-compact - label: 표준 value: ogd-spacing-standard - label: 여유 value: ogd-spacing-relaxed - id: ogd-accent-preset title: 액센트 컬러 프리셋 type: class-select default: ogd-accent-graphite options: - label: Graphite (기본) value: ogd-accent-graphite - label: Blue value: ogd-accent-blue - label: Teal value: ogd-accent-teal - label: Violet value: ogd-accent-violet - label: Amber value: ogd-accent-amber - id: ogd-code-theme title: 코드블록 테마 type: class-select default: ogd-code-light options: - label: Light (기본) value: ogd-code-light - label: Solarized value: ogd-code-solarized - label: Nord value: ogd-code-nord - label: Dracula (다크 전용) value: ogd-code-dracula - id: ogd-settings-workspace title: 워크스페이스와 접근성 type: heading level: 2 - id: ogd-eye-care title: 시선 보호 모드 (베이지 배경) type: class-toggle default: false - id: ogd-auto-dark title: OS 다크 모드 자동 추종 description: 시스템 다크 모드일 때 자동으로 다크 테마 변수 적용 type: class-toggle default: false - id: ogd-glass-intensity title: 데스크톱 Glass 강도 description: 데스크톱 UI chrome의 투명 유리/그림자 강도를 조정합니다. Reduced는 blur를 줄여 배터리와 저성능 환경에 적합합니다. type: class-select default: ogd-glass-standard options: - label: Off value: ogd-glass-off - label: Reduced value: ogd-glass-reduced - label: Subtle value: ogd-glass-subtle - label: Standard value: ogd-glass-standard - label: Strong value: ogd-glass-strong - id: ogd-motion-intensity title: 데스크톱 Hover 움직임 description: 버튼, 메뉴 항목, 설정 row의 hover/press lift 움직임을 조정합니다. Off는 움직임 없이 색과 그림자만 유지합니다. type: class-select default: ogd-motion-standard options: - label: Off value: ogd-motion-off - label: Subtle value: ogd-motion-subtle - label: Standard value: ogd-motion-standard - id: ogd-cjk-boost title: 한글/CJK 폰트 +0.5px 자동 보정 type: class-toggle default: true - id: ogd-settings-fonts title: 폰트 적용 type: heading level: 2 - id: ogd-interface-font-stack title: 인터페이스 폰트 직접 입력 description: 비워두면 Obsidian 외형 설정의 인터페이스 폰트를 따릅니다. 예시는 "Malgun Gothic", Pretendard, sans-serif 입니다. type: variable-text default: '' - id: ogd-reading-font-stack title: 본문 폰트 직접 입력 description: 비워두면 Obsidian 외형 설정의 텍스트 폰트를 따릅니다. 예시는 "Noto Serif KR", serif 입니다. type: variable-text default: '' - id: ogd-code-font-stack title: 코드 폰트 직접 입력 description: 비워두면 Obsidian 외형 설정의 모노스페이스 폰트를 따릅니다. 예시는 "D2Coding", "JetBrains Mono", monospace 입니다. type: variable-text default: '' - id: ogd-status-font-stack title: 하단 상태바 폰트 직접 입력 description: 비워두면 인터페이스 폰트를 따릅니다. 예시는 "Malgun Gothic", sans-serif 입니다. type: variable-text default: '' - id: ogd-settings-pdf-marginalia title: PDF 헤더/푸터 작은 라벨 description: PDF 출력에만 첫 페이지 헤더와 마지막 페이지 푸터 라벨을 표시합니다. 화면 Reading View에는 노출하지 않습니다. type: heading level: 2 - id: ogd-pdf-header-enabled title: 첫 페이지 헤더 라벨 표시 description: PDF 첫 페이지 상단에 한 줄 라벨을 표시합니다. 끄면 문구나 프리셋이 있어도 출력하지 않습니다. type: class-toggle default: false - id: ogd-pdf-footer-enabled title: 마지막 페이지 푸터 라벨 표시 description: PDF 마지막 콘텐츠 아래 중앙에 한 줄 라벨을 표시합니다. 끄면 문구나 프리셋이 있어도 출력하지 않습니다. type: class-toggle default: false - id: ogd-pdf-label-layout title: PDF 라벨 구성 description: 단일 라벨은 기존처럼 한 문구만 표시합니다. Key/Value는 `Prepared by` + `Owen Lee`처럼 붙어 있는 1쌍으로 표시합니다. type: class-select default: ogd-pdf-label-single options: - label: 단일 라벨 value: ogd-pdf-label-single - label: Key/Value 1쌍 value: ogd-pdf-label-segmented - label: Key/Value 2쌍 value: ogd-pdf-label-segmented-dual - id: ogd-pdf-settings-common title: 공통 구성 type: heading level: 3 - id: ogd-pdf-marginalia-preset title: 헤더/푸터 빠른 문구 description: 직접 문구를 비워둘 때 쓰는 출력용 조합입니다. 직접 입력한 헤더/푸터 문구가 있으면 입력값이 우선됩니다. type: class-select default: ogd-pdf-preset-custom options: - label: 직접 입력 value: ogd-pdf-preset-custom - label: 준비본 + 기밀 value: ogd-pdf-preset-prepared-confidential - label: 초안 + 내부용 value: ogd-pdf-preset-draft-internal - label: 최종본 + 문서 끝 value: ogd-pdf-preset-final-end - label: 상태 + 문서 끝 value: ogd-pdf-preset-status-end - id: ogd-pdf-marginalia-accent title: 헤더/푸터 글자 색상 description: 두 라벨 공통 글자 색상입니다. 기본값은 출력물에 어울리는 graphite 톤입니다. type: variable-color format: hex default: '#475569' - id: ogd-pdf-marginalia-style title: 헤더/푸터 라벨 스타일 description: PDF 엔진에서 안정적인 표면만 제공합니다. 위치나 페이지 흐름은 바꾸지 않습니다. type: class-select default: ogd-pdf-label-bordered options: - label: 텍스트만 value: ogd-pdf-label-minimal - label: 은은한 테두리 value: ogd-pdf-label-bordered - label: 은은한 채움 value: ogd-pdf-label-filled - label: 붙은 배지 value: ogd-pdf-label-badge - id: ogd-pdf-marginalia-size title: 헤더/푸터 라벨 크기 description: 글자와 내부 여백을 조정합니다. 출력 안정성을 위해 두 단계만 제공합니다. type: class-select default: ogd-pdf-label-standard options: - label: 작게 value: ogd-pdf-label-compact - label: 표준 value: ogd-pdf-label-standard - id: ogd-pdf-settings-header title: 헤더 설정 type: heading level: 3 - id: ogd-pdf-header-key-palette title: 헤더 Key 색상 description: 첫 페이지 헤더의 왼쪽 key 영역 색상입니다. 예 `Prepared by` 쪽 색상입니다. type: class-select default: ogd-pdf-header-key-graphite options: - label: Graphite value: ogd-pdf-header-key-graphite - label: Slate value: ogd-pdf-header-key-slate - label: Sky value: ogd-pdf-header-key-sky - label: Teal value: ogd-pdf-header-key-teal - label: Mint value: ogd-pdf-header-key-mint - label: Violet value: ogd-pdf-header-key-violet - label: Rose value: ogd-pdf-header-key-rose - label: Amber value: ogd-pdf-header-key-amber - label: Blue value: ogd-pdf-header-key-blue - label: Indigo value: ogd-pdf-header-key-indigo - label: Cyan value: ogd-pdf-header-key-cyan - label: Emerald value: ogd-pdf-header-key-emerald - label: Lime value: ogd-pdf-header-key-lime - label: Orange value: ogd-pdf-header-key-orange - label: Red value: ogd-pdf-header-key-red - label: Fuchsia value: ogd-pdf-header-key-fuchsia - id: ogd-pdf-header-value-palette title: 헤더 Value 색상 description: 첫 페이지 헤더의 오른쪽 value 영역 색상입니다. 예 `Owen Lee - Sr. CSA` 쪽 색상입니다. type: class-select default: ogd-pdf-header-value-sky options: - label: Graphite value: ogd-pdf-header-value-graphite - label: Slate value: ogd-pdf-header-value-slate - label: Sky value: ogd-pdf-header-value-sky - label: Teal value: ogd-pdf-header-value-teal - label: Mint value: ogd-pdf-header-value-mint - label: Violet value: ogd-pdf-header-value-violet - label: Rose value: ogd-pdf-header-value-rose - label: Amber value: ogd-pdf-header-value-amber - label: Blue value: ogd-pdf-header-value-blue - label: Indigo value: ogd-pdf-header-value-indigo - label: Cyan value: ogd-pdf-header-value-cyan - label: Emerald value: ogd-pdf-header-value-emerald - label: Lime value: ogd-pdf-header-value-lime - label: Orange value: ogd-pdf-header-value-orange - label: Red value: ogd-pdf-header-value-red - label: Fuchsia value: ogd-pdf-header-value-fuchsia - id: ogd-pdf-header-text title: 첫 페이지 헤더 1번 Key 문구 description: 단일 라벨에서는 전체 문구, Key/Value에서는 1번 왼쪽 key입니다. 예 `Prepared by`. type: variable-text default: '' quotes: true - id: ogd-pdf-header-value title: 첫 페이지 헤더 1번 Value 문구 description: Key/Value 구성에서 1번 오른쪽 value로 표시됩니다. 예 `Owen Lee` 또는 `Sr. CSA`. 단일 라벨 구성에서는 사용하지 않습니다. type: variable-text default: '' quotes: true - id: ogd-pdf-header-dual-pair title: 첫 페이지 헤더 2번 Key/Value 표시 description: 기존 Key/Value 1쌍 구성에서 두 번째 key/value 쌍만 추가로 켭니다. PDF 라벨 구성에서 `Key/Value 2쌍`을 선택해도 같은 출력이 적용됩니다. type: class-toggle default: false - id: ogd-pdf-header2-key-palette title: 헤더 2번 Key 색상 description: 첫 페이지 헤더의 2번 key segment 색상입니다. 예 `Reviewed by` 쪽 색상입니다. type: class-select default: ogd-pdf-header2-key-graphite options: - label: Graphite value: ogd-pdf-header2-key-graphite - label: Slate value: ogd-pdf-header2-key-slate - label: Sky value: ogd-pdf-header2-key-sky - label: Teal value: ogd-pdf-header2-key-teal - label: Mint value: ogd-pdf-header2-key-mint - label: Violet value: ogd-pdf-header2-key-violet - label: Rose value: ogd-pdf-header2-key-rose - label: Amber value: ogd-pdf-header2-key-amber - label: Blue value: ogd-pdf-header2-key-blue - label: Indigo value: ogd-pdf-header2-key-indigo - label: Cyan value: ogd-pdf-header2-key-cyan - label: Emerald value: ogd-pdf-header2-key-emerald - label: Lime value: ogd-pdf-header2-key-lime - label: Orange value: ogd-pdf-header2-key-orange - label: Red value: ogd-pdf-header2-key-red - label: Fuchsia value: ogd-pdf-header2-key-fuchsia - id: ogd-pdf-header2-value-palette title: 헤더 2번 Value 색상 description: 첫 페이지 헤더의 2번 value segment 색상입니다. 예 `Graphite QA` 쪽 색상입니다. type: class-select default: ogd-pdf-header2-value-sky options: - label: Graphite value: ogd-pdf-header2-value-graphite - label: Slate value: ogd-pdf-header2-value-slate - label: Sky value: ogd-pdf-header2-value-sky - label: Teal value: ogd-pdf-header2-value-teal - label: Mint value: ogd-pdf-header2-value-mint - label: Violet value: ogd-pdf-header2-value-violet - label: Rose value: ogd-pdf-header2-value-rose - label: Amber value: ogd-pdf-header2-value-amber - label: Blue value: ogd-pdf-header2-value-blue - label: Indigo value: ogd-pdf-header2-value-indigo - label: Cyan value: ogd-pdf-header2-value-cyan - label: Emerald value: ogd-pdf-header2-value-emerald - label: Lime value: ogd-pdf-header2-value-lime - label: Orange value: ogd-pdf-header2-value-orange - label: Red value: ogd-pdf-header2-value-red - label: Fuchsia value: ogd-pdf-header2-value-fuchsia - id: ogd-pdf-header-text-2 title: 첫 페이지 헤더 2번 Key 문구 description: 2번 key segment입니다. 예 `Reviewed by`. type: variable-text default: '' quotes: true - id: ogd-pdf-header-value-2 title: 첫 페이지 헤더 2번 Value 문구 description: 2번 value segment입니다. 예 `Design QA` 또는 `2026-05-17`. type: variable-text default: '' quotes: true - id: ogd-pdf-header-position title: 첫 페이지 헤더 위치 description: 첫 페이지 헤더 라벨 위치를 선택합니다. Key/Value 구성에서는 두 segment가 같은 기준점에 붙어서 배치됩니다. 마지막 페이지 푸터는 안정성을 위해 중앙 하단으로 고정됩니다. type: class-select default: ogd-pdf-header-top-right options: - label: 우측 상단 value: ogd-pdf-header-top-right - label: 중앙 상단 value: ogd-pdf-header-top-center - id: ogd-pdf-settings-footer title: 푸터 설정 type: heading level: 3 - id: ogd-pdf-footer-key-palette title: 푸터 Key 색상 description: 마지막 페이지 푸터의 왼쪽 key segment 색상입니다. 예 `Confidential` 쪽 색상입니다. type: class-select default: ogd-pdf-footer-key-graphite options: - label: Graphite value: ogd-pdf-footer-key-graphite - label: Slate value: ogd-pdf-footer-key-slate - label: Sky value: ogd-pdf-footer-key-sky - label: Teal value: ogd-pdf-footer-key-teal - label: Mint value: ogd-pdf-footer-key-mint - label: Violet value: ogd-pdf-footer-key-violet - label: Rose value: ogd-pdf-footer-key-rose - label: Amber value: ogd-pdf-footer-key-amber - label: Blue value: ogd-pdf-footer-key-blue - label: Indigo value: ogd-pdf-footer-key-indigo - label: Cyan value: ogd-pdf-footer-key-cyan - label: Emerald value: ogd-pdf-footer-key-emerald - label: Lime value: ogd-pdf-footer-key-lime - label: Orange value: ogd-pdf-footer-key-orange - label: Red value: ogd-pdf-footer-key-red - label: Fuchsia value: ogd-pdf-footer-key-fuchsia - id: ogd-pdf-footer-value-palette title: 푸터 Value 색상 description: 마지막 페이지 푸터의 오른쪽 value segment 색상입니다. 예 `End of Document` 쪽 색상입니다. type: class-select default: ogd-pdf-footer-value-sky options: - label: Graphite value: ogd-pdf-footer-value-graphite - label: Slate value: ogd-pdf-footer-value-slate - label: Sky value: ogd-pdf-footer-value-sky - label: Teal value: ogd-pdf-footer-value-teal - label: Mint value: ogd-pdf-footer-value-mint - label: Violet value: ogd-pdf-footer-value-violet - label: Rose value: ogd-pdf-footer-value-rose - label: Amber value: ogd-pdf-footer-value-amber - label: Blue value: ogd-pdf-footer-value-blue - label: Indigo value: ogd-pdf-footer-value-indigo - label: Cyan value: ogd-pdf-footer-value-cyan - label: Emerald value: ogd-pdf-footer-value-emerald - label: Lime value: ogd-pdf-footer-value-lime - label: Orange value: ogd-pdf-footer-value-orange - label: Red value: ogd-pdf-footer-value-red - label: Fuchsia value: ogd-pdf-footer-value-fuchsia - id: ogd-pdf-footer-text title: 마지막 페이지 푸터 Key 문구 description: 단일 라벨에서는 전체 문구, Key/Value에서는 왼쪽 key입니다. 예 `Confidential`. type: variable-text default: '' quotes: true - id: ogd-pdf-footer-value title: 마지막 페이지 푸터 Value 문구 description: Key/Value 구성에서 오른쪽 value로 표시됩니다. 예 `Internal Use Only` 또는 `End of Document`. 단일 라벨 구성에서는 사용하지 않습니다. type: variable-text default: '' quotes: true */ /* <<< src/features/40-style-settings.css */ /* 01-tokens.css -> tokens/00,01 */ /* >>> src/tokens/00-light-tokens.css */ :root { --ogd-body-size: 15px; --ogd-line-height: 1.5; --ogd-max-width: 420mm; --ogd-accent: #4b5563; --ogd-surface-base: #ffffff; --ogd-surface-muted: #f8fafc; --ogd-surface-subtle: #f3f4f6; --ogd-surface-dark: #111827; --ogd-surface-dark-muted: #374151; --ogd-surface-dark-subtle: #334155; --ogd-surface-transparent: transparent; --ogd-line-soft: #e5e7eb; --ogd-line-strong: #cbd5e1; --ogd-line-ink: #111827; --ogd-line-contrast: #374151; --ogd-line-dark: #334155; --ogd-line-muted: #475569; --ogd-line-faint: #94a3b8; --ogd-text-strong: #111827; --ogd-text-inverted: #f8fafc; --ogd-text-secondary: #374151; --ogd-text-subtle: #475569; --ogd-text-soft: #5b6472; --ogd-text-slate: #334155; --ogd-text-body: #1a1a1a; --ogd-text-muted: #475569; --ogd-border-none: 0; --ogd-shadow-none: none; --ogd-radius-control: 7px; --ogd-radius-pill: 999px; --ogd-radius-top: var(--radius-m, 6px) var(--radius-m, 6px) 0 0; --ogd-radius-pill-left: var(--ogd-radius-pill, 999px) 0 0 var(--ogd-radius-pill, 999px); --ogd-title-rule-start: #0f766e; --ogd-title-rule-end: #0284c7; --ogd-glass-surface-bg: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(241,245,249,0.50)); --ogd-glass-toolbar-bg: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(241,245,249,0.55)); --ogd-glass-control-bg: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(241,245,249,0.22)); --ogd-glass-control-hover-bg: radial-gradient(circle at 74% 24%, rgba(255,255,255,0.72), transparent 36%), linear-gradient(180deg, rgba(255,255,255,0.86), rgba(248,250,252,0.54)); --ogd-focus-ring-border: var(--ogd-lg-frost-outline, rgba(148, 163, 184, 0.30)); --ogd-focus-ring-halo: var(--ogd-lg-frost-halo, rgba(148, 163, 184, 0.10)); --ogd-focus-ring-shadow: 0 0 0 2px var(--ogd-focus-ring-halo); --ogd-media-frame-border: rgba(203, 213, 225, 0.52); --ogd-media-frame-bg: radial-gradient(circle at 78% 20%, rgba(255, 255, 255, 0.70), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(248, 250, 252, 0.44)); --ogd-media-frame-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 2px 8px rgba(15, 23, 42, 0.06); --ogd-hover-lift-strong: translateY(-2px); --ogd-hover-lift: translateY(-1px); --ogd-hover-lift-subtle: translateY(-0.5px); --ogd-hover-shift: translateX(1px); --ogd-press-lift: translateY(0) scale(0.99); /* PDF Marginalia — print-only first page header / last page footer microlabels. * Driven by Style Settings (ogd-pdf-header / ogd-pdf-footer). * Anchor pseudo paint surface — see src/features/41-feature-presets.css C3. */ --ogd-pdf-header-text: ""; --ogd-pdf-header-value: ""; --ogd-pdf-header-text-2: ""; --ogd-pdf-header-value-2: ""; --ogd-pdf-footer-text: ""; --ogd-pdf-footer-value: ""; --ogd-pdf-marginalia-accent: #475569; --ogd-pdf-marginalia-bg: rgba(71, 85, 105, 0.045); --ogd-pdf-marginalia-border: rgba(71, 85, 105, 0.20); --ogd-pdf-marginalia-shadow: none; --ogd-pdf-segment-key-bg: #3f3f46; --ogd-pdf-segment-key-text: #ffffff; --ogd-pdf-segment-key-border: transparent; --ogd-pdf-segment-value-bg: #0284c7; --ogd-pdf-segment-value-text: #ffffff; --ogd-pdf-segment-value-border: transparent; --ogd-pdf-header-segment-key-bg: var(--ogd-pdf-segment-key-bg, #3f3f46); --ogd-pdf-header-segment-key-text: var(--ogd-pdf-segment-key-text, #ffffff); --ogd-pdf-header-segment-key-border: var(--ogd-pdf-segment-key-border, transparent); --ogd-pdf-header-segment-value-bg: var(--ogd-pdf-segment-value-bg, #0284c7); --ogd-pdf-header-segment-value-text: var(--ogd-pdf-segment-value-text, #ffffff); --ogd-pdf-header-segment-value-border: var(--ogd-pdf-segment-value-border, transparent); --ogd-pdf-header2-segment-key-bg: var(--ogd-pdf-header-segment-key-bg, var(--ogd-pdf-segment-key-bg, #3f3f46)); --ogd-pdf-header2-segment-key-text: var(--ogd-pdf-header-segment-key-text, var(--ogd-pdf-segment-key-text, #ffffff)); --ogd-pdf-header2-segment-key-border: var(--ogd-pdf-header-segment-key-border, var(--ogd-pdf-segment-key-border, transparent)); --ogd-pdf-header2-segment-value-bg: var(--ogd-pdf-header-segment-value-bg, var(--ogd-pdf-segment-value-bg, #0284c7)); --ogd-pdf-header2-segment-value-text: var(--ogd-pdf-header-segment-value-text, var(--ogd-pdf-segment-value-text, #ffffff)); --ogd-pdf-header2-segment-value-border: var(--ogd-pdf-header-segment-value-border, var(--ogd-pdf-segment-value-border, transparent)); --ogd-pdf-footer-segment-key-bg: var(--ogd-pdf-segment-key-bg, #3f3f46); --ogd-pdf-footer-segment-key-text: var(--ogd-pdf-segment-key-text, #ffffff); --ogd-pdf-footer-segment-key-border: var(--ogd-pdf-segment-key-border, transparent); --ogd-pdf-footer-segment-value-bg: var(--ogd-pdf-segment-value-bg, #0284c7); --ogd-pdf-footer-segment-value-text: var(--ogd-pdf-segment-value-text, #ffffff); --ogd-pdf-footer-segment-value-border: var(--ogd-pdf-segment-value-border, transparent); --ogd-pdf-segment-radius: 2px; --ogd-pdf-segment-key-width: 34mm; --ogd-pdf-segment-value-width: 44mm; --ogd-pdf-segment-half-width: 39mm; --ogd-pdf-header-pair-gap: 5mm; --ogd-pdf-header-half-pair-gap: 2.5mm; --ogd-pdf-segment-pad-y: 5px; --ogd-pdf-segment-pad-x: 10px; --ogd-pdf-header-top: 11mm; --ogd-pdf-header-right: 13mm; --ogd-pdf-header-left: auto; --ogd-pdf-header-transform: none; --ogd-pdf-header-font-size: 9pt; --ogd-pdf-footer-font-size: 9.2pt; --ogd-pdf-label-letter-spacing: 1.2px; --ogd-pdf-label-line-height: 1.2; --ogd-pdf-label-radius: 4px; --ogd-pdf-header-pad-y: 5px; --ogd-pdf-header-pad-x: 12px; --ogd-pdf-footer-pad-y: 6px; --ogd-pdf-footer-pad-x: 16px; --ogd-pdf-footer-reserve: 28mm; --ogd-pdf-footer-offset: -22mm; --ogd-pdf-footer-max-width: 90%; } .theme-light, .theme-dark { --font-interface-theme: "Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", "Malgun Gothic", system-ui, sans-serif; --font-text-theme: "Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", "Malgun Gothic", system-ui, sans-serif; --font-monospace-theme: "JetBrains Mono", "Cascadia Code", "Cascadia Mono", "D2Coding", "SFMono-Regular", "Consolas", "Menlo", "Courier New", monospace; --ogd-interface-font-stack: var(--font-interface, var(--font-interface-theme)); --ogd-reading-font-stack: var(--font-text, var(--font-text-theme)); --ogd-code-font-stack: var(--font-monospace, var(--font-monospace-theme)); --ogd-status-font-stack: var(--ogd-interface-font-stack); --ogd-code-font-family: var(--ogd-code-font-stack); --ogd-pdf-surface-text-font-size: 11.6pt; --ogd-pdf-surface-text-line-height: 1.42; --ogd-code-font-size: 0.92em; --ogd-code-print-font-size: var(--ogd-pdf-surface-text-font-size); --ogd-code-font-weight: 520; --ogd-code-line-height: 1.58; --ogd-code-print-line-height: var(--ogd-pdf-surface-text-line-height); --ogd-code-letter-spacing: 0; --ogd-code-tab-size: 2; --ogd-code-font-feature-settings: "zero" 1, "tnum" 1; --ogd-code-font-variant-numeric: tabular-nums slashed-zero; --ogd-code-font-variant-ligatures: none; --ogd-code-fg: #1e293b; --ogd-code-muted: #475569; --ogd-code-keyword: #5b21b6; --ogd-code-string: #a16207; --ogd-code-function: #0f766e; --ogd-code-property: #2563eb; --ogd-code-number: #be123c; --ogd-code-punctuation: #475569; --ogd-code-operator: #334155; --background-primary: #ffffff; --background-primary-alt: #f9fafb; --background-secondary: #eef2f7; --background-secondary-alt: #e5e7eb; --background-modifier-border: #d1d5db; --background-modifier-border-hover: #9ca3af; --background-modifier-hover: #f3f4f6; --background-modifier-active-hover: #e5e7eb; --text-normal: #1a1a1a; --text-muted: #475569; --text-faint: #5b6472; --text-accent: #374151; --text-accent-hover: #111827; --text-on-accent: #ffffff; --text-on-accent-inverted: #111827; --text-selection: rgba(75, 85, 99, 0.18); --interactive-normal: #f3f4f6; --interactive-hover: #e5e7eb; --interactive-accent: #4b5563; --interactive-accent-rgb: 75, 85, 99; --interactive-accent-hover: #374151; --interactive-success: #047857; --titlebar-background: #eef2f7; --titlebar-background-focused: #eef2f7; --ribbon-background: #eef2f7; --tab-container-background: #eef2f7; --tab-background-active: #ffffff; --tab-outline-color: #d1d5db; --divider-color: #d1d5db; --scrollbar-bg: transparent; --scrollbar-thumb-bg: #cbd5e1; --scrollbar-active-thumb-bg: #9ca3af; --header-accent: var(--ogd-accent, #4b5563); --header-accent-dark: #374151; --header-text: #111827; --header-muted: #475569; --header-line: #d1d5db; --header-bg-soft: #f3f4f6; --blockquote-border-color: #6b7280; --blockquote-border-thickness: 3px; --blockquote-background-color: transparent; --blockquote-color: #374151; --blockquote-font-style: normal; --blockquote-content-padding: 0.6em 0 0.6em 1.2em; --callout-border-width: 0px; --callout-border-opacity: 1; --callout-radius: 6px; --callout-blend-mode: normal; --callout-title-color: #1f2937; --callout-content-color: #374151; --callout-info: 75, 85, 99; --callout-note: 75, 85, 99; --callout-tip: 75, 85, 99; --callout-abstract: 75, 85, 99; --callout-summary: 75, 85, 99; --callout-tldr: 75, 85, 99; --callout-question: 75, 85, 99; --callout-help: 75, 85, 99; --callout-faq: 75, 85, 99; --callout-warning: 146, 64, 14; --callout-attention: 146, 64, 14; --callout-caution: 146, 64, 14; --callout-failure: 146, 64, 14; --callout-fail: 146, 64, 14; --callout-missing: 146, 64, 14; --callout-danger: 146, 64, 14; --callout-error: 146, 64, 14; --callout-bug: 146, 64, 14; --callout-success: 4, 120, 87; --callout-check: 4, 120, 87; --callout-done: 4, 120, 87; --code-background: #f8fafc; --code-normal: var(--ogd-code-fg, #1e293b); --code-comment: var(--ogd-code-muted, #475569); --code-function: var(--ogd-code-function, #0f766e); --code-important: #374151; --code-keyword: var(--ogd-code-keyword, #5b21b6); --code-property: var(--ogd-code-property, #2563eb); --code-punctuation: var(--ogd-code-punctuation, #475569); --code-string: var(--ogd-code-string, #a16207); --code-tag: var(--ogd-code-property, #2563eb); --code-value: var(--ogd-code-string, #a16207); --radius-s: 4px; --radius-m: 6px; --radius-l: 8px; } body { background: var(--background-secondary); color: var(--text-normal); font-family: var(--ogd-interface-font-stack); } body.ogd-motion-off { --ogd-hover-lift-strong: none; --ogd-hover-lift: none; --ogd-hover-lift-subtle: none; --ogd-hover-shift: none; --ogd-press-lift: none; } body.ogd-motion-subtle { --ogd-hover-lift-strong: translateY(-0.75px); --ogd-hover-lift: translateY(-0.5px); --ogd-hover-lift-subtle: translateY(-0.25px); --ogd-hover-shift: translateX(0.5px); --ogd-press-lift: translateY(0) scale(0.995); } body.ogd-motion-standard { --ogd-hover-lift-strong: translateY(-2px); --ogd-hover-lift: translateY(-1px); --ogd-hover-lift-subtle: translateY(-0.5px); --ogd-hover-shift: translateX(1px); --ogd-press-lift: translateY(0) scale(0.99); } /* <<< src/tokens/00-light-tokens.css */ /* >>> src/tokens/01-dark-tokens.css */ /* Owen Graphite v3 — dark theme tokens. * * AUTO-GENERATED by dev/scripts/generate_v3_dark_tokens.py from dev/*.css. * Do not hand-edit. Re-run the generator after touching the dev/ source. * * Selection rule: only `--ogd-*` declarations (plus a small whitelist of * Obsidian core variables) that live in a non-descendant selector that * mentions `.theme-dark`. Descendant overrides live in their respective * surface / feature / theme modules (S5 - S8). * * Unique --ogd-* tokens: 72. * Unique core overrides: 54. * Selector groups: 7. */ body:not(.is-mobile).theme-dark { /* --ogd-* tokens */ --ogd-09b-control-bg: var(--ogd-glass-control-bg, linear-gradient(180deg, rgba(51,65,85,0.55), rgba(30,41,59,0.30))); --ogd-09b-control-border: rgba(148,163,184,0.22); --ogd-09b-control-hover-bg: var(--ogd-glass-control-hover-bg, radial-gradient(circle at 76% 32%, rgba(148,163,184,0.14), transparent 34%), radial-gradient(circle at 12% 56%, rgba(203,213,225,0.06), transparent 34%), linear-gradient(180deg, rgba(30,41,59,0.68), rgba(15,23,42,0.40))); --ogd-09b-control-hover-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(203,213,225,0.08), 0 8px 20px rgba(0,0,0,0.34); --ogd-09b-control-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.30); --ogd-09b-floating-bg: var(--ogd-glass-toolbar-bg, linear-gradient(180deg, rgba(30,41,59,0.78), rgba(15,23,42,0.55))); --ogd-09b-floating-border: rgba(203,213,225,0.18); --ogd-09b-floating-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.35), 0 14px 30px rgba(0,0,0,0.45), 0 4px 10px rgba(0,0,0,0.30); --ogd-09b-toolbar-bg: var(--ogd-glass-toolbar-bg, linear-gradient(180deg, rgba(30,41,59,0.78), rgba(15,23,42,0.55))); --ogd-09b-toolbar-border: rgba(203,213,225,0.18); --ogd-09b-toolbar-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.35), 0 6px 18px rgba(0,0,0,0.35); --ogd-glass-bg: radial-gradient(circle at 76% 26%, rgba(148, 163, 184, 0.16), transparent 36%), radial-gradient(circle at 12% 62%, rgba(56, 189, 248, 0.06), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.80), rgba(15, 23, 42, 0.54)); --ogd-glass-bg-hover: radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.19), transparent 35%), radial-gradient(circle at 12% 58%, rgba(56, 189, 248, 0.08), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.44)); --ogd-glass-bg-strong: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.18), transparent 36%), radial-gradient(circle at 12% 62%, rgba(56, 189, 248, 0.08), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.88), rgba(15, 23, 42, 0.64)); --ogd-glass-border: rgba(203, 213, 225, 0.22); --ogd-glass-border-hover: rgba(186, 230, 253, 0.30); --ogd-glass-control-bg: radial-gradient(circle at 74% 26%, rgba(148,163,184,0.18), transparent 35%), linear-gradient(180deg, rgba(51,65,85,0.54), rgba(30,41,59,0.28)); --ogd-glass-control-hover-bg: radial-gradient(circle at 76% 24%, rgba(148,163,184,0.20), transparent 35%), radial-gradient(circle at 12% 58%, rgba(56,189,248,0.06), transparent 34%), linear-gradient(180deg, rgba(30,41,59,0.70), rgba(15,23,42,0.42)); --ogd-glass-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.30), inset 0 0 12px rgba(148, 163, 184, 0.10), 0 4px 10px rgba(0, 0, 0, 0.28); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.38), inset 0 0 22px rgba(148, 163, 184, 0.10), 0 22px 42px rgba(0, 0, 0, 0.52), 0 6px 14px rgba(0, 0, 0, 0.32); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(0, 0, 0, 0.26), inset 0 0 20px rgba(148, 163, 184, 0.12), 0 14px 30px rgba(0, 0, 0, 0.38), 0 4px 12px rgba(56, 189, 248, 0.08); --ogd-glass-surface-bg: radial-gradient(circle at 76% 26%, rgba(148, 163, 184, 0.15), transparent 35%), radial-gradient(circle at 12% 64%, rgba(56, 189, 248, 0.06), transparent 34%), linear-gradient(180deg, rgba(30,41,59,0.80), rgba(15,23,42,0.54)); --ogd-glass-toolbar-bg: radial-gradient(circle at 78% 24%, rgba(148, 163, 184, 0.16), transparent 35%), linear-gradient(180deg, rgba(30,41,59,0.78), rgba(15,23,42,0.52)); --ogd-lg-border: rgba(203, 213, 225, 0.18); --ogd-lg-border-hover: rgba(186, 230, 253, 0.30); --ogd-lg-control-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.12), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.09), transparent 32%), linear-gradient(180deg, rgba(51, 65, 85, 0.56), rgba(30, 41, 59, 0.30)); --ogd-lg-edge: rgba(255, 255, 255, 0.18); --ogd-lg-edge-low: rgba(15, 23, 42, 0.64); --ogd-lg-frost-halo: rgba(103, 232, 249, 0.10); --ogd-lg-frost-outline: rgba(103, 232, 249, 0.18); --ogd-lg-frost-rim: rgba(103, 232, 249, 0.42); --ogd-focus-ring-border: var(--ogd-lg-frost-outline, rgba(148, 163, 184, 0.22)); --ogd-focus-ring-halo: var(--ogd-lg-frost-halo, rgba(148, 163, 184, 0.08)); --ogd-focus-ring-shadow: 0 0 0 2px var(--ogd-focus-ring-halo); --ogd-media-frame-border: rgba(203, 213, 225, 0.18); --ogd-media-frame-bg: radial-gradient(circle at 78% 20%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.52), rgba(15, 23, 42, 0.30)); --ogd-media-frame-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 3px 10px rgba(0, 0, 0, 0.22); --ogd-lg-mist-fill: rgba(14, 116, 144, 0.20); --ogd-lg-mist-glow: rgba(186, 230, 253, 0.10); --ogd-lg-mist-line: rgba(125, 211, 252, 0.22); --ogd-lg-pane-header-shadow: inset 0 1px 0 var(--ogd-lg-edge), 0 7px 16px rgba(0, 0, 0, 0.24); --ogd-lg-pane-shell-shadow: inset 0 1px 0 var(--ogd-lg-edge), 0 10px 26px rgba(0, 0, 0, 0.30); --ogd-lg-refined-active-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.16), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 34%), linear-gradient(180deg, rgba(14, 116, 144, 0.26), rgba(15, 23, 42, 0.44)); --ogd-lg-refined-border: rgba(203, 213, 225, 0.20); --ogd-lg-refined-border-hover: rgba(186, 230, 253, 0.30); --ogd-lg-refined-focus-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 16px 38px rgba(0, 0, 0, 0.40), 0 0 0 3px var(--ogd-lg-frost-halo); --ogd-lg-refined-hover-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.17), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.62), rgba(15, 23, 42, 0.42)); --ogd-lg-refined-rest-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.13), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.08), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.50), rgba(15, 23, 42, 0.34)); --ogd-lg-refined-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.28), 0 10px 24px rgba(0, 0, 0, 0.30); --ogd-lg-refined-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.26), 0 18px 40px rgba(0, 0, 0, 0.42), 0 0 0 3px rgba(186, 230, 253, 0.08); --ogd-lg-row-active-bg: radial-gradient(circle at 42% 16%, rgba(255, 255, 255, 0.14), transparent 0 30%), linear-gradient(142deg, rgba(255, 255, 255, 0.09), transparent 34%), linear-gradient(180deg, rgba(14, 116, 144, 0.34), rgba(15, 23, 42, 0.32)); --ogd-lg-row-active-shadow: 0 20px 48px rgba(0, 0, 0, 0.44), 0 7px 20px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(125, 211, 252, 0.24), 0 0 0 4px rgba(186, 230, 253, 0.08); --ogd-lg-shadow: 0 18px 46px rgba(0, 0, 0, 0.46), 0 6px 18px rgba(0, 0, 0, 0.32), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-active: 0 22px 54px rgba(0, 0, 0, 0.54), 0 0 0 3px var(--ogd-lg-mist-glow), inset 0 0 0 1px var(--ogd-lg-mist-line), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-focus: 0 18px 46px rgba(0, 0, 0, 0.46), 0 0 0 3px var(--ogd-lg-frost-halo), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-hover: 0 30px 72px rgba(0, 0, 0, 0.56), 0 12px 28px rgba(0, 0, 0, 0.38), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-surface-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.14), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 32%), linear-gradient(180deg, rgba(71, 85, 105, 0.58), rgba(30, 41, 59, 0.30) 54%, rgba(15, 23, 42, 0.22)); --ogd-lg-surface-bg-active: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.14), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.11), transparent 32%), linear-gradient(180deg, rgba(14, 116, 144, 0.20), rgba(30, 41, 59, 0.30) 54%, rgba(15, 23, 42, 0.22)); --ogd-lg-surface-bg-hover: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.16), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.12), transparent 32%), linear-gradient(180deg, rgba(71, 85, 105, 0.68), rgba(30, 41, 59, 0.36) 54%, rgba(15, 23, 42, 0.26)); --ogd-lg-tab-border-hover: rgba(203, 213, 225, 0.18); --ogd-lg-tab-focus-outline: var(--ogd-surface-transparent, transparent); --ogd-lg-tab-shadow: 0 16px 38px rgba(0, 0, 0, 0.42), 0 5px 14px rgba(0, 0, 0, 0.28), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-tab-shadow-hover: 0 24px 54px rgba(0, 0, 0, 0.50), 0 8px 18px rgba(0, 0, 0, 0.32), inset 0 1px 0 var(--ogd-lg-edge); --ogd-tab-glass-bg: linear-gradient(180deg, rgba(71, 85, 105, 0.84), rgba(15, 23, 42, 0.60)); --ogd-tab-glass-bg-hover: rgba(51, 65, 85, 0.34); --ogd-tab-glass-border: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-border-bottom: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-border-hover: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 10px 24px -16px rgba(0, 0, 0, 0.70), 0 5px 12px -9px rgba(0, 0, 0, 0.58); --ogd-tab-glass-shadow-hover: none; --ogd-topbar-icon-hover-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.14), transparent 0 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.54), rgba(15, 23, 42, 0.38)); --ogd-topbar-icon-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 20px rgba(0, 0, 0, 0.26); /* PDF Marginalia — dark mode microlabel overrides. See src/features/41 C3. */ --ogd-pdf-marginalia-accent: #cbd5e1; --ogd-pdf-marginalia-bg: rgba(203, 213, 225, 0.08); --ogd-pdf-marginalia-border: rgba(203, 213, 225, 0.26); --ogd-pdf-marginalia-shadow: none; --ogd-pdf-segment-key-bg: #3f3f46; --ogd-pdf-segment-key-text: #ffffff; --ogd-pdf-segment-key-border: transparent; --ogd-pdf-segment-value-bg: #0284c7; --ogd-pdf-segment-value-text: #ffffff; --ogd-pdf-segment-value-border: transparent; --ogd-pdf-header-segment-key-bg: var(--ogd-pdf-segment-key-bg, #3f3f46); --ogd-pdf-header-segment-key-text: var(--ogd-pdf-segment-key-text, #ffffff); --ogd-pdf-header-segment-key-border: var(--ogd-pdf-segment-key-border, transparent); --ogd-pdf-header-segment-value-bg: var(--ogd-pdf-segment-value-bg, #0284c7); --ogd-pdf-header-segment-value-text: var(--ogd-pdf-segment-value-text, #ffffff); --ogd-pdf-header-segment-value-border: var(--ogd-pdf-segment-value-border, transparent); --ogd-pdf-header2-segment-key-bg: var(--ogd-pdf-header-segment-key-bg, var(--ogd-pdf-segment-key-bg, #3f3f46)); --ogd-pdf-header2-segment-key-text: var(--ogd-pdf-header-segment-key-text, var(--ogd-pdf-segment-key-text, #ffffff)); --ogd-pdf-header2-segment-key-border: var(--ogd-pdf-header-segment-key-border, var(--ogd-pdf-segment-key-border, transparent)); --ogd-pdf-header2-segment-value-bg: var(--ogd-pdf-header-segment-value-bg, var(--ogd-pdf-segment-value-bg, #0284c7)); --ogd-pdf-header2-segment-value-text: var(--ogd-pdf-header-segment-value-text, var(--ogd-pdf-segment-value-text, #ffffff)); --ogd-pdf-header2-segment-value-border: var(--ogd-pdf-header-segment-value-border, var(--ogd-pdf-segment-value-border, transparent)); --ogd-pdf-footer-segment-key-bg: var(--ogd-pdf-segment-key-bg, #3f3f46); --ogd-pdf-footer-segment-key-text: var(--ogd-pdf-segment-key-text, #ffffff); --ogd-pdf-footer-segment-key-border: var(--ogd-pdf-segment-key-border, transparent); --ogd-pdf-footer-segment-value-bg: var(--ogd-pdf-segment-value-bg, #0284c7); --ogd-pdf-footer-segment-value-text: var(--ogd-pdf-segment-value-text, #ffffff); --ogd-pdf-footer-segment-value-border: var(--ogd-pdf-segment-value-border, transparent); } body:not(.is-mobile).theme-dark.ogd-glass-reduced { /* --ogd-* tokens */ --ogd-glass-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.86), rgba(15, 23, 42, 0.78)); --ogd-glass-bg-hover: linear-gradient(180deg, rgba(51, 65, 85, 0.84), rgba(30, 41, 59, 0.74)); --ogd-glass-bg-strong: linear-gradient(180deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.84)); --ogd-glass-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); --ogd-glass-shadow-hover: 0 3px 10px rgba(0, 0, 0, 0.30); --ogd-tab-glass-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.86), rgba(15, 23, 42, 0.74)); --ogd-tab-glass-bg-hover: linear-gradient(180deg, rgba(51, 65, 85, 0.74), rgba(30, 41, 59, 0.62)); --ogd-tab-glass-border-bottom: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 5px 12px -10px rgba(0, 0, 0, 0.48); --ogd-tab-glass-shadow-hover: none; } body:not(.is-mobile).theme-dark.ogd-glass-subtle { /* --ogd-* tokens */ --ogd-glass-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.62)); --ogd-glass-bg-hover: linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.54)); --ogd-glass-bg-strong: linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.70)); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 8px 20px rgba(0, 0, 0, 0.34); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 4px 12px rgba(0, 0, 0, 0.28); } body:not(.is-mobile).theme-dark.ogd-glass-strong { /* --ogd-* tokens */ --ogd-glass-bg: radial-gradient(circle at 76% 34%, rgba(148, 163, 184, 0.14), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(2, 6, 23, 0.48)); --ogd-glass-bg-hover: radial-gradient(circle at 76% 30%, rgba(148, 163, 184, 0.18), transparent 34%), radial-gradient(circle at 12% 56%, rgba(203, 213, 225, 0.07), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.78), rgba(15, 23, 42, 0.46)); --ogd-glass-bg-strong: radial-gradient(circle at 74% 32%, rgba(148, 163, 184, 0.16), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.80), rgba(15, 23, 42, 0.56)); --ogd-glass-border: rgba(203, 213, 225, 0.22); --ogd-glass-border-hover: rgba(203, 213, 225, 0.24); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 -1px 0 rgba(0, 0, 0, 0.38), inset 0 0 22px rgba(148, 163, 184, 0.12), 0 20px 46px rgba(0, 0, 0, 0.54), 0 6px 16px rgba(0, 0, 0, 0.34); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 0 20px rgba(148, 163, 184, 0.14), 0 10px 28px rgba(0, 0, 0, 0.40); } body.theme-dark { /* --ogd-* tokens */ --ogd-blockquote-bg-1: #1f242b; --ogd-blockquote-bg-2: #252b34; --ogd-blockquote-bg-3: #2c333d; --ogd-inline-code-bg: #2a2f37; --ogd-search-hl-bg: rgba(251, 191, 36, 0.22); --ogd-search-hl-fg: #fde68a; } /* <<< src/tokens/01-dark-tokens.css */ /* 02-base-workspace.css -> base/10 */ /* >>> src/base/10-base-workspace.css */ /* v1.8.68 — Hide inline title by default (filename is shown in tab header). Excludes hover-popover preview which still needs the title for context. */ .workspace-leaf-content .inline-title, .markdown-source-view .inline-title, .markdown-preview-view .inline-title, .markdown-reading-view .inline-title { display: none; } .workspace, .workspace-split, .workspace-leaf, .workspace-tabs, .workspace-tab-header-container, .side-dock-ribbon, .mod-root .workspace-tab-header-container { background-color: var(--background-secondary); } .workspace-leaf-content, .view-content, .markdown-reading-view, .markdown-source-view { background-color: var(--background-primary); } .nav-file-title, .nav-folder-title, .tree-item-self, .workspace-tab-header-inner-title { color: var(--ogd-text-secondary, #374151); } .nav-file-title.is-active, .nav-folder-title.is-active, .workspace-tab-header.is-active .workspace-tab-header-inner-title { color: var(--ogd-text-strong, #111827); font-weight: 700; } button, .clickable-icon, .setting-item-control button, .modal button { border: 1px solid var(--ogd-line-strong, #cbd5e1); background-color: var(--ogd-surface-subtle, #f3f4f6); color: var(--ogd-text-strong, #111827); box-shadow: var(--ogd-shadow-none, none); } button:hover, .clickable-icon:hover, .setting-item-control button:hover, .modal button:hover { border-color: #9ca3af; background-color: var(--ogd-line-soft, #e5e7eb); color: var(--ogd-text-strong, #111827); } button.mod-cta, .setting-item-control button.mod-cta, .modal button.mod-cta { border-color: var(--ogd-line-contrast, #374151); background-color: #4b5563; color: var(--ogd-surface-base, #ffffff); } button.mod-cta:hover, .setting-item-control button.mod-cta:hover, .modal button.mod-cta:hover { border-color: var(--ogd-line-ink, #111827); background-color: var(--ogd-text-secondary, #374151); color: var(--ogd-surface-base, #ffffff); } button.mod-warning, .setting-item-control button.mod-warning, .modal button.mod-warning { border-color: rgba(203, 213, 225, 0.58); background-color: var(--ogd-surface-muted, #f8fafc); color: var(--ogd-text-slate, #334155); } .markdown-preview-view.is-readable-line-width .markdown-preview-sizer, .markdown-source-view.is-readable-line-width .cm-contentContainer, .markdown-source-view.is-readable-line-width .CodeMirror-sizer, .markdown-rendered.is-readable-line-width { max-width: var(--ogd-max-width, 420mm); margin: 0; } .markdown-preview-view.is-readable-line-width .markdown-preview-sizer, .markdown-source-view.is-readable-line-width .cm-contentContainer, .markdown-source-view.is-readable-line-width .CodeMirror-sizer { padding-left: max(34px, env(safe-area-inset-left)); padding-right: max(26px, env(safe-area-inset-right)); box-sizing: border-box; } .markdown-preview-view, .markdown-rendered, .markdown-source-view.mod-cm6 .cm-content { font-family: var(--ogd-reading-font-stack); font-size: var(--ogd-body-size, 15px); color: var(--text-normal); font-feature-settings: "kern" 1, "liga" 1, "calt" 1; } .markdown-preview-view, .markdown-rendered { word-break: keep-all; overflow-wrap: break-word; } .markdown-source-view.mod-cm6 .cm-content { word-break: normal; overflow-wrap: normal; } .markdown-rendered p { line-height: var(--ogd-line-height, 1.5); margin-top: 0; margin-bottom: 0.45em; color: var(--text-normal); } .markdown-source-view.mod-cm6 .cm-line { line-height: inherit; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; color: #1a1a1a; } /* <<< src/base/10-base-workspace.css */ /* 03-reading-content.css -> base/12 */ /* >>> src/base/12-reading-content.css */ /* v2.22.103: empty Live Preview lines now follow CM6 native line-height. Earlier 0.45em compaction shrank the click hitbox to ~7px and made the blank row impossible to mouse-target (arrow keys still worked because they only need a line index). Reading view paragraph spacing is handled below; Live Preview compactness is recovered through other spacing presets, not by collapsing the blank line itself. */ /* Reading view: tighten consecutive paragraph stacks. */ body .markdown-preview-view, body .markdown-reading-view, body .markdown-rendered { word-break: keep-all; overflow-wrap: break-word; } body .markdown-preview-sizer, body .markdown-preview-section, body .markdown-rendered { min-width: 0; } body .markdown-preview-section > div, body .markdown-rendered > div { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; } body .markdown-rendered p, body .markdown-preview-view.markdown-rendered p, body .markdown-reading-view .markdown-rendered p { display: block; width: auto; min-width: 0; max-width: 100%; word-break: keep-all; overflow-wrap: break-word; } body .markdown-preview-view.is-readable-line-width .markdown-preview-sizer, body .markdown-reading-view.is-readable-line-width .markdown-preview-sizer, body .markdown-rendered.is-readable-line-width { margin-left: 0; margin-right: auto; } body :is(.markdown-preview-view, .markdown-reading-view).is-readable-line-width :is(.markdown-preview-sizer, .markdown-preview-section), body .markdown-rendered.is-readable-line-width { box-sizing: border-box; width: 100%; max-width: 100%; margin-left: 0; margin-right: auto; } .markdown-rendered p + p { margin-top: 0.18em; } .markdown-rendered :is(h1, h2, h3) + p, .markdown-preview-view.markdown-rendered :is(h1, h2, h3) + p, .markdown-reading-view .markdown-rendered :is(h1, h2, h3) + p { margin-top: 0.42em; margin-bottom: 0.78em; line-height: 1.58; } .markdown-rendered h1 + p, .markdown-preview-view.markdown-rendered h1 + p, .markdown-reading-view .markdown-rendered h1 + p { margin-top: 0.52em; margin-bottom: 1.02em; color: var(--ogd-text-subtle, #475569); font-size: 0.98em; line-height: 1.64; } /* H1 - Sample B: Editorial number kicker (auto-numbered chapter) */ .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered { counter-reset: ogd-h1-counter; } .markdown-rendered h1, .markdown-preview-view.markdown-rendered h1, .markdown-reading-view .markdown-rendered h1 { display: block; position: relative; box-sizing: border-box; width: auto; max-width: 100%; margin-top: 1.5em; margin-bottom: 0.6em; padding: 0.3em 0 0.2em; font-size: 2.45em; font-weight: 850; line-height: 1.15; letter-spacing: -0.01em; color: var(--header-text); background: var(--ogd-surface-transparent, transparent); border: var(--ogd-border-none, 0); border-left: 0; border-bottom: 0; border-radius: 0; counter-increment: ogd-h1-counter; } .markdown-rendered h1::before, .markdown-preview-view.markdown-rendered h1::before, .markdown-reading-view .markdown-rendered h1::before { content: counter(ogd-h1-counter, decimal-leading-zero); display: block; font-family: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", "D2Coding", Consolas, "Courier New", monospace; font-size: 0.5em; font-weight: 700; letter-spacing: 2px; color: var(--ogd-title-rule-start, #0f766e); margin-bottom: 0.5em; line-height: 1; } @media (max-width: 768px) { .markdown-rendered h1, .markdown-preview-view h1 { font-size: 2.15em; line-height: 1.2; margin-top: 1em; } .markdown-rendered h1::before, .markdown-preview-view h1::before { font-size: 0.55em; letter-spacing: 1.5px; } .markdown-rendered h2 { font-size: 1.45em; } .markdown-rendered h3 { font-size: 1.2em; } } /* Disable previous gradient underline */ .markdown-rendered h1::after, .markdown-preview-view.markdown-rendered h1::after, .markdown-reading-view .markdown-rendered h1::after { content: none; display: none; background: none; background-image: none; height: 0; border: var(--ogd-border-none, 0); box-shadow: var(--ogd-shadow-none, none); } .markdown-rendered h2::after, .markdown-preview-view.markdown-rendered h2::after, .markdown-reading-view .markdown-rendered h2::after { content: ""; position: absolute; left: 0; bottom: -1px; width: min(220px, 36%); height: 3px; background: var(--header-accent); border-radius: var(--ogd-radius-pill, 999px); } .markdown-rendered h3, .markdown-preview-view.markdown-rendered h3, .markdown-reading-view .markdown-rendered h3 { position: relative; box-sizing: border-box; margin-top: 0.7em; margin-bottom: 0.2em; padding: 0.08em 0 0.22em 0; font-size: 1.3em; font-weight: 720; line-height: 1.3; letter-spacing: 0; color: var(--header-accent-dark); border-left: none; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .theme-dark .markdown-rendered h3, .theme-dark .markdown-preview-view.markdown-rendered h3, .theme-dark .markdown-reading-view .markdown-rendered h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .markdown-rendered h2, .markdown-preview-view.markdown-rendered h2, .markdown-reading-view .markdown-rendered h2 { position: relative; box-sizing: border-box; padding-bottom: 0.22em; font-size: 1.6em; font-weight: 780; line-height: 1.25; letter-spacing: 0; color: var(--header-text); border-bottom: 1px solid var(--header-line); margin-top: 1.08em; margin-bottom: 0.42em; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-h1-bg: radial-gradient(circle at 78% 18%, rgba(125, 211, 252, 0.14), transparent 0 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.62)); --ogd-heading-h2-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.70), rgba(248, 250, 252, 0.46)); --ogd-heading-border: rgba(203, 213, 225, 0.68); --ogd-heading-border-soft: rgba(226, 232, 240, 0.82); --ogd-heading-rule: linear-gradient(90deg, rgba(103, 232, 249, 0.72), rgba(203, 213, 225, 0.58), transparent); --ogd-heading-rule-soft: linear-gradient(90deg, rgba(148, 163, 184, 0.56), rgba(226, 232, 240, 0.20), transparent); --ogd-heading-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 14px 30px rgba(15, 23, 42, 0.08); } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { display: block; position: relative; box-sizing: border-box; width: auto; max-width: 100%; margin-top: 1.42em; margin-bottom: 0.78em; padding: 1.36em 0.68em 0.72em; border: 1px solid var(--ogd-heading-border); border-left: 1px solid var(--ogd-heading-border); border-bottom: 1px solid var(--ogd-heading-border); border-radius: var(--ogd-radius-panel, 10px); background: var(--ogd-heading-h1-bg); box-shadow: var(--ogd-heading-shadow); color: var(--header-text, var(--ogd-text-strong, #111827)); font-size: 2.42em; font-weight: 860; line-height: 1.14; letter-spacing: 0; text-decoration: none; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { content: counter(ogd-h1-counter, decimal-leading-zero); display: block; position: absolute; top: 0.58em; left: 0.68em; margin: 0; color: var(--ogd-text-muted, #64748b); font-family: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", "D2Coding", Consolas, "Courier New", monospace; font-size: 0.32em; font-weight: 760; letter-spacing: 0.08em; line-height: 1; text-decoration: none; text-shadow: none; pointer-events: none; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::after { content: none; display: none; width: 0; height: 0; background: transparent; box-shadow: none; } body.ogd-no-h1-number :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before, .markdown-rendered.ogd-no-h1-number h1::before, .markdown-preview-view.ogd-no-h1-number.markdown-rendered h1::before, .markdown-reading-view.ogd-no-h1-number .markdown-rendered h1::before { content: none; display: none; } body.ogd-no-h1-number :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1, .markdown-rendered.ogd-no-h1-number h1, .markdown-preview-view.ogd-no-h1-number.markdown-rendered h1, .markdown-reading-view.ogd-no-h1-number .markdown-rendered h1 { padding-top: 0.58em; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { display: block; position: relative; box-sizing: border-box; margin-top: 1.26em; margin-bottom: 0.76em; padding: 0.42em 0 0.46em; border: 0; border-left: 0; border-bottom: 1px solid var(--ogd-heading-border-soft); border-radius: 0; background: transparent; box-shadow: none; color: var(--header-text, var(--ogd-text-strong, #111827)); font-size: 1.56em; font-weight: 800; line-height: 1.23; letter-spacing: 0; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2::after { content: ""; display: block; position: absolute; left: 0; right: auto; bottom: -0.43em; width: min(280px, 44%); height: 1.5px; border: 0; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-heading-rule); box-shadow: none; pointer-events: none; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3, body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4 { display: block; position: relative; box-sizing: border-box; border-left: 0; border-bottom: 0; background: transparent; box-shadow: none; letter-spacing: 0; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3 { margin-top: 1.04em; margin-bottom: 0.46em; padding: 0.06em 0 0.34em; color: var(--ogd-text-slate, #334155); font-size: 1.28em; font-weight: 760; line-height: 1.28; text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(203, 213, 225, 0.72); text-decoration-thickness: 1px; text-underline-offset: 0.18em; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3::after, body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4::after { content: none; display: none; width: 0; height: 0; background: transparent; opacity: 0; pointer-events: none; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3::after { width: min(190px, 28%); } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4 { margin-top: 0.86em; margin-bottom: 0.34em; padding: 0.02em 0 0.28em; color: var(--ogd-text-subtle, #475569); font-size: 1.06em; font-weight: 760; line-height: 1.30; text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(226, 232, 240, 0.88); text-decoration-thickness: 1px; text-underline-offset: 0.18em; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4::after { width: min(128px, 20%); } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-text: var(--ogd-text-strong, #111827); --ogd-heading-template-subtext: var(--ogd-text-slate, #334155); --ogd-heading-template-muted: var(--ogd-text-subtle, #475569); --ogd-heading-template-accent: #0284c7; --ogd-heading-template-accent-soft: rgba(14, 165, 233, 0.22); --ogd-heading-template-border: rgba(203, 213, 225, 0.76); --ogd-heading-template-border-soft: rgba(226, 232, 240, 0.86); --ogd-heading-template-h1-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.72)); --ogd-heading-template-h2-bg: transparent; --ogd-heading-template-rule: transparent; --ogd-heading-template-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 24px rgba(15, 23, 42, 0.06); --ogd-heading-template-radius: 8px; --ogd-heading-template-h1-padding: 0.78em 0.66em 0.58em; --ogd-heading-template-h1-border-left: 1px solid var(--ogd-heading-template-border); --ogd-heading-template-h1-border-right: 1px solid var(--ogd-heading-template-border); --ogd-heading-template-h1-border-top: 1px solid var(--ogd-heading-template-border); --ogd-heading-template-h1-border-bottom: 1px solid var(--ogd-heading-template-border); --ogd-heading-template-h1-rule-height: 2px; --ogd-heading-template-h2-padding: 0.38em 0 0.42em; --ogd-heading-template-h2-padding-left: 0; --ogd-heading-template-h2-border-left: 0 solid transparent; --ogd-heading-template-h2-border-bottom: 1px solid var(--ogd-heading-template-border-soft); --ogd-heading-template-h2-radius: 0; --ogd-heading-template-h2-rule-width: min(260px, 42%); --ogd-heading-template-h3-decoration: rgba(203, 213, 225, 0.78); --ogd-heading-template-h4-decoration: rgba(226, 232, 240, 0.92); } body.ogd-heading-printclean :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #64748b; --ogd-heading-template-accent-soft: rgba(148, 163, 184, 0.18); --ogd-heading-template-border: rgba(148, 163, 184, 0.74); --ogd-heading-template-rule: transparent; --ogd-heading-template-shadow: none; --ogd-heading-template-h1-bg: rgba(248, 250, 252, 0.82); --ogd-heading-template-h1-padding: 0.56em 0.64em 0.50em; --ogd-heading-template-h2-bg: rgba(248, 250, 252, 0.42); } body.ogd-heading-keyline :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #2563eb; --ogd-heading-template-accent-soft: rgba(96, 165, 250, 0.18); --ogd-heading-template-border: rgba(191, 219, 254, 0.82); --ogd-heading-template-rule: transparent; --ogd-heading-template-h1-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(239, 246, 255, 0.54)); --ogd-heading-template-h1-border-top: 3px solid rgba(37, 99, 235, 0.72); --ogd-heading-template-h1-padding: 0.66em 0.64em 0.54em; --ogd-heading-template-h1-rule-height: 0; --ogd-heading-template-h2-border-bottom: 1px solid rgba(191, 219, 254, 0.78); } body.ogd-heading-bracket :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #0284c7; --ogd-heading-template-accent-soft: rgba(14, 165, 233, 0.16); --ogd-heading-template-border: color-mix(in srgb, #bae6fd 82%, transparent); --ogd-heading-template-rule: transparent; --ogd-heading-template-h1-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(240, 249, 255, 0.58)); --ogd-heading-template-h1-border-left: 6px solid rgba(14, 165, 233, 0.44); --ogd-heading-template-h1-border-right: 6px solid rgba(14, 165, 233, 0.44); --ogd-heading-template-h1-padding: 0.68em 0.78em 0.54em; --ogd-heading-template-h2-border-left: 3px solid rgba(14, 165, 233, 0.42); --ogd-heading-template-h2-padding-left: 0.58em; } body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #475569; --ogd-heading-template-accent-soft: rgba(100, 116, 139, 0.12); --ogd-heading-template-border: rgba(203, 213, 225, 0.74); --ogd-heading-template-rule: transparent; --ogd-heading-template-h1-bg: transparent; --ogd-heading-template-h1-border-left: 0 solid transparent; --ogd-heading-template-h1-border-right: 0 solid transparent; --ogd-heading-template-h1-border-top: 0 solid transparent; --ogd-heading-template-h1-border-bottom: 1px solid rgba(203, 213, 225, 0.84); --ogd-heading-template-shadow: none; --ogd-heading-template-h1-padding: 0.48em 0 0.48em; --ogd-heading-template-h2-padding-left: 2.05em; counter-reset: ogd-ledger-heading; } body.ogd-heading-focus-bar :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #0ea5e9; --ogd-heading-template-accent-soft: rgba(14, 165, 233, 0.20); --ogd-heading-template-border: color-mix(in srgb, #bae6fd 78%, transparent); --ogd-heading-template-rule: transparent; --ogd-heading-template-h1-bg: linear-gradient(180deg, rgba(240, 249, 255, 0.74), rgba(255, 255, 255, 0.78)); --ogd-heading-template-h1-border-top: 6px solid rgba(14, 165, 233, 0.50); --ogd-heading-template-h1-padding: 0.72em 0.68em 0.56em; --ogd-heading-template-h2-border-left: 6px solid rgba(14, 165, 233, 0.48); --ogd-heading-template-h2-padding-left: 0.62em; --ogd-heading-template-h2-radius: 8px; --ogd-heading-template-h2-bg: rgba(240, 249, 255, 0.42); } body.ogd-heading-double-rule :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #334155; --ogd-heading-template-accent-soft: rgba(51, 65, 85, 0.14); --ogd-heading-template-border: rgba(51, 65, 85, 0.55); --ogd-heading-template-rule: transparent; --ogd-heading-template-shadow: none; --ogd-heading-template-radius: 0; --ogd-heading-template-h1-bg: transparent; --ogd-heading-template-h1-border-left: 0 solid transparent; --ogd-heading-template-h1-border-right: 0 solid transparent; --ogd-heading-template-h1-border-top: 0 solid transparent; --ogd-heading-template-h1-border-bottom: 4px solid var(--ogd-heading-template-accent); --ogd-heading-template-h1-padding: 0.10em 0 0.70em; --ogd-heading-template-h2-bg: transparent; --ogd-heading-template-h2-border-left: 0 solid transparent; --ogd-heading-template-h2-border-bottom: 1.5px solid rgba(51, 65, 85, 0.48); --ogd-heading-template-h2-padding-left: 0; } body.ogd-heading-tag-ribbon :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #0d9488; --ogd-heading-template-accent-soft: rgba(13, 148, 136, 0.18); --ogd-heading-template-border: rgba(94, 234, 212, 0.55); --ogd-heading-template-rule: transparent; --ogd-heading-template-shadow: none; --ogd-heading-template-radius: 0; --ogd-heading-template-h1-bg: transparent; --ogd-heading-template-h1-border-left: 0 solid transparent; --ogd-heading-template-h1-border-right: 0 solid transparent; --ogd-heading-template-h1-border-top: 0 solid transparent; --ogd-heading-template-h1-border-bottom: 0 solid transparent; --ogd-heading-template-h1-padding: 0.10em 0 0.56em; --ogd-heading-template-h2-bg: transparent; --ogd-heading-template-h2-border-left: 0 solid transparent; --ogd-heading-template-h2-border-bottom: 1px solid rgba(94, 234, 212, 0.45); --ogd-heading-template-h2-padding-left: 0; } body.ogd-heading-number-stamp :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #d97706; --ogd-heading-template-accent-soft: rgba(217, 119, 6, 0.16); --ogd-heading-template-border: rgba(217, 119, 6, 0.45); --ogd-heading-template-rule: transparent; --ogd-heading-template-shadow: none; --ogd-heading-template-radius: 10px; --ogd-heading-template-h1-bg: rgba(255, 251, 235, 0.38); --ogd-heading-template-h1-border-left: 1.5px dashed var(--ogd-heading-template-border); --ogd-heading-template-h1-border-right: 1.5px dashed var(--ogd-heading-template-border); --ogd-heading-template-h1-border-top: 1.5px dashed var(--ogd-heading-template-border); --ogd-heading-template-h1-border-bottom: 1.5px dashed var(--ogd-heading-template-border); --ogd-heading-template-h1-padding: 0.92em 0.70em 0.62em; --ogd-heading-template-h2-bg: transparent; --ogd-heading-template-h2-border-left: 0 solid transparent; --ogd-heading-template-h2-border-bottom: 1.5px dashed rgba(217, 119, 6, 0.40); --ogd-heading-template-h2-padding-left: 0; } body.ogd-heading-grid-index :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #7c3aed; --ogd-heading-template-accent-soft: rgba(124, 58, 237, 0.16); --ogd-heading-template-border: rgba(196, 181, 253, 0.60); --ogd-heading-template-rule: transparent; --ogd-heading-template-shadow: none; --ogd-heading-template-radius: 10px; --ogd-heading-template-h1-bg: transparent; --ogd-heading-template-h1-border-left: 0 solid transparent; --ogd-heading-template-h1-border-right: 0 solid transparent; --ogd-heading-template-h1-border-top: 0 solid transparent; --ogd-heading-template-h1-border-bottom: 0 solid transparent; --ogd-heading-template-h1-padding: 0 0 0.58em; --ogd-heading-template-h2-bg: rgba(237, 233, 254, 0.50); --ogd-heading-template-h2-border-left: 0 solid transparent; --ogd-heading-template-h2-border-bottom: 0 solid transparent; --ogd-heading-template-h2-padding-left: 0; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { padding: var(--ogd-heading-template-h1-padding); border-top: var(--ogd-heading-template-h1-border-top); border-right: var(--ogd-heading-template-h1-border-right); border-bottom: var(--ogd-heading-template-h1-border-bottom); border-left: var(--ogd-heading-template-h1-border-left); border-radius: var(--ogd-heading-template-radius); background: var(--ogd-heading-template-h1-bg); box-shadow: var(--ogd-heading-template-shadow); color: var(--ogd-heading-template-text); text-decoration: none; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { color: var(--ogd-heading-template-accent); text-decoration: none; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::after { content: none; display: none; position: static; left: auto; right: auto; bottom: auto; width: 0; height: 0; border: 0; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-heading-template-rule); box-shadow: none; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { padding: var(--ogd-heading-template-h2-padding); padding-left: var(--ogd-heading-template-h2-padding-left); border-left: var(--ogd-heading-template-h2-border-left); border-bottom: var(--ogd-heading-template-h2-border-bottom); border-radius: var(--ogd-heading-template-h2-radius); background: var(--ogd-heading-template-h2-bg); color: var(--ogd-heading-template-text); text-decoration: none; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2::after { content: none; display: none; position: static; left: auto; bottom: auto; width: 0; height: 0; border: 0; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-heading-template-rule); } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3, body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4 { border-left: 0; background: transparent; box-shadow: none; color: var(--ogd-heading-template-subtext); text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: 1px; text-underline-offset: 0.20em; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3 { text-decoration-color: var(--ogd-heading-template-h3-decoration); } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4 { color: var(--ogd-heading-template-muted); text-decoration-color: var(--ogd-heading-template-h4-decoration); } body.ogd-heading-printclean :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { width: min(100%, 34em); padding: 0.76em 0.68em 0.58em; border: 1px solid rgba(148, 163, 184, 0.78); border-radius: 4px; background: #f8fafc; box-shadow: none; font-size: 2.05em; } body.ogd-heading-printclean :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { top: 0.50em; left: 0.72em; color: #64748b; } body.ogd-heading-printclean :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2, body.ogd-heading-keyline :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2, body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { display: block; width: min(26em, 68%); border-bottom: 1px solid #94a3b8; background: transparent; } body.ogd-heading-printclean :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3, body.ogd-heading-keyline :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3 { display: block; width: min(14em, 38%); border-bottom: 1px solid #cbd5e1; text-decoration: none; } body.ogd-heading-keyline :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { padding: 0.62em 0 0.52em; border: 0; border-top: 3px solid #2563eb; border-bottom: 1px solid #dbeafe; border-radius: 0; background: transparent; box-shadow: none; font-size: 2.08em; } body.ogd-heading-keyline :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { content: none; display: none; } body.ogd-heading-keyline :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { width: min(18em, 52%); border-bottom: 2px solid #60a5fa; } body.ogd-heading-bracket :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { padding: 1.02em 4.1em 0.62em; border: 0; border-radius: 0; background: linear-gradient(#e0f2fe, #e0f2fe) left top / 2.15em 0.36em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) left bottom / 2.15em 0.36em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) left top / 0.48em 100% no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right top / 2.15em 0.36em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right bottom / 2.15em 0.36em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right top / 0.48em 100% no-repeat; box-shadow: none; font-size: 2.05em; } body.ogd-heading-bracket :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { content: "FIELD " counter(ogd-h1-counter, decimal-leading-zero); top: 0.58em; left: 4.1em; color: #0284c7; } body.ogd-heading-bracket :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { display: block; width: min(18em, 52%); padding-left: 0; border-left: 0; border-bottom: 3px solid rgba(14, 165, 233, 0.56); border-radius: 0; background: transparent; } body.ogd-heading-bracket :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3, body.ogd-heading-bracket :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4 { display: inline-block; min-width: 9em; margin-right: 2em; text-decoration: none; } body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1, body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2, body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3, body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4 { padding-left: 2.45em; border-left: 0; background: transparent; box-shadow: none; counter-increment: ogd-ledger-heading; } body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { padding-top: 0.34em; border-bottom: 1px solid #dbe3ec; border-radius: 0; font-size: 1.92em; } body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before, body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2::before, body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3::before, body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4::before { position: absolute; left: 0; top: 0.35em; display: inline-block; min-width: 1.8em; color: #64748b; font-family: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", "D2Coding", Consolas, "Courier New", monospace; font-size: 0.62em; font-weight: 760; letter-spacing: 0; line-height: 1; content: counter(ogd-ledger-heading, decimal-leading-zero); } body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { width: min(18em, 52%); border-bottom: 1.6px solid #94a3b8; } body.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(h3, h4) { text-decoration: none; } body.ogd-heading-focus-bar :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { padding: 0.96em 0.72em 0.64em; border: 1px solid color-mix(in srgb, #bae6fd 80%, transparent); border-top: 10px solid color-mix(in srgb, #38bdf8 62%, transparent); border-radius: 8px; background: linear-gradient(180deg, rgba(240, 249, 255, 0.74), rgba(255, 255, 255, 0.78)); box-shadow: var(--ogd-heading-template-shadow); font-size: 2.05em; } body.ogd-heading-focus-bar :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { content: "FOCUS " counter(ogd-h1-counter, decimal-leading-zero); top: 0.56em; left: 0.72em; color: #0284c7; } body.ogd-heading-focus-bar :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { padding: 0.28em 0 0.30em 0.62em; border-left: 6px solid color-mix(in srgb, #38bdf8 68%, transparent); border-bottom: 0; border-radius: 0; background: transparent; } body.ogd-heading-focus-bar :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(h3, h4) { display: inline-block; min-width: 10em; margin-right: 2em; text-decoration: none; } /* 더블룰 클래식: 배경 없이 두꺼운/얇은 이중 룰 라인만으로 구성 */ body.ogd-heading-double-rule :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { font-size: 2.10em; } body.ogd-heading-double-rule :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { content: none; display: none; } body.ogd-heading-double-rule :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -10px; width: 100%; height: 1.5px; border: 0; border-radius: 0; background: rgba(51, 65, 85, 0.5); box-shadow: none; } /* 태그 리본: 챕터 번호 리본 배지를 H1/H2 앞에 인라인 배치 */ body.ogd-heading-tag-ribbon :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { display: flex; align-items: center; gap: 0.5em; font-size: 2.05em; } body.ogd-heading-tag-ribbon :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { content: counter(ogd-h1-counter, decimal-leading-zero); position: static; display: inline-flex; flex: none; align-items: center; justify-content: center; min-width: 1.5em; height: 1.05em; margin: 0; padding: 0 0.55em 0 0.62em; clip-path: polygon(0 0, 78% 0, 100% 50%, 78% 100%, 0 100%); background: var(--ogd-heading-template-accent); color: #ffffff; font-size: 0.40em; font-weight: 800; letter-spacing: 0.03em; line-height: 1; } body.ogd-heading-tag-ribbon :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { display: flex; align-items: center; gap: 0.5em; padding-left: 0; } body.ogd-heading-tag-ribbon :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2::before { content: ""; flex: none; width: 0.85em; height: 0.85em; clip-path: polygon(0 0, 65% 0, 100% 50%, 65% 100%, 0 100%); background: var(--ogd-heading-template-accent); } body.ogd-heading-tag-ribbon :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(h3, h4) { border-left: 3px solid var(--ogd-heading-template-accent); padding-left: 0.55em; text-decoration: none; } /* 넘버 스탬프: 회전된 사각 배지가 점선 박스 모서리에 겹쳐지는 캐주얼 스타일 */ body.ogd-heading-number-stamp :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { font-size: 2.02em; } body.ogd-heading-number-stamp :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { content: counter(ogd-h1-counter, decimal-leading-zero); position: absolute; top: -0.62em; left: 0.62em; display: inline-flex; align-items: center; justify-content: center; min-width: 1.7em; height: 1.35em; margin: 0; padding: 0 0.3em; border-radius: 4px; background: var(--ogd-heading-template-accent); color: #ffffff; font-size: 0.34em; font-weight: 800; letter-spacing: 0.02em; line-height: 1; transform: rotate(-7deg); box-shadow: 0 2px 6px rgba(180, 83, 9, 0.35); } body.ogd-heading-number-stamp :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { padding-bottom: 0.34em; } body.ogd-heading-number-stamp :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(h3, h4) { text-decoration-style: dashed; text-decoration-color: rgba(217, 119, 6, 0.5); } /* 그리드 인덱스: 좌측 넘버 블록 + 2단 편집 레이아웃 */ body.ogd-heading-grid-index :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { display: flex; align-items: center; gap: 0.62em; font-size: 2.0em; } body.ogd-heading-grid-index :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before { content: counter(ogd-h1-counter, decimal-leading-zero); position: static; display: inline-flex; flex: none; align-items: center; justify-content: center; width: 1.55em; height: 1.55em; margin: 0; border-radius: 0.28em; background: var(--ogd-heading-template-accent); color: #ffffff; font-size: 0.46em; font-weight: 800; line-height: 1; } body.ogd-heading-grid-index :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { display: flex; align-items: center; gap: 0.55em; padding-left: 0; } body.ogd-heading-grid-index :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2::before { content: ""; flex: none; width: 0.85em; height: 0.85em; border-radius: 0.2em; background: var(--ogd-heading-template-accent-soft); } body.ogd-heading-grid-index :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(h3, h4) { padding-left: 2.1em; border-left: 0; text-decoration: none; } body :is(.markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h2 { margin-top: 2.05em; } body :is(.markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h3 { margin-top: 1.62em; } body :is(.markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h4 { margin-top: 1.34em; } .markdown-rendered a.external-link:visited, .markdown-preview-view a.external-link:visited { color: #7c3aed; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: rgba(124, 58, 237, 0.4); text-decoration-thickness: 1.35px; } body.theme-dark .markdown-rendered a.external-link:visited { color: #c4b5fd; } .markdown-rendered h2, .markdown-rendered h3, .markdown-rendered h4 { position: relative; } .markdown-rendered h2:hover::after, .markdown-rendered h3:hover::after, .markdown-rendered h4:hover::after { content: "#"; position: absolute; left: -0.85em; top: 50%; transform: translateY(-50%); color: var(--ogd-line-strong, #cbd5e1); font-weight: 400; opacity: 0.6; pointer-events: none; font-size: 0.85em; } @supports selector(.markdown-rendered h1:has(+ table)) { .markdown-rendered h1:has(+ table), .markdown-rendered h1:has(+ .table-wrapper), .markdown-rendered h2:has(+ table), .markdown-rendered h2:has(+ .table-wrapper), .markdown-rendered h3:has(+ table), .markdown-rendered h3:has(+ .table-wrapper) { margin-bottom: 0.2em; } } .markdown-rendered :is(h1, h2, h3) + :is(table, .table-wrapper), .markdown-rendered :is(h1, h2, h3) + .table-wrapper table { margin-top: 0.2em; } .markdown-rendered h2 + table, .markdown-rendered h2 + .table-wrapper, .markdown-rendered h2 + .table-wrapper table, .markdown-preview-view.markdown-rendered h2 + table, .markdown-preview-view.markdown-rendered h2 + .table-wrapper, .markdown-preview-view.markdown-rendered h2 + .table-wrapper table, .markdown-reading-view .markdown-rendered h2 + table, .markdown-reading-view .markdown-rendered h2 + .table-wrapper, .markdown-reading-view .markdown-rendered h2 + .table-wrapper table { margin-top: 0.58em; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) th { background-color: var(--ogd-text-inverted, #f8fafc); color: var(--ogd-text-strong, #111827); font-weight: 700; text-align: center; vertical-align: middle; padding: 12px 20px; white-space: nowrap; border-bottom: 1px solid var(--ogd-line-strong, #cbd5e1); border-left: 1px solid var(--ogd-line-soft, #e5e7eb); border-right: 1px solid var(--ogd-line-soft, #e5e7eb); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) td { line-height: 1.6; padding: 10px 20px; border-bottom: 1px solid #f1f5f9; border-left: 1px solid #f1f5f9; border-right: 1px solid #f1f5f9; vertical-align: middle; text-align: left; color: #1f2937; word-break: keep-all; overflow-wrap: break-word; } .markdown-rendered th:first-child, .markdown-rendered td:first-child { border-left: none; } .markdown-rendered th:last-child, .markdown-rendered td:last-child { border-right: none; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) td:first-child { color: var(--ogd-text-strong, #111827); font-weight: 700; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) td code { white-space: nowrap; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) blockquote, .workspace-leaf-content :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) blockquote { --blockquote-border-thickness: 0px; --blockquote-border-color: var(--ogd-surface-transparent, transparent); box-sizing: border-box; margin: 0.95em 0; padding: 0.6em 0.9em 0.6em 1em; padding-inline-start: 1em; border: var(--ogd-border-none, 0); border-left: 0; border-inline-start: 0; border-inline-start-width: 0; border-radius: var(--radius-m, 6px); background: var(--ogd-surface-muted, #f8fafc); background-color: var(--ogd-text-inverted, #f8fafc); color: var(--ogd-text-secondary, #374151); box-shadow: var(--ogd-shadow-none, none); font-style: italic; } /* Force blockquote inner spacing - high specificity to override Obsidian defaults */ body .markdown-rendered blockquote, body .markdown-preview-view blockquote, body .markdown-reading-view blockquote { border-left: 0; border-inline-start: 0; padding-left: 0.2em; padding-inline-start: 0.2em; } /* v1.8.65 - Definitive blockquote border removal in Reading view. Targets every level (single, nested, dark) and all border longhands. */ body .markdown-rendered blockquote, body .markdown-preview-view blockquote, body .markdown-reading-view blockquote, body.theme-light .markdown-rendered blockquote, body.theme-dark .markdown-rendered blockquote, body .markdown-rendered blockquote blockquote, body .markdown-rendered blockquote blockquote blockquote { --blockquote-border-thickness: 0px; --blockquote-border-color: var(--ogd-surface-transparent, transparent); border: var(--ogd-border-none, 0); border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; border-width: 0; border-left-width: 0; border-inline-start: 0; border-inline-start-width: 0; border-inline-end-width: 0; border-color: var(--ogd-surface-transparent, transparent); border-left-color: var(--ogd-surface-transparent, transparent); border-inline-start-color: var(--ogd-surface-transparent, transparent); outline: 0; box-shadow: var(--ogd-shadow-none, none); } /* Ensure blockquote children inherit inner spacing */ :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) blockquote > :is(p, ul, ol, div) { margin-left: 0.6em; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) blockquote > :first-child, .markdown-rendered .callout-content > :first-child { margin-top: 0; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) blockquote > :last-child, .markdown-rendered .callout-content > :last-child { margin-bottom: 0; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) blockquote p { color: var(--ogd-text-secondary, #374151); line-height: 1.75; margin-bottom: 0.65em; } .markdown-source-view.mod-cm6 .HyperMD-quote, .markdown-source-view.mod-cm6 .cm-line.HyperMD-quote { --blockquote-border-thickness: 0px; --blockquote-border-color: var(--ogd-surface-transparent, transparent); box-sizing: border-box; margin-top: 0; margin-bottom: 0; padding: 0.05em 0.6em 0.05em 0.8em; border: var(--ogd-border-none, 0); border-left: 0; border-inline-start: 0; border-inline-start-width: 0; border-left-width: 0; border-color: var(--ogd-surface-transparent, transparent); border-left-color: var(--ogd-surface-transparent, transparent); border-inline-start-color: var(--ogd-surface-transparent, transparent); background: var(--ogd-surface-muted, #f8fafc); background-color: var(--ogd-text-inverted, #f8fafc); color: var(--ogd-text-secondary, #374151); font-style: italic; box-shadow: var(--ogd-shadow-none, none); } /* v1.8.65 - Live Preview: also kill blockquote element rendered inside CM6 */ .markdown-source-view.mod-cm6 blockquote, .markdown-source-view.mod-cm6 .cm-embed-block blockquote, .markdown-source-view.mod-cm6 .cm-content blockquote { --blockquote-border-thickness: 0px; --blockquote-border-color: var(--ogd-surface-transparent, transparent); border: var(--ogd-border-none, 0); border-left: 0; border-inline-start: 0; border-inline-start-width: 0; border-left-width: 0; border-color: var(--ogd-surface-transparent, transparent); border-left-color: var(--ogd-surface-transparent, transparent); border-inline-start-color: var(--ogd-surface-transparent, transparent); background: var(--ogd-surface-muted, #f8fafc); background-color: var(--ogd-text-inverted, #f8fafc); border-radius: var(--radius-m, 6px); padding: 0.4em 0.8em; font-style: italic; box-shadow: var(--ogd-shadow-none, none); } .markdown-source-view.mod-cm6 .HyperMD-quote .cm-formatting-quote { /* v1.8.65 - Hide the > marker; soft background tint already conveys quote. Fixes Windows font fallback rendering > as a protruding chevron glyph. */ display: none; visibility: hidden; width: 0; margin: 0; padding: 0; font-size: 0; color: var(--ogd-surface-transparent, transparent); opacity: 0; } .markdown-source-view.mod-cm6 .HyperMD-quote .cm-quote { color: var(--ogd-text-secondary, #374151); font-style: normal; } .markdown-rendered div.callout, .markdown-rendered .callout, .markdown-preview-view .callout, .markdown-reading-view .callout, .workspace-leaf-content .markdown-rendered div.callout, .workspace-leaf-content .markdown-rendered .callout { box-sizing: border-box; margin: 1.05em 0; padding: 11px 13px; border: 1px solid #d1d5db; border-radius: var(--radius-m, 6px); background: #fbfcfd; background-color: #fbfcfd; box-shadow: var(--ogd-shadow-none, none); mix-blend-mode: normal; color: var(--ogd-text-secondary, #374151); } .markdown-rendered div.callout:is([data-callout="warning"], [data-callout="attention"], [data-callout="caution"]) { border-color: #fde68a; background: #fffbeb; background-color: #fffbeb; } .markdown-rendered div.callout:is([data-callout="failure"], [data-callout="fail"], [data-callout="missing"], [data-callout="danger"], [data-callout="error"], [data-callout="bug"]) { border-color: #fecaca; background: #fef2f2; background-color: #fef2f2; } .markdown-rendered div.callout:is([data-callout="success"], [data-callout="check"], [data-callout="done"]) { border-color: #bbf7d0; background: #f0fdf4; background-color: #f0fdf4; } .markdown-rendered div.callout:is([data-callout="tip"], [data-callout="hint"], [data-callout="important"]) { border-color: #99f6e4; background: #f0fdfa; background-color: #f0fdfa; } .markdown-rendered div.callout:is([data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"]) { border-color: var(--ogd-line-soft, #e5e7eb); background: var(--ogd-surface-muted, #f8fafc); background-color: var(--ogd-text-inverted, #f8fafc); } .markdown-rendered div.callout:is([data-callout="question"], [data-callout="help"], [data-callout="faq"]) { border-color: #ddd6fe; background: #faf5ff; background-color: #faf5ff; } .markdown-rendered div.callout[data-callout="example"] { border-color: #ddd6fe; background: #f5f3ff; background-color: #f5f3ff; } .markdown-rendered div.callout:is([data-callout="quote"], [data-callout="cite"]) { border-color: var(--ogd-line-soft, #e5e7eb); background: var(--ogd-surface-muted, #f8fafc); background-color: var(--ogd-text-inverted, #f8fafc); } .markdown-rendered .callout-title-inner, .markdown-rendered .callout-content, .markdown-preview-view .callout-title-inner, .markdown-preview-view .callout-content { color: var(--ogd-text-secondary, #374151); } /* v3.1.5: callout-icon rules expanded from `.callout:is(...)` to explicit comma-lists so the community-theme reviewer's CSS parser (which strips `:is(...)` argument content during selector comparison and reports them all as the literal token `.callout:is .callout-icon`) no longer treats these three semantically-distinct rules as duplicate selectors. The selector specificity is unchanged: each comma-arm still resolves to (0,2,2) just like the `:is()` form did. */ .markdown-rendered .callout[data-callout="warning"] .callout-icon, .markdown-rendered .callout[data-callout="attention"] .callout-icon, .markdown-rendered .callout[data-callout="caution"] .callout-icon { border: 1.5px solid #fcd34d; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #92400e; } .markdown-rendered .callout[data-callout="failure"] .callout-icon, .markdown-rendered .callout[data-callout="fail"] .callout-icon, .markdown-rendered .callout[data-callout="missing"] .callout-icon, .markdown-rendered .callout[data-callout="danger"] .callout-icon, .markdown-rendered .callout[data-callout="error"] .callout-icon, .markdown-rendered .callout[data-callout="bug"] .callout-icon { border: 1.5px solid #fca5a5; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #b91c1c; } .markdown-rendered .callout[data-callout="success"] .callout-icon, .markdown-rendered .callout[data-callout="check"] .callout-icon, .markdown-rendered .callout[data-callout="done"] .callout-icon { border: 1.5px solid #86efac; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #166534; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) code:not(pre code) { padding: 0.16em 0.38em; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: 4px; background: var(--ogd-surface-subtle, #f3f4f6); color: var(--ogd-text-strong, #111827); font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); font-size: 0.9em; } .markdown-source-view.mod-cm6 .HyperMD-codeblock, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { background: var(--ogd-surface-muted, #f8fafc); color: var(--ogd-text-strong, #111827); font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-size: var(--ogd-code-font-size, 0.92em); font-weight: var(--ogd-code-font-weight, 520); font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); line-height: var(--ogd-code-line-height, 1.58); letter-spacing: var(--ogd-code-letter-spacing, 0); tab-size: var(--ogd-code-tab-size, 2); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ul { padding-left: 20px; margin-top: 0.4em; margin-bottom: 0.8em; margin-left: 8px; border-left: none; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol { padding-left: 22px; margin-top: 0.4em; margin-bottom: 0.8em; margin-left: 8px; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) li { margin-bottom: 0.65em; line-height: 1.78; list-style-type: disc; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) li > p { margin-bottom: 0.65em; line-height: 1.78; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) li::before { display: none; } .markdown-rendered a, .markdown-source-view.mod-cm6 .cm-link, .markdown-source-view.mod-cm6 .cm-hmd-internal-link { color: #1d4ed8; font-weight: 700; text-decoration: none; border-bottom: 1px solid #bfdbfe; } .markdown-rendered a:hover { /* underline is drawn by border-bottom in the resting rule; nothing to do here */ } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) a.internal-link:not(.is-unresolved) { color: var(--ogd-text-slate, #334155); font-weight: 660; text-decoration: none; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) a.internal-link:not(.is-unresolved):hover { color: #1d4ed8; text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(96, 165, 250, 0.34); text-decoration-thickness: 1px; text-underline-offset: 0.18em; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.ogd-status-ok, .ogd-status-no, .ogd-status-warn) { display: inline-flex; align-items: center; justify-content: center; min-width: 1.72em; min-height: 1.48em; padding: 0.08em 0.46em; border: 1px solid currentColor; border-radius: var(--ogd-radius-pill, 999px); font-size: 0.82em; font-weight: 850; line-height: 1.18; text-align: center; vertical-align: 0.02em; white-space: nowrap; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-ok { background: #ecfdf5; color: #047857; border-color: #a7f3d0; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-no { background: #fef2f2; color: #b91c1c; border-color: #fecaca; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-warn { background: #fffbeb; color: #92400e; border-color: #fde68a; } /* External-link resting state: align with v2.30.14 graphite baseline. v2 dev/10c (now polish/70) defines slate-700; this block previously declared teal which only "lost" because the polish/70 rule used the important-flag. Aligning the resting state here removes the need for that flag entirely. The hover block below keeps the teal accent. */ :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) a:is( .external-link, [href^="http://"]:not(.internal-link), [href^="https://"]:not(.internal-link) ) { color: var(--ogd-text-slate, #334155); font-weight: 720; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: var(--ogd-text-soft, #94a3b8); text-decoration-thickness: 1.35px; text-underline-offset: 0.23em; border-bottom: 0; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) a:is( .external-link, [href^="http://"]:not(.internal-link), [href^="https://"]:not(.internal-link) ):hover { color: #0d9488; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #0f766e; text-decoration-thickness: 1.35px; } /* Broken / unresolved internal links */ .markdown-rendered a.internal-link.is-unresolved, .markdown-source-view.mod-cm6 .cm-hmd-internal-link.is-unresolved { color: #b45309; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: rgba(180, 83, 9, 0.55); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) mark, .cm-highlight { padding: 0.05em 0.25em; border-radius: 3px; background: #fef3c7; color: #78350f; box-shadow: inset 0 -1px 0 rgba(146, 64, 14, 0.22); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.search-highlight, .search-hit, .is-search-match), :is(.search-result-file-matched-text, .suggestion-highlight) { padding: 0.05em 0.24em; border-radius: 3px; background: #fef3c7; color: #78350f; box-shadow: inset 0 -1px 0 rgba(146, 64, 14, 0.24); } /* <<< src/base/12-reading-content.css */ /* 03a-reading-tables-code.css -> surfaces/20 */ /* >>> src/surfaces/20-reading-tables-code.css */ /* ===================================================================== H4 ~ H6 - fill the hierarchy gap below H3 ===================================================================== */ .markdown-rendered h4, .markdown-preview-view.markdown-rendered h4, .markdown-reading-view .markdown-rendered h4 { margin-top: 0.6em; margin-bottom: 0.18em; padding: 0 0 0.18em 0; font-size: 1.12em; font-weight: 700; line-height: 1.3; color: var(--header-accent-dark); border-left: none; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .theme-dark .markdown-rendered h4, .theme-dark .markdown-preview-view.markdown-rendered h4, .theme-dark .markdown-reading-view .markdown-rendered h4 { border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .markdown-rendered h5, .markdown-preview-view.markdown-rendered h5, .markdown-reading-view .markdown-rendered h5 { margin-top: 0.55em; margin-bottom: 0.14em; font-size: 1.0em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--header-muted); } .markdown-rendered h6, .markdown-preview-view.markdown-rendered h6, .markdown-reading-view .markdown-rendered h6 { margin-top: 0.5em; margin-bottom: 0.12em; font-size: 0.92em; font-weight: 700; color: var(--header-muted); } /* Anchor 짠 hint on heading hover (Reading view only) */ .markdown-rendered :is(h1, h2, h3, h4, h5, h6) { scroll-margin-top: 16px; } .markdown-rendered :is(h1, h2, h3, h4, h5, h6) .heading-collapse-indicator { opacity: 0.35; } .markdown-rendered :is(h1, h2, h3, h4, h5, h6):hover .heading-collapse-indicator { opacity: 1; } /* ===================================================================== Selection highlight - unified accent tint ===================================================================== */ ::selection { background-color: rgba(75, 85, 99, 0.22); color: inherit; } /* ===================================================================== Table refinements - tabular numerals, sticky first column, hover row ===================================================================== */ .markdown-rendered td, .markdown-rendered th { word-break: keep-all; overflow-wrap: anywhere; } .markdown-rendered td.num, .markdown-rendered th.num { text-align: right; font-variant-numeric: tabular-nums; } .markdown-rendered tr:hover td { background-color: #f5f7fa; } .markdown-rendered table.sticky-first-col td:first-child, .markdown-rendered table.sticky-first-col th:first-child { position: sticky; left: 0; background: var(--ogd-surface-base, #ffffff); z-index: 1; box-shadow: 1px 0 0 #e5e7eb; } /* zebra toggle via Style Settings class */ body.ogd-zebra-disabled-permanently .markdown-rendered tr:nth-child(even) td { background-color: #fafbfc; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td:first-child { color: #1f2937; font-weight: 720; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table, body .workspace-leaf-content .markdown-rendered table { --ogd-table-bg: radial-gradient(circle at 78% 12%, var(--ogd-surface-tint-aqua-soft, rgba(125, 211, 252, 0.14)), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.58)); --ogd-table-head-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(241, 245, 249, 0.66)); --ogd-table-border: rgba(148, 163, 184, 0.46); --ogd-table-cell-border: rgba(226, 232, 240, 0.82); --ogd-table-row-even: rgba(236, 254, 255, 0.28); --ogd-table-row-hover: rgba(224, 242, 254, 0.62); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(15, 23, 42, 0.04); border-collapse: separate; border-spacing: 0; border: 1px solid var(--ogd-table-border); border-radius: 8px; background: var(--ogd-table-bg); box-shadow: var(--ogd-table-shadow); overflow: hidden; font-variant-numeric: tabular-nums; -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table :is(th, td), body .workspace-leaf-content .markdown-rendered table :is(th, td) { padding: var(--ogd-table-pad-y, 0.62em) var(--ogd-table-pad-x, 0.78em); font-size: var(--ogd-table-font-size, 0.96em); border-color: var(--ogd-table-cell-border); border-width: 0 0 1px 1px; background-clip: padding-box; color: var(--ogd-text-slate, #334155); line-height: var(--ogd-table-line-height, 1.42); vertical-align: top; overflow-wrap: anywhere; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tr > :is(th, td):first-child, body .workspace-leaf-content .markdown-rendered table tr > :is(th, td):first-child { border-left-width: 0; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:last-child > td, body .workspace-leaf-content .markdown-rendered table tbody tr:last-child > td { border-bottom-width: 0; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table th, body .workspace-leaf-content .markdown-rendered table th { background: var(--ogd-table-head-bg); color: var(--ogd-text-slate, #334155); font-size: 0.88em; font-weight: 820; text-align: left; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td, body .workspace-leaf-content .markdown-rendered table td { background: rgba(255, 255, 255, 0.28); } body.ogd-zebra-disabled-permanently :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:nth-child(even) td, body.ogd-zebra-disabled-permanently .workspace-leaf-content .markdown-rendered table tbody tr:nth-child(even) td { background: var(--ogd-table-row-even); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:hover td, body .workspace-leaf-content .markdown-rendered table tbody tr:hover td { background: var(--ogd-table-row-hover); } /* ===================================================================== Code - language badge in top-right + diff line tinting ===================================================================== */ .markdown-rendered pre { position: relative; } .markdown-rendered pre::before { display: block; padding: 8px 14px; color: var(--ogd-text-secondary, #374151); background: #eef2f7; border-bottom: 1px solid #d1d5db; font-family: var(--ogd-code-font-stack); font-size: 0.78em; font-weight: 800; text-transform: uppercase; /* Hide the heavy header bar; replace with a small badge */ content: none; } .markdown-rendered pre[class*="language-"] { position: relative; } .markdown-rendered pre[class*="language-"]::before { content: attr(data-language); position: absolute; top: 0.5em; right: 0.7em; font-family: var(--ogd-code-font-stack, "JetBrains Mono", monospace); font-size: 0.7em; font-weight: 600; color: var(--ogd-text-soft, #94a3b8); text-transform: uppercase; letter-spacing: 0.05em; pointer-events: none; opacity: 0.85; } .markdown-rendered pre:is(.language-typescript, .language-ts)::before { content: "TS"; } .markdown-rendered pre:is(.language-javascript, .language-js)::before { content: "JS"; } .markdown-rendered pre:is(.language-python, .language-py)::before { content: "PY"; } .markdown-rendered pre:is(.language-bash, .language-sh, .language-shell, .language-zsh)::before { content: "SH"; } .markdown-rendered pre.language-css::before { content: "CSS"; } .markdown-rendered pre.language-html::before { content: "HTML"; } .markdown-rendered pre.language-json::before { content: "JSON"; } .markdown-rendered pre:is(.language-yaml, .language-yml)::before { content: "YAML"; } .markdown-rendered pre:is(.language-md, .language-markdown)::before { content: "MD"; } .markdown-rendered pre:is(.language-rust, .language-rs)::before { content: "RS"; } .markdown-rendered pre.language-go::before { content: "GO"; } .markdown-rendered pre.language-sql::before { content: "SQL"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-ini, .language-cfg, .language-conf, .language-config, .language-properties, .language-prop, .language-toml, .language-env, .language-dotenv, .language-wslconfig, .language-editorconfig, .language-gitconfig, .language-gitignore, .language-gitattributes)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-ini, .language-cfg, .language-conf, .language-config, .language-properties, .language-prop, .language-toml, .language-env, .language-dotenv, .language-wslconfig, .language-editorconfig, .language-gitconfig, .language-gitignore, .language-gitattributes)::after, body pre:is(.language-ini, .language-cfg, .language-conf, .language-config, .language-properties, .language-prop, .language-toml, .language-env, .language-dotenv, .language-wslconfig, .language-editorconfig, .language-gitconfig, .language-gitignore, .language-gitattributes)::after { content: "Config"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-nginx, .language-apache, .language-systemd, .language-haproxy, .language-caddyfile, .language-traefik)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-nginx, .language-apache, .language-systemd, .language-haproxy, .language-caddyfile, .language-traefik)::after, body pre:is(.language-nginx, .language-apache, .language-systemd, .language-haproxy, .language-caddyfile, .language-traefik)::after { content: "Server config"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-dockerfile, .language-docker, .language-containerfile)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-dockerfile, .language-docker, .language-containerfile)::after, body pre:is(.language-dockerfile, .language-docker, .language-containerfile)::after { content: "Dockerfile"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-makefile, .language-make, .language-cmake)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-makefile, .language-make, .language-cmake)::after, body pre:is(.language-makefile, .language-make, .language-cmake)::after { content: "Makefile"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-xml, .language-svg, .language-plist, .language-xaml)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-xml, .language-svg, .language-plist, .language-xaml)::after, body pre:is(.language-xml, .language-svg, .language-plist, .language-xaml)::after { content: "XML"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-csv, .language-tsv)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-csv, .language-tsv)::after, body pre:is(.language-csv, .language-tsv)::after { content: "Data"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-diff, .language-patch)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-diff, .language-patch)::after, body pre:is(.language-diff, .language-patch)::after { content: "Diff"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-regex, .language-regexp)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-regex, .language-regexp)::after, body pre:is(.language-regex, .language-regexp)::after { content: "Regex"; } .markdown-rendered code:not(pre code), .markdown-preview-view code:not(pre code) { background: var(--ogd-inline-code-bg, rgba(248, 250, 252, 0.82)); padding: 0.11em 0.34em; border: 1px solid var(--ogd-inline-code-border, rgba(148, 163, 184, 0.24)); border-radius: 4px; font-size: 0.88em; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58); color: var(--ogd-code-property, #334155); } body.theme-dark .markdown-rendered code:not(pre code) { border-color: var(--ogd-inline-code-border, rgba(203, 213, 225, 0.16)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); color: var(--ogd-code-property, #93c5fd); } .markdown-rendered pre.line-numbers, .markdown-preview-view pre.line-numbers, .markdown-reading-view pre.line-numbers { counter-reset: ogd-code-line; padding-left: 3.4em; } .markdown-rendered pre.line-numbers::before, .markdown-preview-view pre.line-numbers::before, .markdown-reading-view pre.line-numbers::before { content: ""; position: absolute; top: 0.75em; bottom: 0.75em; left: 2.72em; width: 1px; border-radius: var(--ogd-radius-pill, 999px); background: linear-gradient(180deg, rgba(148, 163, 184, 0), rgba(148, 163, 184, 0.40), rgba(148, 163, 184, 0)); } .markdown-rendered pre.line-numbers code > :is(.line, .code-line, .token-line), .markdown-preview-view pre.line-numbers code > :is(.line, .code-line, .token-line), .markdown-reading-view pre.line-numbers code > :is(.line, .code-line, .token-line) { counter-increment: ogd-code-line; display: block; position: relative; min-height: 1.45em; } .markdown-rendered pre.line-numbers code > :is(.line, .code-line, .token-line)::before, .markdown-preview-view pre.line-numbers code > :is(.line, .code-line, .token-line)::before, .markdown-reading-view pre.line-numbers code > :is(.line, .code-line, .token-line)::before { content: counter(ogd-code-line); position: absolute; right: calc(100% + 1.15em); width: 2.1em; color: rgba(100, 116, 139, 0.76); font-variant-numeric: tabular-nums; text-align: right; -webkit-user-select: none; user-select: none; } .theme-dark .markdown-rendered pre.line-numbers::before, .theme-dark .markdown-preview-view pre.line-numbers::before, .theme-dark .markdown-reading-view pre.line-numbers::before { background: linear-gradient(180deg, rgba(148, 163, 184, 0), rgba(203, 213, 225, 0.30), rgba(148, 163, 184, 0)); } .theme-dark .markdown-rendered pre.line-numbers code > :is(.line, .code-line, .token-line)::before, .theme-dark .markdown-preview-view pre.line-numbers code > :is(.line, .code-line, .token-line)::before, .theme-dark .markdown-reading-view pre.line-numbers code > :is(.line, .code-line, .token-line)::before { color: rgba(203, 213, 225, 0.62); } .markdown-rendered pre > code .token.deleted, .markdown-rendered pre > code .line-deleted { background: rgba(239, 68, 68, 0.12); display: inline-block; width: 100%; } .markdown-rendered pre > code .token.inserted, .markdown-rendered pre > code .line-added { background: rgba(34, 197, 94, 0.12); display: inline-block; width: 100%; } /* Inline code baseline correction for KO/EN mix */ .markdown-rendered code:not(pre code) { vertical-align: baseline; font-feature-settings: "kern" 1; } /* Copy button contrast */ .markdown-rendered pre .copy-code-button { background: rgba(255, 255, 255, 0.92); border: 1px solid var(--ogd-line-strong, #cbd5e1); color: var(--ogd-text-strong, #111827); font-weight: 600; } /* ============================================================ v2.22.110 - Code Block Candidate C: Frosted Glass + Rim Approved SVG sample: docs/fixtures/code-block-candidate-c-frosted-rim.svg Reading View only. Live Preview geometry is handled separately in dev/05-live-preview.css to avoid CM6 hit-target regressions. ============================================================ */ :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre, .workspace-leaf-content .markdown-rendered pre { --ogd-codeblock-bg: radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.16), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(241, 245, 249, 0.62)); --ogd-codeblock-border: rgba(148, 163, 184, 0.42); --ogd-codeblock-rim: rgba(255, 255, 255, 0.88); --ogd-codeblock-header-bg: rgba(255, 255, 255, 0.42); --ogd-codeblock-header-border: rgba(148, 163, 184, 0.28); --ogd-codeblock-header-height: 2.2em; --ogd-codeblock-code-padding: 4.05em 1.1em 1.05em; position: relative; margin: 1.28em 0 1.62em; padding: 0; overflow: hidden; border: 1px solid var(--ogd-codeblock-border); border-radius: var(--ogd-radius-control, 10px); background: var(--ogd-codeblock-bg); box-shadow: inset 0 1px 0 var(--ogd-codeblock-rim), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 14px 28px rgba(15, 23, 42, 0.10); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre::before, .workspace-leaf-content .markdown-rendered pre::before { content: "CODE"; position: absolute; top: 0.62em; right: 4.9em; z-index: 2; display: inline-flex; align-items: center; min-height: 1.55em; padding: 0.16em 0.62em; border: 1px solid var(--ogd-codeblock-header-border); border-radius: 6px; background: rgba(255, 255, 255, 0.58); color: var(--ogd-text-subtle, #475569); font-family: var(--ogd-interface-font-stack), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.72em; font-weight: 760; line-height: 1.1; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 2px 7px rgba(15, 23, 42, 0.06); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); pointer-events: none; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::before, .workspace-leaf-content .markdown-rendered pre[class*="language-"]::before { content: attr(class); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::after, .workspace-leaf-content .markdown-rendered pre[class*="language-"]::after { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: 1; display: block; height: var(--ogd-codeblock-header-height, 2.2em); border-bottom: 1px solid var(--ogd-codeblock-header-border); background: linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.22)); opacity: 1; pointer-events: none; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, .workspace-leaf-content .markdown-rendered pre code { display: block; max-width: 100%; padding: var(--ogd-codeblock-code-padding, 4.05em 1.1em 1.05em); overflow-x: auto; color: var(--ogd-code-fg, #1e293b); background: transparent; font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-size: var(--ogd-code-font-size, 0.92em); font-weight: var(--ogd-code-font-weight, 520); font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); line-height: var(--ogd-code-line-height, 1.58); letter-spacing: var(--ogd-code-letter-spacing, 0); tab-size: var(--ogd-code-tab-size, 2); white-space: pre; word-break: normal; overflow-wrap: normal; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre .copy-code-button, .workspace-leaf-content .markdown-rendered pre .copy-code-button { top: 0.55em; right: 0.75em; min-width: 4.4em; min-height: 1.8em; padding: 0.2em 0.72em; border: 1px solid rgba(148, 163, 184, 0.45); border-radius: 6px; background: rgba(255, 255, 255, 0.62); color: var(--ogd-text-subtle, #64748b); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); font-size: 0.72em; } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre, body.theme-dark .workspace-leaf-content .markdown-rendered pre { --ogd-codeblock-bg: radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.14), transparent 0 38%), linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(226, 232, 240, 0.78)); --ogd-codeblock-border: rgba(203, 213, 225, 0.68); --ogd-codeblock-rim: rgba(255, 255, 255, 0.82); --ogd-codeblock-header-bg: rgba(248, 250, 252, 0.58); --ogd-codeblock-header-border: rgba(148, 163, 184, 0.36); --ogd-codeblock-header-height: 2.2em; --ogd-codeblock-code-padding: 4.05em 1.1em 1.05em; box-shadow: inset 0 1px 0 var(--ogd-codeblock-rim), inset 0 -1px 0 rgba(15, 23, 42, 0.08), 0 14px 28px rgba(0, 0, 0, 0.18); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre::before, body.theme-dark .workspace-leaf-content .markdown-rendered pre::before { color: var(--ogd-text-subtle, #475569); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, body.theme-dark .workspace-leaf-content .markdown-rendered pre code { color: var(--ogd-code-fg, #1e293b); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre .copy-code-button, body.theme-dark .workspace-leaf-content .markdown-rendered pre .copy-code-button { border-color: rgba(148, 163, 184, 0.48); background: rgba(255, 255, 255, 0.68); color: var(--ogd-text-subtle, #475569); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.keyword, .token.operator, .token.boolean), .workspace-leaf-content .markdown-rendered pre :is(.token.keyword, .token.operator, .token.boolean) { color: var(--ogd-code-keyword, #5b21b6); font-weight: 700; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.string, .token.attr-value), .workspace-leaf-content .markdown-rendered pre :is(.token.string, .token.attr-value) { color: var(--ogd-code-string, #a16207); font-weight: 640; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.function, .token.variable, .token.property), .workspace-leaf-content .markdown-rendered pre :is(.token.function, .token.variable, .token.property) { color: var(--ogd-code-function, #0f766e); font-weight: 680; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.comment, .token.prolog, .token.doctype), .workspace-leaf-content .markdown-rendered pre :is(.token.comment, .token.prolog, .token.doctype) { color: var(--ogd-code-muted, #64748b); font-style: italic; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.number, .token.constant, .token.symbol), .workspace-leaf-content .markdown-rendered pre :is(.token.number, .token.constant, .token.symbol) { color: var(--ogd-code-number, #be123c); font-weight: 660; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.class-name, .token.tag, .token.attr-name), .workspace-leaf-content .markdown-rendered pre :is(.token.class-name, .token.tag, .token.attr-name) { color: var(--ogd-code-property, #2563eb); font-weight: 660; } .markdown-source-view.mod-cm6 :is(.cm-keyword, .cm-operator, .cm-atom, .cm-bool) { color: var(--ogd-code-keyword, #5b21b6); font-weight: 700; } .markdown-source-view.mod-cm6 :is(.cm-string, .cm-string-2) { color: var(--ogd-code-string, #a16207); font-weight: 640; } .markdown-source-view.mod-cm6 :is(.cm-def, .cm-function, .cm-variableName, .cm-variable-2, .cm-variable-3) { color: var(--ogd-code-function, #0f766e); font-weight: 680; } .markdown-source-view.mod-cm6 :is(.cm-property, .cm-attribute, .cm-typeName, .cm-className, .cm-tag) { color: var(--ogd-code-property, #2563eb); font-weight: 660; } .markdown-source-view.mod-cm6 :is(.cm-number, .cm-literal) { color: var(--ogd-code-number, #be123c); font-weight: 660; } .markdown-source-view.mod-cm6 :is(.cm-comment, .cm-meta) { color: var(--ogd-code-muted, #64748b); font-style: italic; } .markdown-source-view.mod-cm6 :is(.cm-punctuation, .cm-separator, .cm-bracket) { color: var(--ogd-code-punctuation, #475569); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.keyword, .token.operator, .token.boolean), body.theme-dark .workspace-leaf-content .markdown-rendered pre :is(.token.keyword, .token.operator, .token.boolean) { color: var(--ogd-code-keyword, #5b21b6); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.string, .token.attr-value), body.theme-dark .workspace-leaf-content .markdown-rendered pre :is(.token.string, .token.attr-value) { color: var(--ogd-code-string, #a16207); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.function, .token.variable, .token.property), body.theme-dark .workspace-leaf-content .markdown-rendered pre :is(.token.function, .token.variable, .token.property) { color: var(--ogd-code-function, #0f766e); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre :is(.token.comment, .token.prolog, .token.doctype), body.theme-dark .workspace-leaf-content .markdown-rendered pre :is(.token.comment, .token.prolog, .token.doctype) { color: var(--ogd-code-muted, #64748b); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.ogd-report-table, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.report-table { --ogd-table-pad-y: 0.42em; --ogd-table-pad-x: 0.58em; --ogd-table-font-size: 0.91em; --ogd-table-line-height: 1.32; --ogd-table-head-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.82)); --ogd-table-row-hover: rgba(224, 242, 254, 0.72); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.ogd-report-table th, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.report-table th { color: var(--ogd-text-strong, #111827); font-size: 0.84em; letter-spacing: 0.02em; text-transform: uppercase; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.ogd-wiki-table { --ogd-table-pad-y: 0.62em; --ogd-table-pad-x: 0.82em; --ogd-table-font-size: 0.96em; --ogd-table-line-height: 1.46; } @supports (scrollbar-gutter: stable) { body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, body .workspace-leaf-content .markdown-rendered pre code { scrollbar-gutter: stable both-edges; } } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre .copy-code-button:is(:hover, :focus-visible), body .workspace-leaf-content .markdown-rendered pre .copy-code-button:is(:hover, :focus-visible) { border-color: rgba(14, 165, 233, 0.44); background: rgba(240, 249, 255, 0.86); color: var(--ogd-text-strong, #111827); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 0 0 3px rgba(14, 165, 233, 0.10); } @media (max-width: 700px) { body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { --ogd-table-pad-y: 0.42em; --ogd-table-pad-x: 0.52em; --ogd-table-font-size: 0.86em; --ogd-table-line-height: 1.34; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.el-pre > pre, pre) { --ogd-codeblock-header-height: 2.2em; --ogd-codeblock-code-padding: 3.72em 0.82em 0.88em; border-radius: 9px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::after, body .workspace-leaf-content .markdown-rendered pre[class*="language-"]::after { left: 0.82em; max-width: calc(100% - 7em); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre .copy-code-button, body .workspace-leaf-content .markdown-rendered pre .copy-code-button { right: 0.52em; min-width: 3.6em; padding-inline: 0.52em; } } /* ============================================================ v2.22.112/114 - Code block Candidate C cascade repair Keep late overlay/print rules from reverting the approved codeblock into a gray wrapper with raw language-* class labels. ============================================================ */ body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .el-pre, body .workspace-leaf-content .markdown-rendered .el-pre { margin: var(--ogd-codeblock-wrapper-margin, 1.28em 0 1.62em); padding: 0; border: 0; background: transparent; box-shadow: none; } @supports selector(.markdown-rendered div:has(> pre)) { body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) > div:has(> pre), body .workspace-leaf-content .markdown-rendered > div:has(> pre), body :is(.markdown-preview-section, .markdown-rendered, .markdown-preview-view, .markdown-reading-view) div:has(> pre), body .workspace-leaf-content .markdown-rendered div:has(> pre) { margin-inline: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.el-pre > pre, pre), body .workspace-leaf-content .markdown-rendered :is(.el-pre > pre, pre) { position: relative; box-sizing: border-box; width: 100%; max-width: 100%; margin: var(--ogd-codeblock-margin, 0); padding: 0; overflow: hidden; border: 1px solid var(--ogd-codeblock-border, rgba(148, 163, 184, 0.42)); border-radius: var(--ogd-codeblock-radius, var(--ogd-radius-control, 10px)); background: var(--ogd-codeblock-bg, radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.16), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.80), rgba(241, 245, 249, 0.64))); box-shadow: var(--ogd-codeblock-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.09)); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre::before, body .workspace-leaf-content .markdown-rendered pre::before { content: "CODE"; position: absolute; top: 0.62em; right: 4.9em; z-index: 2; display: inline-flex; align-items: center; min-height: 1.55em; padding: 0.16em 0.62em; border: 1px solid var(--ogd-codeblock-header-border, rgba(148, 163, 184, 0.28)); border-radius: 6px; background: var(--ogd-codeblock-header-bg, rgba(255, 255, 255, 0.58)); color: var(--ogd-text-subtle, #475569); font-family: var(--ogd-interface-font-stack), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: var(--ogd-codeblock-header-font-size, 0.72em); font-weight: 760; line-height: 1.1; letter-spacing: 0.08em; text-align: left; text-transform: uppercase; opacity: 1; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 2px 7px rgba(15, 23, 42, 0.06); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); pointer-events: none; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::after, body .workspace-leaf-content .markdown-rendered pre[class*="language-"]::after { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: 1; display: block; height: var(--ogd-codeblock-header-height, 2.2em); border-bottom: 1px solid var(--ogd-codeblock-header-border, rgba(148, 163, 184, 0.28)); background: linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.22)); opacity: 1; pointer-events: none; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-powershell, .language-ps1, .language-pwsh)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-powershell, .language-ps1, .language-pwsh)::after { content: "POWERSHELL"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-bash, .language-sh, .language-shell, .language-zsh)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-bash, .language-sh, .language-shell, .language-zsh)::after { content: "SHELL"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-python, .language-py)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-python, .language-py)::after { content: "PYTHON"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-javascript, .language-js)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-javascript, .language-js)::after { content: "JAVASCRIPT"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-typescript, .language-ts)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-typescript, .language-ts)::after { content: "TYPESCRIPT"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-json::after, body .workspace-leaf-content .markdown-rendered pre.language-json::after { content: "JSON"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-yaml, .language-yml)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-yaml, .language-yml)::after { content: "YAML"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-md, .language-markdown)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-md, .language-markdown)::after { content: "MARKDOWN"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-css::after, body .workspace-leaf-content .markdown-rendered pre.language-css::after { content: "CSS"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-html::after, body .workspace-leaf-content .markdown-rendered pre.language-html::after { content: "HTML"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-sql::after, body .workspace-leaf-content .markdown-rendered pre.language-sql::after { content: "SQL"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-text, .language-txt, .language-plain, .language-plaintext)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-text, .language-txt, .language-plain, .language-plaintext)::after { content: "TEXT"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-kusto, .language-kql, .language-kql-query)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-kusto, .language-kql, .language-kql-query)::after { content: "KUSTO"; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, body .workspace-leaf-content .markdown-rendered pre code { overflow-x: auto; display: block; box-sizing: border-box; max-width: 100%; margin: 0; padding: var(--ogd-codeblock-code-padding, 4.05em 1.1em 1.05em); border: 0; background: transparent; color: var(--ogd-code-fg, #1e293b); font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-size: var(--ogd-code-font-size, 0.92em); font-weight: var(--ogd-code-font-weight, 520); font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); line-height: var(--ogd-code-line-height, 1.58); letter-spacing: var(--ogd-code-letter-spacing, 0); tab-size: var(--ogd-code-tab-size, 2); white-space: var(--ogd-codeblock-code-white-space, pre); word-break: normal; overflow-wrap: var(--ogd-codeblock-code-overflow-wrap, normal); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.el-pre > pre, pre), body.theme-dark .workspace-leaf-content .markdown-rendered :is(.el-pre > pre, pre) { --ogd-codeblock-bg: radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.14), transparent 0 38%), linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(226, 232, 240, 0.78)); --ogd-codeblock-border: rgba(203, 213, 225, 0.68); --ogd-codeblock-header-bg: rgba(248, 250, 252, 0.58); --ogd-codeblock-header-border: rgba(148, 163, 184, 0.36); --ogd-codeblock-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 0 -1px 0 rgba(15, 23, 42, 0.08), 0 12px 24px rgba(0, 0, 0, 0.18); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre::before, body.theme-dark .workspace-leaf-content .markdown-rendered pre::before, body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, body.theme-dark .workspace-leaf-content .markdown-rendered pre code { color: var(--ogd-code-fg, #1e293b); } body.theme-light :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.el-pre > pre, pre), body.theme-light .workspace-leaf-content .markdown-rendered :is(.el-pre > pre, pre), body.theme-light:is(.ogd-auto-dark, .ogd-code-nord, .ogd-code-dracula) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.el-pre > pre, pre), body.theme-light:is(.ogd-auto-dark, .ogd-code-nord, .ogd-code-dracula) .workspace-leaf-content .markdown-rendered :is(.el-pre > pre, pre) { --ogd-codeblock-bg: radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.16), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.70)); --ogd-codeblock-border: rgba(148, 163, 184, 0.42); --ogd-codeblock-header-bg: rgba(255, 255, 255, 0.50); --ogd-codeblock-header-border: rgba(148, 163, 184, 0.30); --ogd-codeblock-header-height: 2.2em; --ogd-codeblock-code-padding: 4.05em 1.1em 1.05em; --ogd-codeblock-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.09); background: var(--ogd-codeblock-bg); border-color: var(--ogd-codeblock-border); color: var(--ogd-text-slate, #1e293b); } body.theme-light :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, body.theme-light .workspace-leaf-content .markdown-rendered pre code, body.theme-light :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code > :is(.line, .code-line, .token-line), body.theme-light .workspace-leaf-content .markdown-rendered pre code > :is(.line, .code-line, .token-line), body.theme-light:is(.ogd-auto-dark, .ogd-code-nord, .ogd-code-dracula) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, body.theme-light:is(.ogd-auto-dark, .ogd-code-nord, .ogd-code-dracula) .workspace-leaf-content .markdown-rendered pre code { background: transparent; color: var(--ogd-code-fg, #1e293b); } body.theme-light .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock, body.theme-light:is(.ogd-auto-dark, .ogd-code-nord, .ogd-code-dracula) .markdown-source-view.mod-cm6 :is(.HyperMD-codeblock, .cm-line.HyperMD-codeblock) { --ogd-lp-code-bg: rgba(248, 250, 252, 0.86); --ogd-lp-code-border: rgba(148, 163, 184, 0.46); background: var(--ogd-lp-code-bg); border-color: var(--ogd-lp-code-border); color: var(--ogd-text-slate, #1e293b); } /* ============================================================ v2.30.2 - Compact Candidate C codeblock parity restore Final cascade only: variables do the heavy lifting; overrides only move the language label back into the header row and keep PDF clean. ============================================================ */ body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.el-pre > pre, pre), body .workspace-leaf-content .markdown-rendered :is(.el-pre > pre, pre), body pre[class*="language-"], body .markdown-source-view.mod-cm6 :is(.cm-preview-code-block, .cm-hmd-codeblock) pre { --ogd-codeblock-radius: 12px; --ogd-codeblock-header-height: 2.2em; --ogd-codeblock-code-padding: 4.05em 1.1em 1.05em; --ogd-codeblock-action-size: 1.72em; --ogd-codeblock-action-right: 0.74em; --ogd-codeblock-action-space: 3.3em; } body .markdown-source-view.mod-cm6 :is(.cm-preview-code-block, .cm-embed-block.cm-preview-code-block) { position: relative; } body .markdown-source-view.mod-cm6 :is(.cm-preview-code-block, .cm-hmd-codeblock) pre { position: relative; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--ogd-codeblock-border, rgba(148, 163, 184, 0.42)); border-radius: var(--ogd-codeblock-radius, 12px); background: var(--ogd-codeblock-bg, radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.16), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(241, 245, 249, 0.62))); box-shadow: inset 0 1px 0 var(--ogd-codeblock-rim, rgba(255, 255, 255, 0.88)), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 14px 28px rgba(15, 23, 42, 0.10); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::before, body .workspace-leaf-content .markdown-rendered pre[class*="language-"]::before, body pre[class*="language-"]::before, body .markdown-source-view.mod-cm6 :is(.cm-preview-code-block, .cm-hmd-codeblock) pre::before { content: ""; position: absolute; inset: 0 0 auto 0; z-index: 1; display: block; height: var(--ogd-codeblock-header-height, 2.2em); min-height: 0; padding: 0; border: 0; border-bottom: 1px solid var(--ogd-codeblock-header-border, rgba(148, 163, 184, 0.28)); background: var(--ogd-codeblock-header-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.22))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72); pointer-events: none; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::after, body .workspace-leaf-content .markdown-rendered pre[class*="language-"]::after, body pre[class*="language-"]::after, body .markdown-source-view.mod-cm6 .code-block-flair, body .markdown-source-view.mod-cm6 :is(.cm-preview-code-block, .cm-hmd-codeblock) .code-block-flair { position: absolute; top: 0; bottom: auto; left: 1.08em; right: auto; z-index: 2; display: inline-flex; align-items: center; height: var(--ogd-codeblock-header-height, 2.2em); min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; transform: none; color: var(--ogd-text-subtle, #475569); font-family: var(--ogd-interface-font-stack), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.72em; font-weight: 760; line-height: 1.1; letter-spacing: 0.02em; max-width: calc(100% - var(--ogd-codeblock-action-space, 3.3em) - 1.08em); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: none; opacity: 1; pointer-events: none; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-powershell, .language-ps1, .language-pwsh)::after, body .workspace-leaf-content .markdown-rendered pre:is(.language-powershell, .language-ps1, .language-pwsh)::after, body pre:is(.language-powershell, .language-ps1, .language-pwsh)::after { content: "PowerShell"; } body pre code { padding: 4.05em 1.1em 1.05em; } body .markdown-source-view.mod-cm6 :is(.cm-preview-code-block, .cm-hmd-codeblock) pre code { padding: 4.05em 1.1em 1.05em; } body .markdown-source-view.mod-cm6 :is(.cm-preview-code-block, .cm-hmd-codeblock) :is(pre code, code) { padding-top: 4.05em; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin :is(.cm-formatting-code, .cm-formatting-code-block, .cm-hmd-codeblock), .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin > span:not([class*="formatting"]):not(.cm-fold-indicator) { line-height: inherit; } .markdown-source-view.mod-cm6 :is(.HyperMD-codeblock-begin.cm-active, .HyperMD-codeblock-end.cm-active) :is(.cm-formatting-code, .cm-formatting-code-block) { display: inline; width: auto; min-width: 0; margin: 0; padding: 0; overflow: visible; border: 0; background: transparent; box-shadow: none; color: var(--ogd-text-subtle, #64748b); font-size: inherit; opacity: 1; } @media print { body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code :is( span, .token, [class*="token"], [class*="cm-"] ), body .workspace-leaf-content .markdown-rendered pre code :is( span, .token, [class*="token"], [class*="cm-"] ) { font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-size: var(--ogd-code-print-font-size, var(--ogd-pdf-surface-text-font-size, 11.6pt)); font-weight: var(--ogd-code-font-weight, 520); font-style: normal; font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); line-height: var(--ogd-code-print-line-height, 1.44); letter-spacing: var(--ogd-code-letter-spacing, 0); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code :is( .token.keyword, .token.operator, .token.boolean, .token.string, .token.attr-value, .token.function, .token.variable, .token.property, .token.number, .token.constant, .token.symbol, .token.class-name, .token.tag, .token.attr-name, .token.comment, .token.prolog, .token.doctype ), body .workspace-leaf-content .markdown-rendered pre code :is( .token.keyword, .token.operator, .token.boolean, .token.string, .token.attr-value, .token.function, .token.variable, .token.property, .token.number, .token.constant, .token.symbol, .token.class-name, .token.tag, .token.attr-name, .token.comment, .token.prolog, .token.doctype ) { font-size: var(--ogd-code-print-font-size, var(--ogd-pdf-surface-text-font-size, 11.6pt)); font-weight: var(--ogd-code-font-weight, 520); font-style: normal; line-height: var(--ogd-code-print-line-height, 1.44); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.keyword, .token.operator, .token.boolean, .token.atrule, .cm-keyword, .cm-operator, .cm-atom, .cm-bool) { color: var(--ogd-code-keyword, #5b21b6); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.string, .token.attr-value, .token.selector, .cm-string, .cm-string-2, .cm-qualifier) { color: var(--ogd-code-string, #a16207); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.function, .token.variable, .cm-def, .cm-function, .cm-variableName, .cm-variable-2, .cm-variable-3) { color: var(--ogd-code-function, #0f766e); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.property, .token.class-name, .token.tag, .token.attr-name, .token.pseudo-class, .token.pseudo-element, .cm-property, .cm-attribute, .cm-typeName, .cm-className, .cm-tag, .cm-builtin) { color: var(--ogd-code-property, #2563eb); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.number, .token.constant, .token.symbol, .cm-number, .cm-literal) { color: var(--ogd-code-number, #be123c); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.comment, .token.prolog, .token.doctype, .cm-comment, .cm-meta) { color: var(--ogd-code-muted, #64748b); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.punctuation, .cm-punctuation, .cm-separator, .cm-bracket) { color: var(--ogd-code-punctuation, #475569); } } /* <<< src/surfaces/20-reading-tables-code.css */ /* 03b-reading-callouts-lists.css -> surfaces/21 */ /* >>> src/surfaces/21-reading-callouts-lists.css */ /* ===================================================================== Callout - full set: note/info/tip/abstract/example/important/quote ===================================================================== */ .markdown-rendered .callout[data-callout="note"], .markdown-rendered .callout[data-callout="info"] { --callout-icon: lucide-info; border-color: var(--ogd-line-soft, #e5e7eb); background: var(--ogd-surface-muted, #f8fafc); } .markdown-rendered .callout[data-callout="note"] .callout-icon, .markdown-rendered .callout[data-callout="info"] .callout-icon { width: 22px; height: 22px; border: 1.5px solid #94a3b8; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: var(--ogd-text-subtle, #475569); } .markdown-rendered .callout[data-callout="note"] .callout-icon svg, .markdown-rendered .callout[data-callout="info"] .callout-icon svg { width: 14px; height: 14px; stroke-width: 2.15px; } .markdown-rendered .callout[data-callout="tip"], .markdown-rendered .callout[data-callout="hint"], .markdown-rendered .callout[data-callout="important"] { --callout-icon: lucide-lightbulb; border-color: #99f6e4; background: #f0fdfa; background-color: #f0fdfa; } .markdown-rendered .callout[data-callout="tip"] .callout-icon, .markdown-rendered .callout[data-callout="hint"] .callout-icon, .markdown-rendered .callout[data-callout="important"] .callout-icon { border: 1.5px solid #5eead4; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #0f766e; } .markdown-rendered .callout[data-callout="abstract"], .markdown-rendered .callout[data-callout="summary"], .markdown-rendered .callout[data-callout="tldr"] { --callout-icon: lucide-clipboard-list; border-color: var(--ogd-line-soft, #e5e7eb); background: var(--ogd-surface-muted, #f8fafc); background-color: var(--ogd-text-inverted, #f8fafc); } .markdown-rendered .callout[data-callout="abstract"] .callout-icon, .markdown-rendered .callout[data-callout="summary"] .callout-icon, .markdown-rendered .callout[data-callout="tldr"] .callout-icon { border: 1.5px solid #cbd5e1; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: var(--ogd-text-subtle, #475569); } .markdown-rendered .callout[data-callout="example"] .callout-icon { border: 1.5px solid #c4b5fd; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #6d28d9; } .markdown-rendered .callout[data-callout="quote"], .markdown-rendered .callout[data-callout="cite"] { --callout-icon: lucide-quote; border-color: var(--ogd-line-soft, #e5e7eb); background: #f9fafb; font-style: italic; } .markdown-rendered .callout[data-callout="quote"] .callout-icon, .markdown-rendered .callout[data-callout="cite"] .callout-icon { background: #6b7280; } .markdown-rendered .callout[data-callout="question"], .markdown-rendered .callout[data-callout="help"], .markdown-rendered .callout[data-callout="faq"] { --callout-icon: lucide-circle-help; border-color: #ddd6fe; background: #faf5ff; background-color: #faf5ff; } .markdown-rendered .callout[data-callout="question"] .callout-icon, .markdown-rendered .callout[data-callout="help"] .callout-icon, .markdown-rendered .callout[data-callout="faq"] .callout-icon { border: 1.5px solid #c4b5fd; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #6d28d9; } .markdown-rendered .callout:is( [data-callout="tip"], [data-callout="hint"], [data-callout="important"] ) .callout-icon { border: 1.5px solid #5eead4; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #0f766e; } .markdown-rendered .callout:is( [data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"] ) .callout-icon { border: 1.5px solid #cbd5e1; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: var(--ogd-text-subtle, #475569); } .markdown-rendered .callout:is( [data-callout="warning"], [data-callout="attention"], [data-callout="caution"] ) .callout-icon { border: 1.5px solid #fcd34d; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #92400e; } .markdown-rendered .callout:is( [data-callout="failure"], [data-callout="fail"], [data-callout="missing"], [data-callout="danger"], [data-callout="error"], [data-callout="bug"] ) .callout-icon { border: 1.5px solid #fca5a5; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #b91c1c; } .markdown-rendered .callout:is( [data-callout="example"], [data-callout="question"], [data-callout="help"], [data-callout="faq"] ) .callout-icon { border: 1.5px solid #c4b5fd; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #6d28d9; } .markdown-rendered .callout:is( [data-callout="success"], [data-callout="check"], [data-callout="done"] ) .callout-icon { border: 1.5px solid #86efac; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: #047857; } .markdown-rendered .callout:is( [data-callout="quote"], [data-callout="cite"] ) .callout-icon { border: 1.5px solid #cbd5e1; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: var(--ogd-text-subtle, #475569); } .markdown-rendered .callout-fold { opacity: 0.6; } .markdown-rendered .callout:hover .callout-fold { opacity: 1; } .markdown-rendered .callout { position: relative; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-left: 0; border-inline-start: 0; padding-left: 1.1em; } .markdown-rendered .callout[data-callout="note"] { --callout-color: #3b82f6; } .markdown-rendered .callout[data-callout="info"] { --callout-color: #0ea5e9; } .markdown-rendered .callout:is([data-callout="tip"], [data-callout="hint"]) { --callout-color: #14b8a6; } .markdown-rendered .callout:is([data-callout="success"], [data-callout="check"], [data-callout="done"]) { --callout-color: #10b981; } .markdown-rendered .callout:is([data-callout="warning"], [data-callout="caution"], [data-callout="attention"]) { --callout-color: #f59e0b; } .markdown-rendered .callout:is([data-callout="danger"], [data-callout="error"], [data-callout="failure"], [data-callout="fail"], [data-callout="missing"]) { --callout-color: #ef4444; } .markdown-rendered .callout[data-callout="bug"] { --callout-color: #dc2626; } .markdown-rendered .callout[data-callout="example"] { --callout-icon: lucide-list-checks; border-color: #ddd6fe; background: #f5f3ff; background-color: #f5f3ff; --callout-color: #8b5cf6; } .markdown-rendered .callout:is([data-callout="quote"], [data-callout="cite"]) { --callout-color: #64748b; } .markdown-rendered .callout:is([data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"]) { --callout-color: #06b6d4; } .markdown-rendered .callout[data-callout="todo"] { --callout-color: #2563eb; } .markdown-rendered .callout:is([data-callout="question"], [data-callout="help"], [data-callout="faq"]) { --callout-color: #a855f7; } @media (max-width: 768px) { .markdown-rendered .callout { padding: 0.7em 0.9em; } .markdown-rendered .callout-icon svg { width: 18px; height: 18px; } } /* Nested blockquote depth coloring - v1.8.65 tonal steps */ .markdown-rendered blockquote blockquote { --blockquote-border-thickness: 0px; --blockquote-border-color: var(--ogd-surface-transparent, transparent); border: var(--ogd-border-none, 0); border-left: 0; border-inline-start: 0; border-left-color: var(--ogd-surface-transparent, transparent); border-inline-start-color: var(--ogd-surface-transparent, transparent); background: #f1f5f9; background-color: #f1f5f9; } .markdown-rendered blockquote blockquote blockquote { --blockquote-border-thickness: 0px; --blockquote-border-color: var(--ogd-surface-transparent, transparent); border: var(--ogd-border-none, 0); border-left: 0; border-inline-start: 0; border-left-color: var(--ogd-surface-transparent, transparent); border-inline-start-color: var(--ogd-surface-transparent, transparent); background: #e2e8f0; background-color: #e2e8f0; } /* ===================================================================== Lists - tasks, ordered numbers, indent guides ===================================================================== */ .markdown-rendered ol li::marker { color: var(--header-accent); font-weight: 700; } .markdown-rendered ul ul, .markdown-rendered ul ol, .markdown-rendered ol ul, .markdown-rendered ol ol { margin-top: 0.15em; margin-bottom: 0.15em; border-left: 1px dotted #e5e7eb; padding-left: 14px; margin-left: 4px; } /* Task checkbox restyle */ .markdown-rendered input[type="checkbox"], .markdown-source-view.mod-cm6 input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 14px; height: 14px; border: 1.5px solid #9ca3af; border-radius: 3px; background: var(--ogd-surface-base, #ffffff); vertical-align: -2px; margin-right: 6px; position: relative; cursor: pointer; } .markdown-rendered input[type="checkbox"]:checked, .markdown-source-view.mod-cm6 input[type="checkbox"]:checked { background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.72)); border-color: rgba(14, 165, 233, 0.52); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 0 0 1px rgba(14, 165, 233, 0.08); } .markdown-rendered input[type="checkbox"]:checked::after { content: "\2713"; position: absolute; top: -3px; left: 1px; color: var(--header-accent); font-size: 11px; font-weight: 800; line-height: 1; } .theme-dark .markdown-rendered input[type="checkbox"]:checked, .theme-dark .markdown-source-view.mod-cm6 input[type="checkbox"]:checked { background: linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.42)); border-color: rgba(56, 189, 248, 0.54); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 0 0 1px rgba(56, 189, 248, 0.10); } .markdown-rendered li.task-list-item.is-checked, .markdown-rendered li[data-task="x"] { color: #9ca3af; text-decoration-line: line-through; text-decoration-color: rgba(156, 163, 175, 0.6); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) { --ogd-list-marker-bg: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.18) 44%, rgba(14, 165, 233, 0.18)), linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.54)); --ogd-list-marker-bg-active: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.24) 44%, rgba(14, 165, 233, 0.26)), linear-gradient(180deg, rgba(240, 249, 255, 0.92), rgba(224, 242, 254, 0.54)); --ogd-list-marker-border: rgba(125, 211, 252, 0.48); --ogd-list-marker-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 5px 14px rgba(14, 165, 233, 0.12); --ogd-list-marker-shadow-active: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(14, 165, 233, 0.08), 0 10px 22px rgba(14, 165, 233, 0.16), 0 0 0 3px rgba(186, 230, 253, 0.10); --ogd-list-nested-marker: rgba(14, 165, 233, 0.28); --ogd-list-task-surface: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.72), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.42), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(248, 250, 252, 0.34)); --ogd-list-task-border: rgba(203, 213, 225, 0.54); --ogd-list-task-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 8px 20px rgba(15, 23, 42, 0.08); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol:not(.contains-task-list) > li:not(.task-list-item)::before { content: counter(ogd-list-step, decimal-leading-zero); position: absolute; inset-inline-start: -1.72em; top: 0.08em; display: inline-grid; place-items: center; width: 2.06em; height: 1.58em; border: 1px solid var(--ogd-list-marker-border); border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-list-marker-bg); box-shadow: var(--ogd-list-marker-shadow); color: var(--header-accent, #0e7490); font-size: 0.68em; font-weight: 820; line-height: 1; letter-spacing: 0; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ul:not(.contains-task-list) > li:not(.task-list-item)::before { content: ""; position: absolute; inset-inline-start: -1.08em; top: 0.58em; width: 0.62em; height: 0.62em; border: 1px solid var(--ogd-list-marker-border); border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-list-marker-bg); box-shadow: var(--ogd-list-marker-shadow); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) :is(ol, ul):not(.contains-task-list) > li:not(.task-list-item)::before { width: 0.48em; height: 0.48em; inset-inline-start: -0.98em; top: 0.68em; border-color: var(--ogd-list-nested-marker); background: rgba(240, 249, 255, 0.42); box-shadow: inset 0 0 0 2px rgba(14, 165, 233, 0.10), 0 3px 8px rgba(14, 165, 233, 0.08); color: transparent; font-size: 0; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .contains-task-list { border-color: var(--ogd-list-task-border); background: var(--ogd-list-task-surface); box-shadow: var(--ogd-list-task-shadow); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .contains-task-list > .task-list-item { border-bottom-color: rgba(203, 213, 225, 0.42); color: var(--ogd-text-slate, #334155); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .contains-task-list > .task-list-item input[type="checkbox"] { margin-inline-start: -0.5em; margin-left: -0.5em; margin-inline-end: 0.5em; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) input[type="checkbox"] { border-color: rgba(148, 163, 184, 0.56); border-radius: 5px; background: var(--ogd-list-marker-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.72))); box-shadow: var(--ogd-list-marker-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 0 0 1px rgba(14, 165, 233, 0.08)); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) input[type="checkbox"]:checked { border-color: rgba(16, 185, 129, 0.58); background: var(--ogd-list-marker-bg-active, linear-gradient(180deg, rgba(240, 253, 244, 0.94), rgba(220, 252, 231, 0.62))); box-shadow: var(--ogd-list-marker-shadow-active, inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 0 0 3px rgba(16, 185, 129, 0.10)); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) li.task-list-item[data-task="/"] input[type="checkbox"], body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) li.task-list-item[data-task=">"] input[type="checkbox"] { border-color: rgba(14, 165, 233, 0.56); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) li.task-list-item[data-task="!"] input[type="checkbox"], body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) li.task-list-item[data-task="?"] input[type="checkbox"] { border-color: rgba(239, 68, 68, 0.54); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) li.task-list-item[data-task="*"] input[type="checkbox"] { border-color: rgba(245, 158, 11, 0.56); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) { padding-inline-start: 1.62em; list-style-position: outside; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ul:not(.contains-task-list) { list-style-type: disc; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ul ul, ul ol, ol ul, ol ol):not(.contains-task-list) { margin-top: 0.18em; margin-bottom: 0.18em; padding-inline-start: 1.42em; margin-inline-start: 0; border-inline-start: 0; border-left: 0; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) > li:not(.task-list-item) { display: list-item; position: static; list-style: inherit; list-style-position: outside; margin-top: 0.22em; margin-bottom: 0.22em; padding-inline-start: 0.16em; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ul:not(.contains-task-list) > li:not(.task-list-item) { list-style-type: disc; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol:not(.contains-task-list) > li:not(.task-list-item)::before, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ul:not(.contains-task-list) > li:not(.task-list-item)::before { content: none; display: none; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol:not(.contains-task-list) > li:not(.task-list-item)::marker, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ul:not(.contains-task-list) > li:not(.task-list-item)::marker { color: var(--header-accent, #0e7490); font-size: 0.92em; font-weight: 820; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) > li:not(.task-list-item) mark { display: inline; margin: 0; padding-block: 0; padding-inline: 0.12em; line-height: inherit; vertical-align: baseline; -webkit-box-decoration-break: clone; box-decoration-break: clone; } @supports selector(:has(*)) { body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) + p:has(> mark:first-child) { margin-inline-start: 1.62em; } } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol:not(.contains-task-list) { counter-reset: revert; list-style-type: decimal; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol:not(.contains-task-list) > li:not(.task-list-item) { counter-increment: revert; list-style-type: decimal; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol:not(.contains-task-list) > li:not(.task-list-item)::marker { font-variant-numeric: tabular-nums; } @supports selector(:has(*)) { body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) + p:has(> mark:first-child) { margin-inline-start: 0; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) + p:has(> mark:first-child) > mark:first-child { display: inline; margin: 0; padding-block: 0; padding-inline: 0.12em; line-height: inherit; vertical-align: baseline; -webkit-box-decoration-break: clone; box-decoration-break: clone; } } /* ===================================================================== Tags - chip style ===================================================================== */ .markdown-rendered a.tag, .tag, .cm-hashtag { display: inline-block; padding: 1px 8px; background: #eef2f7; color: var(--ogd-text-secondary, #374151); border: 1px solid #d1d5db; border-radius: var(--ogd-radius-pill, 999px); font-size: 0.82em; font-weight: 600; text-decoration: none; line-height: 1.5; } .markdown-rendered a.tag:hover { background: var(--ogd-line-soft, #e5e7eb); color: var(--ogd-text-strong, #111827); } /* ===================================================================== Footnotes ===================================================================== */ .markdown-rendered .footnotes { margin-top: 1.45em; padding-top: 0.8em; border-top: 1px solid #d8e1ea; font-size: 0.86em; color: #64748b; line-height: 1.58; } .markdown-rendered .footnote-ref a, .markdown-rendered a.footnote-link, .markdown-rendered .footnote-backref { font-size: 0.78em; vertical-align: super; text-decoration: none; color: var(--ogd-text-subtle, #475569); font-weight: 750; } /* ===================================================================== Horizontal rule - gradient accent ===================================================================== */ .markdown-rendered hr, .markdown-preview-view hr, .markdown-reading-view hr { height: 1px; margin: 1.28em 0 1.5em; border: var(--ogd-border-none, 0); background: linear-gradient(90deg, rgba(203, 213, 225, 0), rgba(203, 213, 225, 0.82), rgba(203, 213, 225, 0)); } /* ===================================================================== Table of Contents - report navigation container v2.30.4: removed forbidden left vertical accent bar; now uses full box. ===================================================================== */ .markdown-rendered :is(nav.toc, nav.table-of-contents, .toc, .report-toc, .table-of-contents), .markdown-preview-view :is(nav.toc, nav.table-of-contents, .toc, .report-toc, .table-of-contents), .markdown-reading-view :is(nav.toc, nav.table-of-contents, .toc, .report-toc, .table-of-contents) { margin: 1.05em 0 1.45em; padding: 0.85em 1em; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: var(--radius-m, 6px); background: var(--ogd-surface-muted, #f8fafc); color: var(--ogd-text-subtle, #475569); } .markdown-rendered :is(nav.toc, nav.table-of-contents, .toc, .report-toc, .table-of-contents) :is(ul, ol) { margin: 0; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout { scroll-margin-top: 18px; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-title { align-items: center; gap: 0.48em; min-height: 1.75em; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-title-inner { overflow-wrap: anywhere; word-break: keep-all; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.callout-title-inner, .callout-content) { min-width: 0; max-width: 100%; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-content :is(p, li) { max-width: 100%; overflow-wrap: break-word; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout :is(p, li, .callout-content) code { max-width: 100%; white-space: normal; word-break: break-word; overflow-wrap: anywhere; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout { box-sizing: border-box; display: block; width: 100%; max-width: 100%; min-width: 0; margin-left: 0; margin-right: 0; --ogd-callout-accent: #475569; --ogd-callout-tint: rgba(148, 163, 184, 0.10); --ogd-callout-border: rgba(203, 213, 225, 0.52); --ogd-callout-icon-ring: rgba(148, 163, 184, 0.12); --ogd-callout-bg: radial-gradient(circle at 42% 0%, rgba(255, 255, 255, 0.64), transparent 0 34%), linear-gradient(142deg, rgba(255, 255, 255, 0.42), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.50)), linear-gradient(135deg, var(--ogd-callout-tint), transparent 64%); --ogd-callout-icon-bg: radial-gradient(circle at 42% 10%, rgba(255, 255, 255, 0.88), transparent 0 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.62)); --ogd-callout-shadow: inset 0 0 0 1px var(--ogd-callout-border), inset 0 1px 0 rgba(255, 255, 255, 0.88); --ogd-callout-shadow-focus: 0 0 0 4px rgba(186, 230, 253, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.92); position: relative; overflow: hidden; margin: 1em 0 1.15em; padding: 0.86em 1em 0.9em; border: 1px solid var(--ogd-callout-border); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-callout-bg); color: var(--ogd-text-slate, #334155); box-shadow: var(--ogd-callout-shadow); -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(12px) saturate(152%) contrast(103%) brightness(1.02)); backdrop-filter: var(--ogd-glass-filter-control, blur(12px) saturate(152%) contrast(103%) brightness(1.02)); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout::before { content: ""; position: absolute; top: 0; left: 1em; right: 1em; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.96), transparent); pointer-events: none; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is(:hover, :focus-within) { border-color: rgba(125, 211, 252, 0.46); box-shadow: var(--ogd-callout-shadow-focus); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="note"], [data-callout="info"], [data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"], [data-callout="quote"], [data-callout="cite"], [data-callout="conclusion"], [data-callout="decision"]) { --ogd-callout-accent: #475569; --ogd-callout-tint: rgba(148, 163, 184, 0.10); --ogd-callout-border: rgba(203, 213, 225, 0.52); --ogd-callout-icon-ring: rgba(148, 163, 184, 0.12); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="tip"], [data-callout="hint"], [data-callout="important"], [data-callout="success"], [data-callout="check"], [data-callout="done"], [data-callout="recommendation"]) { --ogd-callout-accent: #047857; --ogd-callout-tint: rgba(94, 234, 212, 0.18); --ogd-callout-border: rgba(20, 184, 166, 0.34); --ogd-callout-icon-ring: rgba(94, 234, 212, 0.20); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="warning"], [data-callout="attention"], [data-callout="caution"], [data-callout="risk"]) { --ogd-callout-accent: #b45309; --ogd-callout-tint: rgba(252, 211, 77, 0.20); --ogd-callout-border: rgba(217, 119, 6, 0.30); --ogd-callout-icon-ring: rgba(252, 211, 77, 0.22); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="failure"], [data-callout="fail"], [data-callout="missing"], [data-callout="danger"], [data-callout="error"], [data-callout="bug"]) { --ogd-callout-accent: #b91c1c; --ogd-callout-tint: rgba(251, 113, 133, 0.16); --ogd-callout-border: rgba(225, 29, 72, 0.28); --ogd-callout-icon-ring: rgba(251, 113, 133, 0.18); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="example"], [data-callout="question"], [data-callout="help"], [data-callout="faq"]) { --ogd-callout-accent: #6d28d9; --ogd-callout-tint: rgba(196, 181, 253, 0.18); --ogd-callout-border: rgba(124, 58, 237, 0.26); --ogd-callout-icon-ring: rgba(196, 181, 253, 0.20); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="action"], [data-callout="todo"]) { --ogd-callout-accent: #0e7490; --ogd-callout-tint: rgba(125, 211, 252, 0.18); --ogd-callout-border: rgba(14, 165, 233, 0.30); --ogd-callout-icon-ring: rgba(125, 211, 252, 0.20); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-title { padding: 0; box-sizing: border-box; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-width: 0; width: 100%; color: var(--ogd-text-strong, #111827); font-size: 0.98em; font-weight: 820; line-height: 1.32; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-title-inner { color: inherit; font-weight: 820; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-icon { flex: 0 0 auto; background-color: var(--ogd-surface-base, #ffffff); box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; justify-self: center; width: 24px; height: 24px; min-width: 24px; margin: 0; border: 1.5px solid var(--ogd-callout-border); border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-callout-icon-bg); color: var(--ogd-callout-accent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 0 0 4px var(--ogd-callout-icon-ring), 0 5px 13px rgba(15, 23, 42, 0.08); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-icon svg { width: 14px; height: 14px; display: block; flex: 0 0 auto; color: inherit; stroke-width: 2.15px; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-content { margin-top: 0.52em; color: var(--ogd-text-slate, #334155); font-size: 0.96em; line-height: 1.58; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-content > :first-child { margin-top: 0; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-content > :last-child { margin-bottom: 0; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is( [data-callout="conclusion"], [data-callout="recommendation"], [data-callout="risk"], [data-callout="action"], [data-callout="decision"] ) { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; margin-left: 0; margin-right: 0; overflow: hidden; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is( [data-callout="conclusion"], [data-callout="recommendation"], [data-callout="risk"], [data-callout="action"], [data-callout="decision"] ) :is(.callout-title, .callout-title-inner, .callout-content, p, li) { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is( [data-callout="conclusion"], [data-callout="recommendation"], [data-callout="risk"], [data-callout="action"], [data-callout="decision"] ) code:not(pre code) { display: inline; max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout + hr, body .workspace-leaf-content .markdown-rendered .callout + hr { display: none; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout .contains-task-list > .task-list-item { padding: 0.48em 0.18em; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout .contains-task-list { margin: 0.52em 0 0.16em; padding-left: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout .contains-task-list > .task-list-item > input[type="checkbox"] { margin-left: 0; margin-right: 0.58em; position: relative; top: 0.12em; } @media (max-width: 700px) { body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout { padding: 0.76em 0.82em 0.82em; border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-content { font-size: 0.94em; line-height: 1.52; } } /* <<< src/surfaces/21-reading-callouts-lists.css */ /* 03c-reading-embeds-workspace.css -> surfaces/22 */ /* >>> src/surfaces/22-reading-embeds-workspace.css */ /* v3.1.34: removed orphan `padding-left: 1.35em;` plus closing brace block that previously sat at the top of this file with no matching opening selector. Browsers tolerated the stray declaration + closing brace, but the new community.obsidian.md CSS validator correctly reports it as an unexpected closing brace at theme.css:2230. Zero visual impact — the orphan declaration was unreachable at runtime. */ .markdown-rendered :is(nav.toc, nav.table-of-contents, .toc, .report-toc, .table-of-contents) li { margin-bottom: 0.35em; color: var(--ogd-text-subtle, #475569); font-size: 0.92em; line-height: 1.55; } /* ===================================================================== Definition list - dl/dt/dd grid layout ===================================================================== */ .markdown-rendered dl, .markdown-preview-view dl, .markdown-reading-view dl, .markdown-rendered .definition-list, .markdown-preview-view .definition-list, .markdown-reading-view .definition-list { margin: 1em 0 1.45em; border-top: 1px solid #d8e1ea; border-bottom: 1px solid #d8e1ea; } .markdown-rendered :is(dt, .definition-row), .markdown-preview-view :is(dt, .definition-row), .markdown-reading-view :is(dt, .definition-row) { color: var(--ogd-text-slate, #334155); font-weight: 800; } .markdown-rendered dt { padding-top: 0.75em; } .markdown-rendered dd { margin: 0.25em 0 0; padding: 0 0 0.75em 0; border-bottom: 1px solid #eef2f7; color: var(--ogd-text-subtle, #475569); line-height: 1.62; } .markdown-rendered dd:last-child { border-bottom: 0; } .markdown-rendered .definition-row { display: grid; grid-template-columns: minmax(120px, 0.24fr) 1fr; gap: 0.9em; padding: 0.75em 0; border-bottom: 1px solid #eef2f7; } .markdown-rendered .definition-row:last-child { border-bottom: 0; } /* ===================================================================== Task list container - card-style checklist ===================================================================== */ .markdown-rendered .contains-task-list { margin: 1em 0 1.45em; padding-left: 0; border: 1px solid #e2e8f0; border-radius: var(--ogd-radius-control, 7px); overflow: hidden; } .markdown-rendered .contains-task-list > .task-list-item { margin: 0; padding: 0.62em 0.8em; border-bottom: 1px solid #eef2f7; color: var(--ogd-text-slate, #334155); list-style: none; } .markdown-rendered .contains-task-list > .task-list-item:last-child { border-bottom: 0; } .markdown-rendered .task-list-item.is-checked { background: #fbfdff; } /* ===================================================================== Keyboard caps - enhanced styling (from snippet) ===================================================================== */ /* ===================================================================== Images & embeds - figure caption, shadows ===================================================================== */ .markdown-rendered img:not(.emoji), .markdown-preview-view img:not(.emoji), .markdown-reading-view img:not(.emoji), .markdown-source-view.mod-cm6 :is(.internal-embed, .image-embed, .media-embed, .cm-embed-block) img:not(.emoji) { --ogd-img-border-color: rgba(148, 163, 184, 0.38); --ogd-img-glass-highlight: rgba(255, 255, 255, 0.84); --ogd-img-glass-lowlight: rgba(15, 23, 42, 0.04); --ogd-img-shadow-soft: rgba(15, 23, 42, 0.08); --ogd-img-shadow-tight: rgba(15, 23, 42, 0.05); max-width: 100%; box-sizing: border-box; border: 1px solid var(--ogd-img-border-color, rgba(148, 163, 184, 0.34)); outline: 1px solid var(--ogd-img-glass-highlight, rgba(255, 255, 255, 0.84)); outline-offset: -2px; border-radius: 4px; box-shadow: inset 0 1px 0 var(--ogd-img-glass-highlight, rgba(255, 255, 255, 0.84)), inset 0 -1px 0 var(--ogd-img-glass-lowlight, rgba(15, 23, 42, 0.04)), 0 8px 18px var(--ogd-img-shadow-soft, rgba(15, 23, 42, 0.08)), 0 1px 4px var(--ogd-img-shadow-tight, rgba(15, 23, 42, 0.05)); } .markdown-rendered p > img + em, .markdown-rendered figcaption { display: block; text-align: center; font-size: 0.86em; color: #6b7280; margin-top: 4px; font-style: normal; } .markdown-rendered .internal-embed iframe, .markdown-rendered .external-embed iframe { width: 100%; aspect-ratio: 16 / 9; border: var(--ogd-border-none, 0); border-radius: var(--radius-m, 6px); } .markdown-rendered .pdf-embed { border: 1px solid #d1d5db; border-radius: var(--radius-m, 6px); overflow: hidden; } /* ===================================================================== Live Preview to Reading view parity helpers ===================================================================== */ .markdown-source-view.mod-cm6 .cm-formatting-header, .markdown-source-view.mod-cm6 .cm-formatting-list, .markdown-source-view.mod-cm6 .cm-formatting-quote { color: var(--ogd-line-strong, #cbd5e1); font-weight: 400; } .markdown-source-view.mod-cm6 .cm-formatting-link, .markdown-source-view.mod-cm6 .cm-formatting-link-string, .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-formatting-link { color: var(--ogd-line-strong, #cbd5e1); } /* ===================================================================== Workspace polish - sidebar, tabs, status bar, search ===================================================================== */ /* v3.1.5: the duplicate `.nav-file-title, .nav-folder-title` rule that used to set padding/font-size/line-height here has been folded into the single consolidated rule in chrome/31-navigation-tasks-search.css. The `.is-active` override below is kept (different selector). */ .nav-file-title.is-active, .nav-folder-title.is-active { background: #eef2f7; border-radius: 4px; } .workspace-tab-header.is-active { border-top: 2px solid var(--header-accent); margin-top: -1px; } .workspace-tab-header.is-active .workspace-tab-header-inner-title { color: var(--ogd-text-strong, #111827); } .search-result-file-matched-text, .suggestion-highlight { background: #fef3c7; color: var(--ogd-text-strong, #111827); border-radius: 2px; padding: 0 2px; } /* ===================================================================== Focus & scrollbar (accessibility) ===================================================================== */ /* Explicitly remove focus outline from content containers */ .workspace-leaf, .workspace-leaf-content, .view-content, .markdown-source-view, .markdown-reading-view, .markdown-preview-view, .cm-editor, .cm-scroller, .cm-content { outline: none; box-shadow: var(--ogd-shadow-none, none); } .workspace-leaf:focus, .workspace-leaf:focus-visible, .workspace-leaf-content:focus, .workspace-leaf-content:focus-visible, .view-content:focus, .view-content:focus-visible, .markdown-source-view:focus, .markdown-source-view:focus-visible, .markdown-reading-view:focus, .markdown-reading-view:focus-visible, .cm-editor:focus, .cm-editor:focus-visible, .cm-scroller:focus, .cm-scroller:focus-visible, .cm-content:focus, .cm-content:focus-visible { outline: none; box-shadow: var(--ogd-shadow-none, none); } ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb-bg); border: 3px solid var(--background-primary); border-radius: var(--ogd-radius-pill, 999px); } ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-active-thumb-bg); } /* <<< src/surfaces/22-reading-embeds-workspace.css */ /* 04-dark-mode.css -> themes/50 */ /* >>> src/themes/50-dark.css */ /* ===================================================================== DARK MODE ===================================================================== */ .theme-dark .markdown-rendered p, .theme-dark .markdown-source-view.mod-cm6 .cm-content, .theme-dark .markdown-rendered { color: var(--text-normal); } .theme-dark .markdown-rendered table { border-color: #353841; } .theme-dark .markdown-rendered th { background-color: #25272d; color: var(--ogd-surface-subtle, #f3f4f6); border-bottom-color: #6b7280; border-left-color: #353841; border-right-color: #353841; } .theme-dark .markdown-rendered td { border-color: #2a2c33; } .theme-dark .markdown-rendered tr:hover td { background-color: #2a2c33; } body.theme-dark.ogd-zebra-disabled-permanently .markdown-rendered tr:nth-child(even) td { background-color: #25272d; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table th { background: #202833; color: #f1f5f9; border-color: var(--ogd-line-dark, #334155); border-bottom-color: #64748b; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td { color: var(--ogd-line-strong, #cbd5e1); border-color: #2c3542; } body.theme-dark.ogd-zebra-disabled-permanently :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:nth-child(even) td { background: #1b222c; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:hover td { background: #202a36; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td:first-child { color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .markdown-rendered table.sticky-first-col td:first-child, .theme-dark .markdown-rendered table.sticky-first-col th:first-child { background: #1f2024; box-shadow: 1px 0 0 #353841; } .theme-dark .markdown-rendered blockquote { --blockquote-border-thickness: 0px; --blockquote-border-color: var(--ogd-surface-transparent, transparent); background: #1f2937; background-color: #1f2937; color: var(--ogd-line-strong, #cbd5e1); border: var(--ogd-border-none, 0); border-left: 0; border-inline-start: 0; border-color: var(--ogd-surface-transparent, transparent); border-left-color: var(--ogd-surface-transparent, transparent); border-inline-start-color: var(--ogd-surface-transparent, transparent); border-radius: var(--radius-m, 6px); } body.theme-dark .markdown-rendered blockquote, body.theme-dark .markdown-source-view.mod-cm6 .HyperMD-quote { background: var(--ogd-blockquote-bg-1); color: #d6dde6; } .theme-dark .markdown-rendered blockquote blockquote { background: var(--ogd-surface-dark, #111827); border: var(--ogd-border-none, 0); border-left: 0; border-inline-start: 0; border-left-color: var(--ogd-surface-transparent, transparent); border-inline-start-color: var(--ogd-surface-transparent, transparent); } body.theme-dark .markdown-rendered blockquote blockquote { background: var(--ogd-blockquote-bg-2); } body.theme-dark .markdown-rendered blockquote blockquote blockquote { background: var(--ogd-blockquote-bg-3); } body.theme-dark .markdown-rendered h1::before, body.theme-dark .markdown-preview-view h1::before { color: var(--ogd-text-soft, #94a3b8); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-h1-bg: radial-gradient(circle at 78% 18%, rgba(125, 211, 252, 0.10), transparent 0 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.68), rgba(15, 23, 42, 0.48)); --ogd-heading-h2-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.60), rgba(15, 23, 42, 0.38)); --ogd-heading-border: rgba(203, 213, 225, 0.18); --ogd-heading-border-soft: rgba(71, 85, 105, 0.62); --ogd-heading-rule: linear-gradient(90deg, rgba(103, 232, 249, 0.46), rgba(71, 85, 105, 0.62), transparent); --ogd-heading-rule-soft: linear-gradient(90deg, rgba(203, 213, 225, 0.34), rgba(71, 85, 105, 0.16), transparent); --ogd-heading-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 16px 34px rgba(0, 0, 0, 0.28); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(h1, h2) { color: var(--ogd-text-inverted, #f8fafc); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { text-decoration: none; } body.theme-dark :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1::before, body.theme-dark :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4 { color: var(--ogd-text-soft, #94a3b8); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3 { color: var(--ogd-line-soft, #e5e7eb); } body.theme-dark:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-text: var(--ogd-text-inverted, #f8fafc); --ogd-heading-template-subtext: var(--ogd-line-soft, #e5e7eb); --ogd-heading-template-muted: var(--ogd-text-soft, #94a3b8); --ogd-heading-template-border: rgba(71, 85, 105, 0.72); --ogd-heading-template-border-soft: rgba(71, 85, 105, 0.62); --ogd-heading-template-h1-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.70), rgba(15, 23, 42, 0.50)); --ogd-heading-template-h2-bg: rgba(15, 23, 42, 0.28); --ogd-heading-template-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 14px 28px rgba(0, 0, 0, 0.26); --ogd-heading-template-h3-decoration: rgba(71, 85, 105, 0.90); --ogd-heading-template-h4-decoration: rgba(51, 65, 85, 0.96); } body.theme-dark.ogd-heading-printclean :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered), body.theme-dark.ogd-heading-quiet-ledger :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #cbd5e1; --ogd-heading-template-rule: linear-gradient(90deg, rgba(203, 213, 225, 0.54), rgba(71, 85, 105, 0.58), transparent); --ogd-heading-template-h1-bg: transparent; --ogd-heading-template-shadow: none; } body.theme-dark.ogd-heading-keyline :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered), body.theme-dark.ogd-heading-bracket :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered), body.theme-dark.ogd-heading-focus-bar :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #7dd3fc; --ogd-heading-template-rule: linear-gradient(90deg, color-mix(in srgb, #7dd3fc 54%, transparent), rgba(71, 85, 105, 0.58), transparent); } body.theme-dark.ogd-heading-bracket :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-h1-border-left: 6px solid color-mix(in srgb, #7dd3fc 34%, transparent); --ogd-heading-template-h1-border-right: 6px solid color-mix(in srgb, #7dd3fc 34%, transparent); } body.theme-dark.ogd-heading-double-rule :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #cbd5e1; --ogd-heading-template-h1-border-bottom: 4px solid var(--ogd-heading-template-accent); } body.theme-dark.ogd-heading-tag-ribbon :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #5eead4; } body.theme-dark.ogd-heading-number-stamp :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #fbbf24; --ogd-heading-template-h1-bg: rgba(120, 53, 15, 0.20); --ogd-heading-template-h1-border-left: 1.5px dashed rgba(251, 191, 36, 0.55); --ogd-heading-template-h1-border-right: 1.5px dashed rgba(251, 191, 36, 0.55); --ogd-heading-template-h1-border-top: 1.5px dashed rgba(251, 191, 36, 0.55); --ogd-heading-template-h1-border-bottom: 1.5px dashed rgba(251, 191, 36, 0.55); } body.theme-dark.ogd-heading-grid-index :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-heading-template-accent: #c4b5fd; --ogd-heading-template-h2-bg: rgba(76, 29, 149, 0.24); } .theme-dark .markdown-rendered .callout { background: #25272d; border-color: #353841; color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-rendered .callout[data-callout="note"], .theme-dark .markdown-rendered .callout[data-callout="info"] { background: #1e293b; border-color: #334155; } .theme-dark .markdown-rendered .callout[data-callout="tip"], .theme-dark .markdown-rendered .callout[data-callout="hint"], .theme-dark .markdown-rendered .callout[data-callout="important"] { background: #082f2f; border-color: rgba(45, 212, 191, 0.32); } .theme-dark .markdown-rendered .callout[data-callout="abstract"], .theme-dark .markdown-rendered .callout[data-callout="summary"], .theme-dark .markdown-rendered .callout[data-callout="tldr"] { background: #2a1f3d; border-color: rgba(167, 139, 250, 0.28); } .theme-dark .markdown-rendered .callout[data-callout="warning"], .theme-dark .markdown-rendered .callout[data-callout="attention"], .theme-dark .markdown-rendered .callout[data-callout="caution"], .theme-dark .markdown-rendered .callout[data-callout="failure"], .theme-dark .markdown-rendered .callout[data-callout="danger"], .theme-dark .markdown-rendered .callout[data-callout="error"], .theme-dark .markdown-rendered .callout[data-callout="bug"] { background: #3a2a18; border-color: rgba(251, 146, 60, 0.32); } .theme-dark .markdown-rendered .callout[data-callout="success"], .theme-dark .markdown-rendered .callout[data-callout="check"], .theme-dark .markdown-rendered .callout[data-callout="done"] { background: #0f2a1d; border-color: rgba(52, 211, 153, 0.32); } .theme-dark .markdown-rendered .callout[data-callout="example"] { background: #3a2e0f; border-color: rgba(251, 191, 36, 0.32); } .theme-dark .markdown-rendered .callout[data-callout="question"], .theme-dark .markdown-rendered .callout[data-callout="help"], .theme-dark .markdown-rendered .callout[data-callout="faq"] { background: #3a330f; border-color: rgba(250, 204, 21, 0.32); } .theme-dark .markdown-rendered .callout .callout-icon { background: var(--ogd-surface-dark, #111827); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout { --ogd-callout-tint: rgba(148, 163, 184, 0.08); --ogd-callout-bg: radial-gradient(circle at 42% 0%, rgba(255, 255, 255, 0.14), transparent 0 34%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 32%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.56)), linear-gradient(135deg, var(--ogd-callout-tint), transparent 64%); --ogd-callout-border: rgba(203, 213, 225, 0.18); --ogd-callout-icon-bg: radial-gradient(circle at 42% 10%, rgba(255, 255, 255, 0.14), transparent 0 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.58), rgba(15, 23, 42, 0.40)); --ogd-callout-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); --ogd-callout-shadow-focus: 0 0 0 4px rgba(103, 232, 249, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.12); color: var(--text-normal, #e5edf7); box-shadow: var(--ogd-callout-shadow); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.callout-title, .callout-title-inner, .callout-content) { color: var(--text-normal, #e5edf7); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="tip"], [data-callout="hint"], [data-callout="important"], [data-callout="success"], [data-callout="check"], [data-callout="done"], [data-callout="recommendation"]) { --ogd-callout-accent: #99f6e4; --ogd-callout-tint: rgba(20, 184, 166, 0.18); --ogd-callout-border: rgba(45, 212, 191, 0.32); --ogd-callout-icon-ring: rgba(45, 212, 191, 0.12); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="warning"], [data-callout="attention"], [data-callout="caution"], [data-callout="risk"]) { --ogd-callout-accent: #fde68a; --ogd-callout-tint: rgba(217, 119, 6, 0.18); --ogd-callout-border: rgba(251, 191, 36, 0.32); --ogd-callout-icon-ring: rgba(251, 191, 36, 0.12); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="failure"], [data-callout="fail"], [data-callout="missing"], [data-callout="danger"], [data-callout="error"], [data-callout="bug"]) { --ogd-callout-accent: #fecdd3; --ogd-callout-tint: rgba(225, 29, 72, 0.16); --ogd-callout-border: rgba(251, 113, 133, 0.30); --ogd-callout-icon-ring: rgba(251, 113, 133, 0.11); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="example"], [data-callout="question"], [data-callout="help"], [data-callout="faq"]) { --ogd-callout-accent: #ddd6fe; --ogd-callout-tint: rgba(124, 58, 237, 0.16); --ogd-callout-border: rgba(167, 139, 250, 0.28); --ogd-callout-icon-ring: rgba(167, 139, 250, 0.11); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout:is([data-callout="action"], [data-callout="todo"]) { --ogd-callout-accent: #a5f3fc; --ogd-callout-tint: rgba(14, 165, 233, 0.17); --ogd-callout-border: rgba(103, 232, 249, 0.30); --ogd-callout-icon-ring: rgba(103, 232, 249, 0.11); } /* v3.1.5: dark-mode callout-icon rules expanded from `.callout:is(...)` to explicit comma-lists so the community-theme reviewer's CSS parser stops collapsing them all to `.theme-dark .callout :is .callout-icon` and flagging them as duplicate selectors. Specificity unchanged. */ .theme-dark .markdown-rendered .callout[data-callout="note"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="info"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="quote"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="cite"] .callout-icon { border-color: #64748b; color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-rendered .callout[data-callout="tip"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="hint"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="important"] .callout-icon { border-color: #22d3ee; color: #a5f3fc; } .theme-dark .markdown-rendered .callout[data-callout="abstract"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="summary"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="tldr"] .callout-icon { border-color: #a78bfa; color: #ddd6fe; } .theme-dark .markdown-rendered .callout[data-callout="warning"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="attention"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="caution"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="failure"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="fail"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="missing"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="danger"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="error"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="bug"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="example"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="question"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="help"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="faq"] .callout-icon { border-color: #f59e0b; color: #fde68a; } .theme-dark .markdown-rendered .callout[data-callout="success"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="check"] .callout-icon, .theme-dark .markdown-rendered .callout[data-callout="done"] .callout-icon { border-color: #34d399; color: #bbf7d0; } .theme-dark .markdown-rendered pre { background: radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.14), transparent 0 38%), linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(226, 232, 240, 0.78)); border-color: rgba(203, 213, 225, 0.68); } .theme-dark .markdown-rendered pre code { color: var(--ogd-text-slate, #1e293b); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table, body.theme-dark .workspace-leaf-content .markdown-rendered table { --ogd-table-bg: radial-gradient(circle at 78% 12%, rgba(125, 211, 252, 0.10), transparent 0 38%), linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.72)); --ogd-table-head-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.78), rgba(30, 41, 59, 0.70)); --ogd-table-border: rgba(71, 85, 105, 0.86); --ogd-table-cell-border: rgba(51, 65, 85, 0.88); --ogd-table-row-even: rgba(30, 41, 59, 0.44); --ogd-table-row-hover: rgba(8, 145, 178, 0.22); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.28); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table :is(th, td), body.theme-dark .workspace-leaf-content .markdown-rendered table :is(th, td) { color: var(--ogd-line-soft, #e5e7eb); } .theme-dark .markdown-rendered code:not(pre code) { background: #25272d; border-color: #353841; color: var(--ogd-surface-subtle, #f3f4f6); } .theme-dark .markdown-rendered a { color: #93c5fd; } .theme-dark .markdown-rendered a.external-link, .theme-dark .markdown-rendered a[href^="http://"]:not(.internal-link), .theme-dark .markdown-rendered a[href^="https://"]:not(.internal-link) { color: var(--ogd-line-strong, #cbd5e1); text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: var(--ogd-text-soft, #94a3b8); text-decoration-thickness: 1.5px; text-underline-offset: 0.22em; } .theme-dark .markdown-rendered a.external-link:hover, .theme-dark .markdown-rendered a[href^="http://"]:not(.internal-link):hover, .theme-dark .markdown-rendered a[href^="https://"]:not(.internal-link):hover { color: var(--ogd-line-soft, #e5e7eb); text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: var(--ogd-line-strong, #cbd5e1); text-decoration-thickness: 1.5px; } .theme-dark .markdown-rendered mark, .theme-dark .cm-highlight { background-color: #4d3a0a; color: #fde68a; } .theme-dark .markdown-rendered a.tag, .theme-dark .tag, .theme-dark .cm-hashtag { background: #25272d; border-color: #353841; color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-rendered input[type="checkbox"] { background: #1f2024; border-color: #6b7280; } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) { --ogd-list-marker-bg: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.08) 44%, rgba(14, 165, 233, 0.20)), linear-gradient(180deg, rgba(51, 65, 85, 0.70), rgba(15, 23, 42, 0.48)); --ogd-list-marker-bg-active: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.10) 44%, rgba(14, 165, 233, 0.28)), linear-gradient(180deg, rgba(30, 41, 59, 0.80), rgba(14, 116, 144, 0.28)); --ogd-list-marker-border: rgba(186, 230, 253, 0.32); --ogd-list-marker-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.30), 0 7px 16px rgba(0, 0, 0, 0.28); --ogd-list-marker-shadow-active: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.26), 0 12px 26px rgba(0, 0, 0, 0.36), 0 0 0 3px rgba(186, 230, 253, 0.08); --ogd-list-nested-marker: rgba(186, 230, 253, 0.28); --ogd-list-task-surface: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.13), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.08), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.50), rgba(15, 23, 42, 0.34)); --ogd-list-task-border: rgba(203, 213, 225, 0.20); --ogd-list-task-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 24px rgba(0, 0, 0, 0.30); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) :is(ol, ul):not(.contains-task-list) > li:not(.task-list-item)::before { background: rgba(15, 23, 42, 0.42); box-shadow: inset 0 0 0 2px rgba(186, 230, 253, 0.10), 0 4px 10px rgba(0, 0, 0, 0.18); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .contains-task-list > .task-list-item { border-bottom-color: rgba(203, 213, 225, 0.14); color: var(--text-normal, #f8fafc); } body.theme-dark .markdown-source-view.mod-cm6 { --ogd-list-marker-bg: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.08) 44%, rgba(14, 165, 233, 0.20)), linear-gradient(180deg, rgba(51, 65, 85, 0.70), rgba(15, 23, 42, 0.48)); --ogd-list-marker-border: rgba(186, 230, 253, 0.32); --ogd-list-marker-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.30), 0 7px 16px rgba(0, 0, 0, 0.28); --ogd-list-nested-marker: rgba(186, 230, 253, 0.28); } body.theme-dark .markdown-source-view.mod-cm6 :is(.HyperMD-list-line-2, .HyperMD-list-line-3, .HyperMD-list-line-4) .cm-formatting-list-ul { background: rgba(15, 23, 42, 0.42); box-shadow: inset 0 0 0 2px rgba(186, 230, 253, 0.10), 0 4px 10px rgba(0, 0, 0, 0.18); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol:not(.contains-task-list) > li:not(.task-list-item)::marker, body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ul:not(.contains-task-list) > li:not(.task-list-item)::marker { color: var(--header-accent, #7dd3fc); } body.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line :is(.cm-formatting-list, .cm-formatting-list-ol, .cm-formatting-list-ul) { color: var(--header-accent, #7dd3fc); text-shadow: 0 0 10px rgba(125, 211, 252, 0.12); } .theme-dark .nav-file-title.is-active, .theme-dark .nav-folder-title.is-active { background: #2a2c33; } .theme-dark .search-result-file-matched-text, .theme-dark .suggestion-highlight { background: #4d3a0a; color: #fde68a; } /* Dark mode — snippet-merged supplementary rules */ .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) a.internal-link:not(.is-unresolved) { color: var(--ogd-line-strong, #cbd5e1); text-decoration: none; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) a.internal-link:not(.is-unresolved):hover { color: #bfdbfe; text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(147, 197, 253, 0.34); text-decoration-thickness: 1px; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) a:is( .external-link, [href^="http://"]:not(.internal-link), [href^="https://"]:not(.internal-link) ) { color: var(--ogd-line-strong, #cbd5e1); text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: var(--ogd-text-soft, #94a3b8); text-decoration-thickness: 1.35px; border-bottom: 0; } .theme-dark .markdown-rendered mark, .theme-dark .markdown-preview-view mark, .theme-dark .markdown-reading-view mark, .theme-dark .markdown-rendered :is(.search-highlight, .search-hit, .is-search-match) { background: rgba(120, 53, 15, 0.58); color: #fde68a; box-shadow: inset 0 -1px 0 rgba(253, 230, 138, 0.22); } .theme-dark .markdown-rendered hr, .theme-dark .markdown-preview-view hr, .theme-dark .markdown-reading-view hr { background: linear-gradient(90deg, rgba(51, 65, 85, 0), rgba(51, 65, 85, 0.92), rgba(51, 65, 85, 0)); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) h1 + p { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-ok { background: rgba(6, 78, 59, 0.46); color: #a7f3d0; border-color: rgba(52, 211, 153, 0.44); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-no { background: rgba(127, 29, 29, 0.46); color: #fecaca; border-color: rgba(248, 113, 113, 0.42); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-warn { background: rgba(120, 53, 15, 0.46); color: #fde68a; border-color: rgba(251, 191, 36, 0.42); } .theme-dark .markdown-rendered :is(nav.toc, nav.table-of-contents, .toc, .report-toc, .table-of-contents), .theme-dark .markdown-rendered :is(.mermaid, .diagram-frame, .svg-frame) { border-color: var(--ogd-line-dark, #334155); background: #151f2f; color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-rendered img:not(.emoji), .theme-dark .markdown-preview-view img:not(.emoji), .theme-dark .markdown-reading-view img:not(.emoji), .theme-dark .markdown-source-view.mod-cm6 :is(.internal-embed, .image-embed, .media-embed, .cm-embed-block) img:not(.emoji) { --ogd-img-border-color: rgba(203, 213, 225, 0.28); --ogd-img-glass-highlight: rgba(255, 255, 255, 0.18); --ogd-img-glass-lowlight: rgba(0, 0, 0, 0.30); --ogd-img-shadow-soft: rgba(0, 0, 0, 0.30); --ogd-img-shadow-tight: rgba(0, 0, 0, 0.22); } .theme-dark .markdown-rendered dl, .theme-dark .markdown-rendered .definition-list, .theme-dark .markdown-rendered .definition-row, .theme-dark .markdown-rendered dd, .theme-dark .markdown-rendered .contains-task-list, .theme-dark .markdown-rendered .contains-task-list > .task-list-item, .theme-dark .markdown-rendered .footnotes { border-color: var(--ogd-line-dark, #334155); } .theme-dark .markdown-rendered :is(dt, .definition-row), .theme-dark .markdown-rendered .contains-task-list > .task-list-item { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-rendered dd, .theme-dark .markdown-rendered :is(.definition-row .desc, .definition-desc), .theme-dark .markdown-rendered figcaption, .theme-dark .markdown-rendered :is(.image-caption, .media-caption, .figure-caption), .theme-dark .markdown-rendered img + em, .theme-dark .markdown-rendered .footnotes { color: var(--ogd-text-soft, #94a3b8); } .theme-dark .markdown-rendered .task-list-item.is-checked { background: #131c2b; color: var(--ogd-text-soft, #94a3b8); } .theme-dark .markdown-rendered .callout-icon, .theme-dark .markdown-rendered code:not(pre code), .theme-dark .markdown-rendered kbd { border-color: var(--ogd-line-dark, #334155); background: #172033; background-color: #172033; color: #dbeafe; } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.ogd-report-table, body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.report-table { --ogd-table-head-bg: linear-gradient(180deg, rgba(71, 85, 105, 0.82), rgba(30, 41, 59, 0.76)); --ogd-table-row-hover: rgba(14, 165, 233, 0.26); } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.ogd-report-table th, body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.report-table th { color: #f8fafc; } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(caption, figcaption, .table-note, .table-source, .footnote, .footnotes) { color: #cbd5e1; } body.theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.callout-content, .callout-content p, .callout-content li) { color: #e5edf7; } /* ===================================================================== PRINT — A3 landscape, page breaks, color-exact, inline URLs ===================================================================== */ /* <<< src/themes/50-dark.css */ /* 04-print-base.css -> features/43 */ /* >>> src/features/43-print-base.css */ @media print { @page { size: A3 landscape; margin: 15mm; } body { width: 420mm; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .markdown-preview-view, .markdown-rendered { font-size: 11pt; } .markdown-rendered h1 { page-break-before: always; } .markdown-rendered h1:first-child { page-break-before: avoid; } .markdown-rendered :is(h1, h2, h3, h4) { page-break-after: avoid; } .markdown-rendered hr, .markdown-preview-view hr, .markdown-reading-view hr { background: #dbe3ec; margin: 1.12em 0 1.34em; } /* v1.8.67 — PDF: enlarge H1 for stronger visual hierarchy * v3.1.1 — bumped 2.8em → 3.4em so the H1 reads clearly as a document title * across A3 landscape exports where surrounding chrome (kicker, frame) makes * a smaller H1 feel undersized. Kicker tightened to 0.30em to balance. */ .markdown-rendered h1, .markdown-preview-view.markdown-rendered h1, .markdown-reading-view .markdown-rendered h1 { font-size: 3.4em; line-height: 1.08; margin-top: 1.2em; margin-bottom: 0.7em; } .markdown-rendered h1::before, .markdown-preview-view.markdown-rendered h1::before, .markdown-reading-view .markdown-rendered h1::before { font-size: 0.30em; margin-bottom: 0.7em; } body :is(.inline-title, .markdown-preview-title) { display: none; } body :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > h1:first-of-type, body :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .markdown-preview-section > h1:first-of-type { display: none; } @supports selector(:nth-child(1 of .el-h1)) { body :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .el-h1:nth-child(1 of .el-h1), body :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .markdown-preview-section > .el-h1:nth-child(1 of .el-h1) { display: none; } } body.ogd-pdf-compact :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { font-size: 2.85em; line-height: 1.06; margin-top: 0.72em; margin-bottom: 0.42em; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-heading-h1-bg: transparent; --ogd-heading-h2-bg: rgba(248, 250, 252, 0.28); --ogd-heading-border: rgba(203, 213, 225, 0.48); --ogd-heading-border-soft: rgba(203, 213, 225, 0.40); --ogd-heading-rule: linear-gradient(90deg, rgba(14, 165, 233, 0.64), rgba(148, 163, 184, 0.50), transparent); --ogd-heading-rule-soft: linear-gradient(90deg, rgba(148, 163, 184, 0.58), rgba(203, 213, 225, 0.22), transparent); --ogd-heading-shadow: none; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(h1, h2) { -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { display: block; position: relative; box-sizing: border-box; font-size: 3.4em; line-height: 1.08; margin-top: 1.2em; margin-bottom: 0.7em; -webkit-print-color-adjust: exact; print-color-adjust: exact; padding: 1.20em 0.56em 0.64em; border: 0; border-bottom: 1px solid var(--ogd-heading-border); background: transparent; border-radius: 0; box-shadow: none; outline: 0; color: #111827; text-decoration: none; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { font-size: 0.30em; margin-bottom: 0.7em; color: rgba(51, 65, 85, 0.82); text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86); top: 0.42em; } body.ogd-no-h1-number :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1, .markdown-rendered.ogd-no-h1-number h1, .markdown-preview-view.ogd-no-h1-number.markdown-rendered h1, .markdown-reading-view.ogd-no-h1-number .markdown-rendered h1 { padding-top: 0.42em; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2 { padding: 0.34em 0.48em 0.38em; border: 1px solid var(--ogd-heading-border-soft); background: var(--ogd-heading-h2-bg); color: #1f2937; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(h3, h4) { text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(148, 163, 184, 0.58); text-decoration-thickness: 1px; text-underline-offset: 0.22em; text-decoration-skip-ink: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(h2, h3, h4)::after { content: none; display: none; width: 0; height: 0; background: transparent; box-shadow: none; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-text: #111827; --ogd-print-heading-subtext: #334155; --ogd-print-heading-muted: #475569; --ogd-print-heading-accent: #0284c7; --ogd-print-heading-border: rgba(203, 213, 225, 0.76); --ogd-print-heading-border-soft: rgba(203, 213, 225, 0.56); --ogd-print-heading-h1-bg: transparent; --ogd-print-heading-h2-bg: rgba(248, 250, 252, 0.26); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-padding: 1.02em 0.56em 0.58em; --ogd-print-heading-h1-border-left: 0 solid transparent; --ogd-print-heading-h1-border-right: 0 solid transparent; --ogd-print-heading-h1-border-top: 0 solid transparent; --ogd-print-heading-h1-border-bottom: 1px solid var(--ogd-print-heading-border); --ogd-print-heading-h1-rule-height: 0; --ogd-print-heading-h2-padding-left: 0; --ogd-print-heading-h2-border-left: 0 solid transparent; --ogd-print-heading-h2-radius: 0; } body.ogd-heading-printclean :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #64748b; --ogd-print-heading-border: rgba(148, 163, 184, 0.70); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-bg: transparent; --ogd-print-heading-h2-bg: rgba(248, 250, 252, 0.22); } body.ogd-heading-keyline :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #2563eb; --ogd-print-heading-border: rgba(191, 219, 254, 0.76); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-border-top: 3px solid rgba(37, 99, 235, 0.66); --ogd-print-heading-h1-rule-height: 0; } body.ogd-heading-bracket :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #0284c7; --ogd-print-heading-border: color-mix(in srgb, #bae6fd 72%, transparent); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-border-left: 5px solid rgba(14, 165, 233, 0.42); --ogd-print-heading-h1-border-right: 5px solid rgba(14, 165, 233, 0.42); --ogd-print-heading-h2-border-left: 2.5px solid rgba(14, 165, 233, 0.40); --ogd-print-heading-h2-padding-left: 0.52em; } body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #475569; --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-bg: transparent; --ogd-print-heading-h1-border-left: 0 solid transparent; --ogd-print-heading-h1-border-right: 0 solid transparent; --ogd-print-heading-h1-border-top: 0 solid transparent; --ogd-print-heading-h1-border-bottom: 1px solid rgba(203, 213, 225, 0.76); --ogd-print-heading-h1-padding: 0.84em 0 0.54em; --ogd-print-heading-h2-padding-left: 1.8em; counter-reset: ogd-print-ledger-heading; } body.ogd-heading-focus-bar :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #0ea5e9; --ogd-print-heading-border: color-mix(in srgb, #bae6fd 72%, transparent); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-border-top: 5px solid rgba(14, 165, 233, 0.46); --ogd-print-heading-h2-border-left: 5px solid rgba(14, 165, 233, 0.44); --ogd-print-heading-h2-padding-left: 0.56em; --ogd-print-heading-h2-radius: 6px; --ogd-print-heading-h2-bg: rgba(240, 249, 255, 0.28); } body.ogd-heading-double-rule :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #334155; --ogd-print-heading-border: rgba(51, 65, 85, 0.55); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-bg: transparent; --ogd-print-heading-h1-border-left: 0 solid transparent; --ogd-print-heading-h1-border-right: 0 solid transparent; --ogd-print-heading-h1-border-top: 0 solid transparent; --ogd-print-heading-h1-border-bottom: 3px solid rgba(51, 65, 85, 0.85); --ogd-print-heading-h1-padding: 0.10em 0 0.66em; --ogd-print-heading-h2-padding-left: 0; } body.ogd-heading-tag-ribbon :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #0d9488; --ogd-print-heading-border: rgba(94, 234, 212, 0.55); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-bg: transparent; --ogd-print-heading-h1-border-left: 0 solid transparent; --ogd-print-heading-h1-border-right: 0 solid transparent; --ogd-print-heading-h1-border-top: 0 solid transparent; --ogd-print-heading-h1-border-bottom: 0 solid transparent; --ogd-print-heading-h1-padding: 0.10em 0 0.56em; --ogd-print-heading-h2-padding-left: 0; } body.ogd-heading-number-stamp :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #d97706; --ogd-print-heading-border: rgba(217, 119, 6, 0.45); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-bg: transparent; --ogd-print-heading-h1-border-left: 1.5px dashed rgba(217, 119, 6, 0.55); --ogd-print-heading-h1-border-right: 1.5px dashed rgba(217, 119, 6, 0.55); --ogd-print-heading-h1-border-top: 1.5px dashed rgba(217, 119, 6, 0.55); --ogd-print-heading-h1-border-bottom: 1.5px dashed rgba(217, 119, 6, 0.55); --ogd-print-heading-h1-padding: 0.86em 0.62em 0.56em; --ogd-print-heading-h2-padding-left: 0; } body.ogd-heading-grid-index :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) { --ogd-print-heading-accent: #7c3aed; --ogd-print-heading-border: rgba(196, 181, 253, 0.60); --ogd-print-heading-rule: transparent; --ogd-print-heading-h1-bg: transparent; --ogd-print-heading-h1-border-left: 0 solid transparent; --ogd-print-heading-h1-border-right: 0 solid transparent; --ogd-print-heading-h1-border-top: 0 solid transparent; --ogd-print-heading-h1-border-bottom: 0 solid transparent; --ogd-print-heading-h1-padding: 0 0 0.56em; --ogd-print-heading-h2-bg: rgba(237, 233, 254, 0.32); --ogd-print-heading-h2-padding-left: 0; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { padding: var(--ogd-print-heading-h1-padding); border-top: var(--ogd-print-heading-h1-border-top); border-right: var(--ogd-print-heading-h1-border-right); border-bottom: var(--ogd-print-heading-h1-border-bottom); border-left: var(--ogd-print-heading-h1-border-left); border-radius: 0; background: transparent; box-shadow: none; outline: 0; color: var(--ogd-print-heading-text); -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { color: var(--ogd-print-heading-accent); text-shadow: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::after { content: none; display: none; position: static; left: auto; right: auto; bottom: auto; width: 0; height: 0; border: 0; border-radius: 999px; background: var(--ogd-print-heading-rule); box-shadow: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2 { padding-left: var(--ogd-print-heading-h2-padding-left); border-left: var(--ogd-print-heading-h2-border-left); border-bottom: 1px solid var(--ogd-print-heading-border-soft); border-top: 0; border-right: 0; border-radius: 0; background: transparent; box-shadow: none; outline: 0; color: var(--ogd-print-heading-text); -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2::after { content: none; display: none; position: static; left: auto; bottom: auto; width: 0; height: 0; border: 0; border-radius: 999px; background: var(--ogd-print-heading-rule); -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(h3, h4) { color: var(--ogd-print-heading-subtext); border-top: 0; border-right: 0; border-radius: 0; background: transparent; box-shadow: none; outline: 0; text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(148, 163, 184, 0.58); text-decoration-thickness: 1px; text-underline-offset: 0.22em; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-heading-printclean :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { min-height: 2.18em; border: 0; border-bottom: 1px solid rgba(148, 163, 184, 0.74); border-radius: 0; background: transparent; } body.ogd-heading-printclean :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2, body.ogd-heading-printclean :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h3 { display: inline-block; width: min(100%, 28em); border-bottom: 1px solid rgba(148, 163, 184, 0.72); border-top: 0; border-right: 0; background: transparent; box-shadow: none; outline: 0; text-decoration: none; } body.ogd-heading-printclean :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h3 { width: min(100%, 13em); border-bottom-color: rgba(203, 213, 225, 0.82); } body.ogd-heading-keyline :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { border: 0; border-top: 3px solid #2563eb; border-bottom: 1px solid #dbeafe; border-radius: 0; background: transparent; } body.ogd-heading-keyline :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { content: none; display: none; } body.ogd-heading-keyline :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2, body.ogd-heading-keyline :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h3 { display: inline-block; width: min(100%, 19em); border-bottom: 2px solid #60a5fa; border-top: 0; border-right: 0; background: transparent; box-shadow: none; outline: 0; text-decoration: none; } body.ogd-heading-keyline :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h3 { width: min(100%, 12em); border-bottom: 1px solid rgba(148, 163, 184, 0.64); } body.ogd-heading-bracket :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { border: 0; padding-left: 3.6em; padding-right: 3.6em; border-radius: 0; background: linear-gradient(#e0f2fe, #e0f2fe) left top / 1.85em 0.18em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) left bottom / 1.85em 0.18em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) left top / 0.24em 100% no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right top / 1.85em 0.18em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right bottom / 1.85em 0.18em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right top / 0.24em 100% no-repeat; box-shadow: none; } body.ogd-heading-bracket :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { content: "FIELD 01"; color: #0284c7; } body.ogd-heading-bracket :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2 { display: inline-block; width: min(100%, 14em); border-left: 0; border-bottom: 2px solid rgba(14, 165, 233, 0.54); border-top: 0; border-right: 0; background: transparent; box-shadow: none; outline: 0; } body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1, body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2, body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h3, body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h4 { padding-left: 2.2em; border: 0; border-bottom: 1px solid rgba(203, 213, 225, 0.76); background: transparent; border-radius: 0; box-shadow: none; outline: 0; text-decoration: none; counter-increment: ogd-print-ledger-heading; } body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { font-size: 2.05em; } body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before, body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2::before, body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h3::before, body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h4::before { content: counter(ogd-print-ledger-heading, decimal-leading-zero); } body.ogd-heading-quiet-ledger :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(h2, h3, h4)::before { position: absolute; left: 0; color: #64748b; font-family: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", Consolas, monospace; font-size: 0.72em; font-weight: 760; } body.ogd-heading-focus-bar :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { min-height: 2.6em; border: 0; border-top: 8px solid color-mix(in srgb, #38bdf8 60%, transparent); border-bottom: 1px solid color-mix(in srgb, #bae6fd 70%, transparent); border-radius: 0; background: transparent; } body.ogd-heading-focus-bar :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { content: "FOCUS 01"; color: #0284c7; } body.ogd-heading-focus-bar :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2 { border-left: 5px solid color-mix(in srgb, #38bdf8 62%, transparent); border-bottom: 0; border-top: 0; border-right: 0; background: transparent; border-radius: 0; box-shadow: none; outline: 0; } body.ogd-heading-double-rule :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { border: 0; border-bottom: 3px solid rgba(51, 65, 85, 0.85); border-radius: 0; background: transparent; } body.ogd-heading-double-rule :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { content: none; display: none; } body.ogd-heading-double-rule :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -8px; width: 100%; height: 1.5px; border: 0; background: rgba(51, 65, 85, 0.5); -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-heading-double-rule :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2 { border-left: 0; background: transparent; } body.ogd-heading-tag-ribbon :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { display: flex; align-items: center; gap: 0.5em; border: 0; background: transparent; } body.ogd-heading-tag-ribbon :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { content: "01"; position: static; display: inline-flex; flex: none; align-items: center; justify-content: center; min-width: 1.5em; height: 1.05em; margin: 0; padding: 0 0.55em 0 0.62em; clip-path: polygon(0 0, 78% 0, 100% 50%, 78% 100%, 0 100%); background: #0d9488; color: #ffffff; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-heading-tag-ribbon :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2 { display: flex; align-items: center; gap: 0.5em; border-left: 0; background: transparent; } body.ogd-heading-tag-ribbon :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(h3, h4) { border-left: 3px solid rgba(13, 148, 136, 0.65); padding-left: 0.55em; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-heading-number-stamp :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { border-radius: 10px; background: rgba(255, 251, 235, 0.35); } body.ogd-heading-number-stamp :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { content: "01"; position: absolute; top: -0.55em; left: 0.55em; display: inline-flex; align-items: center; justify-content: center; min-width: 1.7em; height: 1.35em; margin: 0; padding: 0 0.3em; border-radius: 4px; background: #d97706; color: #ffffff; transform: rotate(-7deg); -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-heading-number-stamp :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2 { border-left: 0; border-bottom: 1.5px dashed rgba(217, 119, 6, 0.55); background: transparent; } body.ogd-heading-number-stamp :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(h3, h4) { text-decoration-style: dashed; text-decoration-color: rgba(217, 119, 6, 0.55); } body.ogd-heading-grid-index :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1 { display: flex; align-items: center; gap: 0.62em; border: 0; background: transparent; } body.ogd-heading-grid-index :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h1::before { content: "01"; position: static; display: inline-flex; flex: none; align-items: center; justify-content: center; width: 1.4em; height: 1.4em; margin: 0; border-radius: 0.28em; background: #7c3aed; color: #ffffff; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-heading-grid-index :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) h2 { border-left: 0; } body.ogd-heading-grid-index :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(h3, h4) { padding-left: 2.1em; border-left: 0; } /* v1.8.65 — PDF readability micro-tuning */ .markdown-rendered p, .markdown-rendered li, .markdown-preview-view p, .markdown-preview-view li { line-height: 1.55; } .markdown-rendered table, .markdown-preview-view table { line-height: 1.45; } /* v1.8.65 — Repeat table headers across PDF pages (Chromium native) */ .markdown-rendered table thead, .markdown-preview-view table thead, .markdown-reading-view table thead { display: table-header-group; } .markdown-rendered table tfoot, .markdown-preview-view table tfoot, .markdown-reading-view table tfoot { display: table-footer-group; } /* v1.8.65 — H1 chapter break first-of-type/first-child refinement * (base `.markdown-rendered h1 { page-break-before: always }` is declared * once near the top of this @media block; only the more selective avoid * variant lives here). */ .markdown-rendered h1:first-of-type, .markdown-rendered > h1:first-child { page-break-before: avoid; } /* v1.8.65 — Footnotes section: keep at end, separate from body */ .markdown-rendered .footnotes, .markdown-rendered section.footnotes, .markdown-rendered .footnote-section { margin-top: 2.5em; padding-top: 1em; border-top: 1px solid var(--ogd-line-strong, #cbd5e1); font-size: 0.88em; color: #4b5563; page-break-before: auto; } .markdown-rendered .footnotes ol, .markdown-rendered .footnote-section ol { padding-left: 1.4em; } img, tr, li, pre, blockquote, table, .callout, figure { page-break-inside: avoid; } .markdown-rendered a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.78em; color: #6b7280; word-break: break-all; } .markdown-rendered .callout, .markdown-rendered blockquote, .markdown-rendered th, .markdown-rendered tr:nth-child(even) td { -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* v2.30.4: removed forbidden PDF blockquote left bar; uses subtle full box. */ .markdown-rendered blockquote, .markdown-preview-view blockquote, .markdown-reading-view blockquote { border: 1px solid #e5e7eb; border-inline-start: 1px solid #e5e7eb; border-radius: 4px; padding: 0.5em 0.9em; background: #f8fafc; } /* Hide UI chrome in print */ .workspace-ribbon, .workspace-tab-header-container, .status-bar, .titlebar, .copy-code-button, .markdown-rendered pre[class*="language-"]::after { display: none; } body :is( .metadata-container, .metadata-properties, .metadata-properties-container, .metadata-properties-heading, .frontmatter, .frontmatter-container, .frontmatter-section ), body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is( [class*="frontmatter"], [data-type="frontmatter"], [data-callout-metadata="frontmatter"] ), body .markdown-source-view.mod-cm6 :is( .HyperMD-frontmatter, .cm-line.HyperMD-frontmatter, .HyperMD-codeblock-frontmatter, .cm-line.HyperMD-codeblock-frontmatter-bg ) { display: none; visibility: hidden; height: 0; min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; overflow: hidden; } .markdown-rendered th, .markdown-preview-view th, .markdown-reading-view th { background-color: var(--ogd-text-inverted, #f8fafc); border-bottom: 1px solid var(--ogd-line-strong, #cbd5e1); } /* Snippet-merged: additional print break avoidance */ dl, .definition-list, .toc, .report-toc, .table-of-contents, .mermaid, .diagram-frame, .svg-frame, .footnotes, .footnote-section { page-break-inside: avoid; } :is(h1, h2, h3, h4, h5, h6) { page-break-inside: avoid; } /* v2.22.121 - PDF parity for liquid list markers. */ body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) { --ogd-list-marker-bg: linear-gradient(180deg, #ffffff, #f0f9ff); --ogd-list-marker-bg-active: linear-gradient(180deg, #ffffff, #e0f2fe); --ogd-list-marker-border: rgba(14, 165, 233, 0.46); --ogd-list-marker-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 5px rgba(15, 23, 42, 0.08); --ogd-list-marker-shadow-active: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 3px 8px rgba(14, 165, 233, 0.12); --ogd-list-nested-marker: rgba(14, 165, 233, 0.34); --ogd-list-task-surface: linear-gradient(180deg, #ffffff, #f8fafc); --ogd-list-task-border: rgba(203, 213, 225, 0.62); --ogd-list-task-shadow: inset 0 1px 0 #ffffff, 0 3px 8px rgba(15, 23, 42, 0.06); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul):not(.contains-task-list) > li:not(.task-list-item) { page-break-inside: avoid; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ol:not(.contains-task-list) > li:not(.task-list-item)::before, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) ul:not(.contains-task-list) > li:not(.task-list-item)::before, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) input[type="checkbox"] { -webkit-print-color-adjust: exact; print-color-adjust: exact; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .contains-task-list { -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* v2.22.122 - keep list chips stable across Chromium page breaks. */ body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(ol, ul):not(.contains-task-list) > li:not(.task-list-item)::marker { color: transparent; font-size: 0; } /* v2.22.123 - PDF-safe native accent markers. */ body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(ol, ul):not(.contains-task-list) { padding-inline-start: 1.62em; list-style-position: outside; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ul:not(.contains-task-list) { list-style-type: disc; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(ol, ul):not(.contains-task-list) > li:not(.task-list-item) { display: list-item; grid-template-columns: none; gap: normal; position: static; list-style: inherit; list-style-position: outside; padding-inline-start: 0.16em; page-break-inside: auto; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ul:not(.contains-task-list) > li:not(.task-list-item) { list-style-type: disc; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ol:not(.contains-task-list) > li:not(.task-list-item)::before, body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ul:not(.contains-task-list) > li:not(.task-list-item)::before { position: static; inset: auto; grid-column: 1; grid-row: 1; align-self: start; margin-top: 0.08em; content: none; display: none; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ol:not(.contains-task-list) > li:not(.task-list-item)::marker, body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ul:not(.contains-task-list) > li:not(.task-list-item)::marker { color: #0e7490; font-size: 0.92em; font-weight: 820; } /* v2.22.124 - keep highlighted list text in the same inline flow. */ body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) :is(ol, ul):not(.contains-task-list) > li:not(.task-list-item) mark { display: inline; margin: 0; padding-block: 0; padding-inline: 0.12em; line-height: inherit; vertical-align: baseline; -webkit-box-decoration-break: clone; box-decoration-break: clone; } /* v2.22.125 - PDF-safe checklist flattening. */ body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) .contains-task-list { margin-block: 0.28em 0.68em; padding-inline-start: 1.1em; border: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) .contains-task-list > .task-list-item { display: list-item; margin-block: 0.16em; padding: 0; border: 0; background: transparent; box-shadow: none; color: #1f2937; line-height: 1.45; page-break-inside: avoid; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) .contains-task-list > .task-list-item::marker { color: transparent; font-size: 0; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) .contains-task-list > .task-list-item input[type="checkbox"] { position: static; display: inline-block; width: 0.86em; height: 0.86em; margin: 0 0.42em 0 0; border: 1.2px solid #94a3b8; border-radius: 3px; background: #ffffff; box-shadow: none; vertical-align: -0.12em; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) .contains-task-list > .task-list-item input[type="checkbox"]:checked { border-color: #0e7490; background: #ecfeff; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) .contains-task-list > .task-list-item input[type="checkbox"]:checked::after { color: #0e7490; top: -0.2em; left: 0.08em; font-size: 0.78em; line-height: 1; } /* v2.22.126 - restore native ordered-list numbering in PDF. */ body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ol:not(.contains-task-list) { counter-reset: revert; list-style-type: decimal; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ol:not(.contains-task-list) > li:not(.task-list-item) { counter-increment: revert; list-style-type: decimal; } body :is(.markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered) ol:not(.contains-task-list) > li:not(.task-list-item)::marker { font-variant-numeric: tabular-nums; } } /* <<< src/features/43-print-base.css */ /* 05-live-preview.css -> base/13 */ /* >>> src/base/13-live-preview.css */ /* ===================================================================== v1.3.1 — Live Preview ↔ Reading View parity (12-point upgrade) Goal: minimize visual jump when toggling ⌘E between Source/Reading. FORBIDDEN in this module (enforced by dev/scripts/audit_v3_hit_routing.py): - non-zero vertical margin on .cm-callout / .cm-table-widget / .cm-embed-block.cm-callout (block widgets) - non-zero vertical margin OR padding on .HyperMD-* .cm-line variants (table-row / callout / header-1..6) - outline / box-shadow / transform / vertical padding on .cm-active.cm-line (active line) - overflow-x:auto + max-width:100% pair on .cm-embed-block - pointer-events:none on .cm-content / .cm-line See: dev/WIKI/MAP/cm6-hit-routing-contract.md ===================================================================== */ /* (1) CM6 header line-height per level — override generic .cm-line 1.45 v2.22.101: heading .cm-line padding is forced to 0 so the line's hitbox matches its visible text. Earlier 0.16~0.42em padding extended the click target into adjacent rows and trapped cursor placement on neighbour headings/blank rows. Visual rhythm is now owned by line-height and the header-adjacent blank row in 03-reading-content.css. */ body .markdown-source-view.mod-cm6 .cm-editor, body .markdown-source-view.mod-cm6 .cm-scroller, body .markdown-source-view.mod-cm6 .cm-sizer, body .markdown-source-view.mod-cm6 .cm-contentContainer, body .markdown-source-view.mod-cm6 .cm-content { align-self: stretch; box-sizing: border-box; width: 100%; min-width: 0; } body .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer, body .markdown-source-view.mod-cm6.is-readable-line-width .CodeMirror-sizer { max-width: var(--ogd-max-width, 420mm); margin-left: 0; margin-right: auto; } body .markdown-source-view.is-readable-line-width .cm-contentContainer, body .markdown-source-view.is-readable-line-width .cm-sizer, body .markdown-source-view.is-readable-line-width .CodeMirror-sizer { margin-left: 0; margin-right: auto; } body .markdown-source-view.is-readable-line-width :is(.cm-sizer, .cm-contentContainer, .CodeMirror-sizer, .cm-content) { box-sizing: border-box; width: 100%; max-width: 100%; margin-left: 0; margin-right: auto; } body .markdown-source-view.mod-cm6 .cm-content:not(.cm-table-widget .cm-content) { display: block; max-width: 100%; min-height: calc(100vh - 220px); cursor: text; } body .markdown-source-view.mod-cm6 .cm-line { display: block; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; text-align: left; } body .markdown-source-view.mod-cm6 .cm-embed-block:not(.cm-table-widget) table:not(.cm-table):not(.cm-table-widget) :is( .cm-content, .cm-line, .cm-scroller, .cm-sizer, .cm-contentContainer, .cm-editor, .table-cell-wrapper, p, td, th, tr, tbody, thead ) { min-height: 0; height: auto; } body .markdown-source-view.mod-cm6 .cm-embed-block:not(.cm-table-widget) table:not(.cm-table):not(.cm-table-widget) :is(td, th) > p { margin: 0; } body .markdown-source-view.mod-cm6 :is( .cm-embed-block:not(.cm-table-widget) table:not(.cm-table):not(.cm-table-widget) ) :is(td, th) :is( .cm-editor, .cm-scroller, .cm-content, .cm-line, .cm-active.cm-line ) { min-height: 0; height: auto; max-height: none; margin: 0; padding: 0; } body .markdown-source-view.mod-cm6 :is( .cm-embed-block:not(.cm-table-widget) table:not(.cm-table):not(.cm-table-widget) ) :is( table, thead, tbody, tr, td, th ) { min-height: 0; height: auto; } body .markdown-source-view.mod-cm6 :is( .cm-embed-block:not(.cm-table-widget) table:not(.cm-table):not(.cm-table-widget) ) :is(td, th) :is( .cm-line:empty, .cm-active.cm-line:empty ) { display: none; min-height: 0; height: 0; line-height: 0; margin: 0; padding: 0; } @supports selector(.cm-line:has(br:only-child)) { body .markdown-source-view.mod-cm6 :is( .cm-embed-block:not(.cm-table-widget) table:not(.cm-table):not(.cm-table-widget) ) :is(td, th) :is( .cm-line:has(br:only-child), .cm-active.cm-line:has(br:only-child) ) { display: none; min-height: 0; height: 0; line-height: 0; margin: 0; padding: 0; } } .markdown-source-view.mod-cm6 .HyperMD-codeblock-frontmatter, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-frontmatter-bg { font-family: var(--ogd-code-font-stack, "JetBrains Mono", monospace); font-size: 0.88em; background: var(--ogd-surface-muted, #f8fafc); } body.theme-dark .markdown-source-view.mod-cm6 .HyperMD-codeblock-frontmatter, body.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-frontmatter-bg { background: #1c2128; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-1 { line-height: 1.2; padding-top: 0; padding-bottom: 0; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-2 { line-height: 1.25; padding-top: 0; padding-bottom: 0; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-3 { position: static; z-index: auto; line-height: 1.42; padding-top: 0; padding-bottom: 0; padding-left: 0.08em; padding-right: 0; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-4 { position: static; z-index: auto; line-height: 1.5; padding-top: 0; padding-bottom: 0; padding-left: 0.08em; padding-right: 0; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-5, .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-6 { position: static; z-index: auto; line-height: 1.45; padding-top: 0; padding-bottom: 0; padding-left: 0.08em; } /* HyperMD inline header text size — CM6 needs explicit per-level */ .markdown-source-view.mod-cm6 .cm-header-1 { font-size: 6.3em; font-weight: 860; } .markdown-source-view.mod-cm6 .cm-header-2 { font-size: 1.6em; font-weight: 800; } .markdown-source-view.mod-cm6 .cm-header-3 { font-size: 1.3em; font-weight: 760; color: var(--header-accent-dark); } .markdown-source-view.mod-cm6 .cm-header-4 { font-size: 1.12em; font-weight: 700; color: var(--header-accent-dark); } .markdown-source-view.mod-cm6 .cm-header-5 { font-size: 1.0em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--header-muted); } .markdown-source-view.mod-cm6 .cm-header-6 { font-size: 0.92em; font-weight: 700; color: var(--header-muted); } body .markdown-source-view.mod-cm6 :is(.cm-header-1, .cm-header-2) { color: var(--ogd-text-strong, #111827); text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(103, 232, 249, 0.55); text-decoration-thickness: 1.5px; text-underline-offset: 0.20em; text-shadow: 0 8px 22px rgba(15, 23, 42, 0.08); } body .markdown-source-view.mod-cm6 :is(.cm-header-3, .cm-header-4) { color: var(--ogd-text-slate, #334155); text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(203, 213, 225, 0.72); text-decoration-thickness: 1px; text-underline-offset: 0.18em; } body .markdown-source-view.mod-cm6 .cm-header-4 { color: var(--ogd-text-subtle, #475569); font-weight: 760; } body.theme-dark .markdown-source-view.mod-cm6 :is(.cm-header-1, .cm-header-2) { color: var(--ogd-text-inverted, #f8fafc); text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(103, 232, 249, 0.42); text-decoration-thickness: 1.5px; text-shadow: none; } body.theme-dark .markdown-source-view.mod-cm6 :is(.cm-header-3, .cm-header-4) { color: var(--ogd-line-soft, #e5e7eb); text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(71, 85, 105, 0.80); text-decoration-thickness: 1px; } body.theme-dark .markdown-source-view.mod-cm6 .cm-header-4 { color: var(--ogd-text-soft, #94a3b8); } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) .markdown-source-view.mod-cm6 { --ogd-lp-heading-text: var(--ogd-text-strong, #111827); --ogd-lp-heading-subtext: var(--ogd-text-slate, #334155); --ogd-lp-heading-muted: var(--ogd-text-subtle, #475569); --ogd-lp-heading-accent: #0284c7; --ogd-lp-heading-accent-soft: rgba(14, 165, 233, 0.18); --ogd-lp-heading-rule: linear-gradient(90deg, rgba(14, 165, 233, 0.74), rgba(148, 163, 184, 0.48), transparent); --ogd-lp-heading-inline-border: 0 solid transparent; --ogd-lp-heading-inline-pad: 0; --ogd-lp-heading-h1-size: 3.35em; --ogd-lp-heading-h2-size: 1.62em; --ogd-lp-heading-h3-size: 1.30em; --ogd-lp-heading-h4-size: 1.12em; } body.ogd-heading-printclean .markdown-source-view.mod-cm6, body.ogd-heading-quiet-ledger .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #64748b; --ogd-lp-heading-accent-soft: rgba(148, 163, 184, 0.18); --ogd-lp-heading-rule: linear-gradient(90deg, rgba(100, 116, 139, 0.76), rgba(203, 213, 225, 0.58), transparent); } body.ogd-heading-keyline .markdown-source-view.mod-cm6, body.ogd-heading-focus-bar .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #2563eb; --ogd-lp-heading-accent-soft: rgba(96, 165, 250, 0.20); --ogd-lp-heading-rule: linear-gradient(90deg, rgba(37, 99, 235, 0.88), rgba(96, 165, 250, 0.54), transparent); } body.ogd-heading-bracket .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #0284c7; --ogd-lp-heading-accent-soft: rgba(14, 165, 233, 0.16); --ogd-lp-heading-inline-border: 2px solid rgba(14, 165, 233, 0.44); --ogd-lp-heading-inline-pad: 0.18em; } body.ogd-heading-double-rule .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #334155; --ogd-lp-heading-accent-soft: rgba(51, 65, 85, 0.16); --ogd-lp-heading-rule: linear-gradient(90deg, rgba(51, 65, 85, 0.82), rgba(148, 163, 184, 0.50), transparent); } body.ogd-heading-tag-ribbon .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #0d9488; --ogd-lp-heading-accent-soft: rgba(13, 148, 136, 0.18); --ogd-lp-heading-rule: linear-gradient(90deg, rgba(13, 148, 136, 0.82), rgba(94, 234, 212, 0.50), transparent); } body.ogd-heading-number-stamp .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #d97706; --ogd-lp-heading-accent-soft: rgba(217, 119, 6, 0.18); --ogd-lp-heading-rule: linear-gradient(90deg, rgba(217, 119, 6, 0.82), rgba(251, 191, 36, 0.50), transparent); --ogd-lp-heading-inline-border: 1.5px dashed rgba(217, 119, 6, 0.42); --ogd-lp-heading-inline-pad: 0.18em; } body.ogd-heading-grid-index .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #7c3aed; --ogd-lp-heading-accent-soft: rgba(124, 58, 237, 0.16); --ogd-lp-heading-rule: linear-gradient(90deg, rgba(124, 58, 237, 0.82), rgba(196, 181, 253, 0.50), transparent); } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) .markdown-source-view.mod-cm6 .cm-header-1 { display: inline-block; color: var(--ogd-lp-heading-text); font-size: var(--ogd-lp-heading-h1-size); font-weight: 860; border-right: var(--ogd-lp-heading-inline-border); border-left: var(--ogd-lp-heading-inline-border); padding-inline: var(--ogd-lp-heading-inline-pad); background: linear-gradient(to top, var(--ogd-lp-heading-accent-soft) 0 0.28em, transparent 0.28em); text-decoration-line: none; text-decoration-style: solid; text-decoration-color: var(--ogd-lp-heading-accent); text-decoration-thickness: 2px; text-underline-offset: 0.20em; text-shadow: none; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) .markdown-source-view.mod-cm6 .cm-header-2 { color: var(--ogd-lp-heading-text); font-size: var(--ogd-lp-heading-h2-size); font-weight: 800; background: linear-gradient(to top, var(--ogd-lp-heading-accent-soft) 0 0.22em, transparent 0.22em); text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: var(--ogd-lp-heading-accent); text-decoration-thickness: 1.5px; text-underline-offset: 0.20em; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) .markdown-source-view.mod-cm6 .cm-header-3, body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) .markdown-source-view.mod-cm6 .cm-header-4 { color: var(--ogd-lp-heading-subtext); text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: rgba(203, 213, 225, 0.78); text-decoration-thickness: 1px; text-underline-offset: 0.18em; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) .markdown-source-view.mod-cm6 .cm-header-3 { font-size: var(--ogd-lp-heading-h3-size); font-weight: 760; } body:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) .markdown-source-view.mod-cm6 .cm-header-4 { color: var(--ogd-lp-heading-muted); font-size: var(--ogd-lp-heading-h4-size); font-weight: 760; } body.theme-dark:is(.ogd-heading-printclean, .ogd-heading-keyline, .ogd-heading-bracket, .ogd-heading-quiet-ledger, .ogd-heading-focus-bar, .ogd-heading-double-rule, .ogd-heading-tag-ribbon, .ogd-heading-number-stamp, .ogd-heading-grid-index) .markdown-source-view.mod-cm6 { --ogd-lp-heading-text: var(--ogd-text-inverted, #f8fafc); --ogd-lp-heading-subtext: var(--ogd-line-soft, #e5e7eb); --ogd-lp-heading-muted: var(--ogd-text-soft, #94a3b8); --ogd-lp-heading-accent-soft: color-mix(in srgb, #7dd3fc 14%, transparent); } body.theme-dark.ogd-heading-printclean .markdown-source-view.mod-cm6, body.theme-dark.ogd-heading-quiet-ledger .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #cbd5e1; } body.theme-dark.ogd-heading-bracket .markdown-source-view.mod-cm6 { --ogd-lp-heading-inline-border: 2px solid color-mix(in srgb, #7dd3fc 34%, transparent); } body.theme-dark.ogd-heading-double-rule .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #cbd5e1; } body.theme-dark.ogd-heading-tag-ribbon .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #5eead4; } body.theme-dark.ogd-heading-number-stamp .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #fbbf24; --ogd-lp-heading-inline-border: 1.5px dashed color-mix(in srgb, #fbbf24 40%, transparent); } body.theme-dark.ogd-heading-grid-index .markdown-source-view.mod-cm6 { --ogd-lp-heading-accent: #c4b5fd; } body.ogd-heading-printclean .markdown-source-view.mod-cm6 .cm-header-1 { padding: 0.08em 0.32em; border: 1px solid rgba(148, 163, 184, 0.78); border-radius: 4px; background: rgba(248, 250, 252, 0.86); text-decoration: none; } body.ogd-heading-keyline .markdown-source-view.mod-cm6 .cm-header-1 { padding: 0.06em 0; border-top: 3px solid #2563eb; border-bottom: 0; background: transparent; } body.ogd-heading-bracket .markdown-source-view.mod-cm6 .cm-header-1 { padding: 0.34em 0.78em 0.16em; border: 0; background: linear-gradient(#e0f2fe, #e0f2fe) left top / 0.92em 0.20em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) left bottom / 0.92em 0.20em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) left top / 0.20em 100% no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right top / 0.92em 0.20em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right bottom / 0.92em 0.20em no-repeat, linear-gradient(#e0f2fe, #e0f2fe) right top / 0.20em 100% no-repeat; text-decoration: none; } body.ogd-heading-quiet-ledger .markdown-source-view.mod-cm6 { --ogd-lp-heading-h1-size: 1.95em; --ogd-lp-heading-h2-size: 1.34em; --ogd-lp-heading-h3-size: 1.14em; --ogd-lp-heading-h4-size: 1em; counter-reset: ogd-lp-ledger-heading; } body.ogd-heading-quiet-ledger .markdown-source-view.mod-cm6 .cm-line:is(.HyperMD-header-1, .HyperMD-header-2, .HyperMD-header-3, .HyperMD-header-4) { counter-increment: ogd-lp-ledger-heading; } body.ogd-heading-quiet-ledger .markdown-source-view.mod-cm6 .cm-header-1 { border-bottom: 0; background: transparent; } body.ogd-heading-focus-bar .markdown-source-view.mod-cm6 .cm-header-1 { padding: 0.10em 0.34em; border: 1px solid color-mix(in srgb, #bae6fd 78%, transparent); border-top: 6px solid color-mix(in srgb, #38bdf8 62%, transparent); border-radius: 7px; background: linear-gradient(180deg, rgba(240, 249, 255, 0.78), rgba(255, 255, 255, 0.80)); text-decoration: none; } body.ogd-heading-printclean .markdown-source-view.mod-cm6 .cm-header-2, body.ogd-heading-printclean .markdown-source-view.mod-cm6 .cm-header-3, body.ogd-heading-keyline .markdown-source-view.mod-cm6 .cm-header-2, body.ogd-heading-keyline .markdown-source-view.mod-cm6 .cm-header-3 { display: inline-block; border-bottom: 1px solid rgba(148, 163, 184, 0.72); background: transparent; text-decoration: none; } body.ogd-heading-keyline .markdown-source-view.mod-cm6 .cm-header-2 { border-bottom: 2px solid #60a5fa; } body.ogd-heading-focus-bar .markdown-source-view.mod-cm6 .cm-header-2 { display: inline-block; padding-inline-start: 0.45em; border-left: 5px solid color-mix(in srgb, #38bdf8 66%, transparent); background: transparent; text-decoration: none; } body:is(.ogd-heading-bracket, .ogd-heading-focus-bar) .markdown-source-view.mod-cm6 .cm-header-1:not(.cm-formatting):not(.cm-formatting-header)::before { display: block; margin-bottom: 0.18em; font-family: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", "D2Coding", Consolas, monospace; font-size: 0.28em; font-weight: 760; letter-spacing: 0.06em; line-height: 1; color: #0284c7; pointer-events: none; -webkit-user-select: none; user-select: none; } body.ogd-heading-bracket .markdown-source-view.mod-cm6 .cm-header-1:not(.cm-formatting):not(.cm-formatting-header)::before { content: none; } body.ogd-heading-focus-bar .markdown-source-view.mod-cm6 .cm-header-1:not(.cm-formatting):not(.cm-formatting-header)::before { content: none; } body.ogd-heading-quiet-ledger .markdown-source-view.mod-cm6 :is(.cm-header-1, .cm-header-2, .cm-header-3, .cm-header-4):not(.cm-formatting):not(.cm-formatting-header)::before { display: inline-block; min-width: 2.2em; margin-right: 0.52em; color: #64748b; font-family: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", "D2Coding", Consolas, monospace; font-size: 0.58em; font-weight: 760; letter-spacing: 0.02em; pointer-events: none; -webkit-user-select: none; user-select: none; content: none; } /* owen-risk-accepted-begin: cm-table-widget; id=cm-table-widget-visibility-2026-05-25; evidence=dev/TEMP/runtime-evidence/fragments/capture-widget-risk-accepted-compare.json */ body .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor { background-color: #ffffff; border-color: rgba(148, 163, 184, 0.58); box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.90); } body .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor :is(thead, tbody, tr) { background-color: #ffffff; } body .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor :is(th, td) { padding: 7.6px 10.1px; font-size: 14.7px; line-height: 20.3px; background-color: #ffffff; border-color: rgba(226, 232, 240, 0.98); color: var(--ogd-text-slate, #334155); box-shadow: inset 0 0 0 0.5px rgba(226, 232, 240, 0.92); } body .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor th { font-size: 14.1px; line-height: 19.4px; background-color: #f8fafc; color: var(--ogd-text-strong, #111827); box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.32), inset 0 0 0 0.5px rgba(226, 232, 240, 0.96); } body .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor tbody tr:hover :is(th, td) { background-color: rgba(224, 242, 254, 0.78); } body.theme-dark .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor { background-color: rgba(15, 23, 42, 0.86); border-color: rgba(148, 163, 184, 0.34); box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.10); } body.theme-dark .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor :is(thead, tbody, tr) { background-color: rgba(15, 23, 42, 0.86); } body.theme-dark .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor :is(th, td) { background-color: rgba(15, 23, 42, 0.66); border-color: rgba(71, 85, 105, 0.82); color: var(--text-normal, #e5edf7); box-shadow: inset 0 0 0 0.5px rgba(71, 85, 105, 0.72); } body.theme-dark .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor th { background-color: rgba(30, 41, 59, 0.92); color: var(--ogd-text-inverted, #f8fafc); box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.24), inset 0 0 0 0.5px rgba(71, 85, 105, 0.78); } body.theme-dark .markdown-source-view.mod-cm6 .cm-table-widget.markdown-rendered table.table-editor tbody tr:hover :is(th, td) { background-color: rgba(8, 145, 178, 0.28); } /* owen-risk-accepted-end: cm-table-widget */ body .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout { box-sizing: border-box; max-width: 100%; margin-left: 0; margin-right: 0; overflow-wrap: anywhere; word-break: break-word; } body .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout .cm-inline-code { display: inline; max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } body .markdown-source-view.mod-cm6 :is(.callout, .cm-callout, .cm-embed-block.cm-callout) + .cm-line.HyperMD-hr { height: 0; min-height: 0; line-height: 0; overflow: hidden; color: transparent; } body .markdown-source-view.mod-cm6 :is(.callout, .cm-callout, .cm-embed-block.cm-callout) + .cm-line.HyperMD-hr :is(hr, .cm-hr, .cm-formatting-hr) { display: none; } body .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout.HyperMD-task-line input[type="checkbox"], body .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout .task-list-label input[type="checkbox"] { margin-left: 0; margin-right: 0.48em; vertical-align: -0.12em; } body .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout :is(.cm-formatting-list, .cm-formatting-list-ul, .cm-formatting-task) { color: transparent; display: inline-block; width: 0; font-size: 0; overflow: hidden; } body .markdown-source-view.mod-cm6 input[type="checkbox"] { border-color: rgba(148, 163, 184, 0.56); border-radius: 5px; background: var(--ogd-list-marker-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.72))); box-shadow: var(--ogd-list-marker-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 0 0 1px rgba(14, 165, 233, 0.08)); } body .markdown-source-view.mod-cm6 input[type="checkbox"]:checked { border-color: rgba(16, 185, 129, 0.58); background: var(--ogd-list-marker-bg-active, linear-gradient(180deg, rgba(240, 253, 244, 0.94), rgba(220, 252, 231, 0.62))); box-shadow: var(--ogd-list-marker-shadow-active, inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 0 0 3px rgba(16, 185, 129, 0.10)); } body .markdown-source-view.mod-cm6 .cm-formatting-list, body .markdown-source-view.mod-cm6 .cm-formatting-list-ul, body .markdown-source-view.mod-cm6 .cm-formatting-list-ol { color: var(--header-accent, #0e7490); font-weight: 820; text-shadow: 0 0 10px rgba(14, 165, 233, 0.18); } body .markdown-source-view.mod-cm6 :is(.HyperMD-list-line-2, .HyperMD-list-line-3, .HyperMD-list-line-4) { border-inline-start: 0; } body .markdown-source-view.mod-cm6 { --ogd-list-marker-bg: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.18) 44%, rgba(14, 165, 233, 0.18)), linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.54)); --ogd-list-marker-border: rgba(125, 211, 252, 0.48); --ogd-list-marker-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 5px 14px rgba(14, 165, 233, 0.12); --ogd-list-nested-marker: rgba(14, 165, 233, 0.28); } body .markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line .cm-formatting-list-ol { display: inline-grid; place-items: center; min-width: 2.06em; height: 1.58em; margin-inline-end: 0.34em; border: 1px solid var(--ogd-list-marker-border); border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-list-marker-bg); box-shadow: var(--ogd-list-marker-shadow); color: var(--header-accent, #0e7490); font-size: 0.68em; font-weight: 820; line-height: 1; letter-spacing: 0; text-shadow: none; vertical-align: 0.12em; } body .markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line .cm-formatting-list-ul { display: inline-block; width: 0.62em; height: 0.62em; margin-inline: 0.54em 0.62em; border: 1px solid var(--ogd-list-marker-border); border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-list-marker-bg); box-shadow: var(--ogd-list-marker-shadow); color: transparent; font-size: 0; line-height: 1; text-shadow: none; vertical-align: 0.08em; } body .markdown-source-view.mod-cm6 :is(.HyperMD-list-line-2, .HyperMD-list-line-3, .HyperMD-list-line-4) .cm-formatting-list-ul { width: 0.48em; height: 0.48em; border-color: var(--ogd-list-nested-marker); background: rgba(240, 249, 255, 0.42); box-shadow: inset 0 0 0 2px rgba(14, 165, 233, 0.10), 0 3px 8px rgba(14, 165, 233, 0.08); } body .markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line :is(.cm-formatting-list, .cm-formatting-list-ol, .cm-formatting-list-ul) { display: inline; width: auto; min-width: 0; height: auto; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--header-accent, #0e7490); font-size: inherit; font-weight: 820; line-height: inherit; text-shadow: 0 0 8px rgba(14, 165, 233, 0.12); vertical-align: baseline; } body .markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line .cm-highlight { display: inline; margin: 0; padding-block: 0; padding-inline: 0.12em; line-height: inherit; vertical-align: baseline; -webkit-box-decoration-break: clone; box-decoration-break: clone; } body .markdown-source-view.mod-cm6 .cm-line.HyperMD-list-line .cm-formatting-highlight { display: inline; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; line-height: inherit; vertical-align: baseline; } /* Heading hash markers (#, ##, ###) — soft, like Reading-view absent */ .markdown-source-view.mod-cm6 .cm-formatting-header { color: var(--ogd-line-strong, #cbd5e1); font-weight: 400; opacity: 0.7; } /* (2) Codeblock middle lines — add side borders for full box look */ /* Re-apply rounded radii for begin/end after middle override */ /* Code fence ``` markers — dim */ .markdown-source-view.mod-cm6 .cm-formatting-code-block, .markdown-source-view.mod-cm6 .HyperMD-codeblock-begin .cm-formatting-code, .markdown-source-view.mod-cm6 .HyperMD-codeblock-end .cm-formatting-code { color: #9ca3af; opacity: 0.7; } /* (3) Wikilink chip in CM6 — match Reading view's [[link]] */ .markdown-source-view.mod-cm6 .cm-hmd-internal-link, .markdown-source-view.mod-cm6 .cm-link.cm-hmd-internal-link { background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(248, 250, 252, 0.44)); border: 1px solid rgba(203, 213, 225, 0.46); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72); color: var(--ogd-text-slate, #334155); padding: 0 3px; } .markdown-source-view.mod-cm6 .cm-hmd-internal-link:hover, .markdown-source-view.mod-cm6 .cm-link.cm-hmd-internal-link:hover { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.62)); border-color: rgba(100, 116, 139, 0.30); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(96, 165, 250, 0.07), 0 2px 6px rgba(15, 23, 42, 0.08); color: var(--ogd-text-slate, #334155); } .markdown-source-view.mod-cm6 .cm-hmd-internal-link.is-unresolved { background: rgba(180, 83, 9, 0.08); } /* (4) Tag chip in CM6 — pill shape */ .markdown-source-view.mod-cm6 .cm-hashtag, .markdown-source-view.mod-cm6 .cm-hashtag-begin, .markdown-source-view.mod-cm6 .cm-hashtag-end { background: #eef2f7; color: var(--ogd-text-secondary, #374151); border: 1px solid #d1d5db; font-size: 0.82em; font-weight: 600; padding: 1px 0; } .markdown-source-view.mod-cm6 .cm-hashtag-begin { border-right: 0; border-radius: var(--ogd-radius-pill-left, 999px 0 0 999px); padding-left: 8px; } .markdown-source-view.mod-cm6 .cm-hashtag-end { border-left: 0; border-radius: 0 999px 999px 0; padding-right: 8px; } /* (5) Inline code in CM6 — match Reading view */ .markdown-source-view.mod-cm6 .cm-inline-code { background: var(--code-background); color: var(--ogd-text-strong, #111827); border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: 3px; padding: 0 4px; font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); font-size: 0.92em; } /* Hide the surrounding backticks visually but keep them readable */ .markdown-source-view.mod-cm6 .cm-formatting-code { color: var(--ogd-line-strong, #cbd5e1); opacity: 0.6; } /* (6) Strong / em explicit weight & style */ .markdown-source-view.mod-cm6 .cm-strong { font-weight: 700; color: var(--text-normal); } .markdown-source-view.mod-cm6 .cm-em { font-style: italic; } .markdown-source-view.mod-cm6 .cm-strong.cm-em { font-weight: 700; font-style: italic; } /* Strikethrough */ .markdown-source-view.mod-cm6 .cm-strikethrough { text-decoration-line: line-through; text-decoration-color: rgba(107, 114, 128, 0.6); color: #9ca3af; } .markdown-source-view.mod-cm6 ::spelling-error, .markdown-source-view.mod-cm6 ::grammar-error { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: rgba(185, 28, 28, 0.38); text-decoration-thickness: 1px; text-underline-offset: 0.18em; } .theme-dark .markdown-source-view.mod-cm6 ::spelling-error, .theme-dark .markdown-source-view.mod-cm6 ::grammar-error { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: rgba(248, 113, 113, 0.42); text-decoration-thickness: 1px; } /* (7) Checkbox alignment in CM6 */ .markdown-source-view.mod-cm6 .HyperMD-list-line .task-list-label, .markdown-source-view.mod-cm6 .HyperMD-task-line { display: inline; } .markdown-source-view.mod-cm6 .HyperMD-list-line input[type="checkbox"] { margin-right: 6px; margin-left: 0; vertical-align: -2px; position: relative; top: 0; } .markdown-source-view.mod-cm6 .HyperMD-list-line .cm-formatting-task { color: var(--ogd-surface-transparent, transparent); font-size: 0; width: 0; display: inline-block; } /* (8) Callout widget in Live Preview — share Reading view styling v2.22.108: dropped the legacy `margin: 0.4em 0 !important` and split the padding rule. The block widget (`.cm-callout`) keeps the full 8px/12px padding because its hit-target is the whole widget bbox; the source-line variant (`.HyperMD-callout`) only takes the horizontal padding because vertical padding on a `.cm-line` extends its hit-target into adjacent paragraphs (same regression as v2.22.106/107). */ .markdown-source-view.mod-cm6 .cm-callout { border-radius: var(--callout-radius, 6px); padding: 8px 12px; } .markdown-source-view.mod-cm6 .HyperMD-callout { border-radius: var(--callout-radius, 6px); padding-left: 12px; padding-right: 12px; } .markdown-source-view.mod-cm6 .HyperMD-callout .cm-formatting-quote { display: none; } /* Callout fold widget visibility */ .markdown-source-view.mod-cm6 .cm-callout-fold { opacity: 0.6; } .markdown-source-view.mod-cm6 .cm-callout:hover .cm-callout-fold { opacity: 1; } /* (9) Markdown table widgets follow Obsidian core geometry. Theme table styling is limited to rendered/HTML table surfaces. */ /* Pipe `|` separators in source mode — dim */ .markdown-source-view.mod-cm6 .cm-hmd-table-sep { color: var(--ogd-line-strong, #cbd5e1); opacity: 0.6; } /* (10) — covered above in (2) */ /* (11) List markers in CM6 — color & weight */ .markdown-source-view.mod-cm6 .cm-formatting-list, .markdown-source-view.mod-cm6 .cm-formatting-list-ul, .markdown-source-view.mod-cm6 .cm-formatting-list-ol { color: var(--header-accent); font-weight: 700; } /* List indent guide in CM6 */ .markdown-source-view.mod-cm6 .HyperMD-list-line-2, .markdown-source-view.mod-cm6 .HyperMD-list-line-3, .markdown-source-view.mod-cm6 .HyperMD-list-line-4 { border-left: 1px dotted #e5e7eb; padding-left: 4px; } /* (12) Frontmatter box — round first/last lines */ .markdown-source-view.mod-cm6 .cm-line.HyperMD-frontmatter-1 { border: 1px solid var(--ogd-line-soft, #e5e7eb); border-bottom: 0; border-radius: var(--ogd-radius-top, 6px 6px 0 0); padding-top: 4px; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-frontmatter-end { border: 1px solid var(--ogd-line-soft, #e5e7eb); border-top: 0; border-radius: 0 0 6px 6px; padding-bottom: 4px; margin-bottom: 0.6em; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-frontmatter:not(.HyperMD-frontmatter-1):not(.HyperMD-frontmatter-end) { border-left: 1px solid var(--ogd-line-soft, #e5e7eb); border-right: 1px solid var(--ogd-line-soft, #e5e7eb); } /* ===================================================================== v1.3.1 — Dark mode parity for CM6 widgets ===================================================================== */ .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-header, .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-list, .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-quote, .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-link, .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-code, .theme-dark .markdown-source-view.mod-cm6 .cm-hmd-table-sep { color: #4a4d57; } .theme-dark .markdown-source-view.mod-cm6 .cm-hmd-internal-link:hover { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.68), rgba(15, 23, 42, 0.38)); border-color: rgba(203, 213, 225, 0.22); color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-source-view.mod-cm6 .cm-hmd-internal-link.is-unresolved { background: rgba(251, 191, 36, 0.10); } .theme-dark .markdown-source-view.mod-cm6 .cm-hashtag, .theme-dark .markdown-source-view.mod-cm6 .cm-hashtag-begin, .theme-dark .markdown-source-view.mod-cm6 .cm-hashtag-end { background: #25272d; border-color: #353841; color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-source-view.mod-cm6 .cm-inline-code { background: #25272d; border-color: #353841; color: var(--ogd-surface-subtle, #f3f4f6); } .theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock, .theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin, .theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-end { background: rgba(248, 250, 252, 0.84); border-color: rgba(203, 213, 225, 0.68); color: var(--ogd-text-slate, #1e293b); } .theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-frontmatter, .theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-frontmatter-1, .theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-frontmatter-end { background: #1a1b20; border-color: #2a2c33; color: #9ca3af; } .theme-dark .markdown-source-view.mod-cm6 .cm-strikethrough { color: #6b7280; } /* ===================================================================== v2.22.50 - Relaxed document Live Preview parity Keeps CM6 editing stable while matching the Reading View body sample. ===================================================================== */ body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 { --ogd-lp-doc-rim: rgba(203, 213, 225, 0.72); --ogd-lp-doc-rim-soft: rgba(226, 232, 240, 0.82); --ogd-lp-doc-glass-bg: radial-gradient(circle at 74% 14%, rgba(255, 255, 255, 0.78), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.70)); --ogd-lp-doc-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.05), 0 8px 18px rgba(15, 23, 42, 0.07); } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line:not(:empty):not(.HyperMD-header):not(.HyperMD-codeblock):not(.HyperMD-table-row):not(.HyperMD-callout):not(.HyperMD-list-line):not(.HyperMD-quote):not(.HyperMD-frontmatter) { line-height: 1.74; padding-top: 0.04em; padding-bottom: 0.04em; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-2 { line-height: 1.28; padding-top: 0; padding-bottom: 0; border-bottom: 0; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-3 { line-height: 1.34; padding-top: 0; padding-bottom: 0; border-bottom: 0; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-header-4 { line-height: 1.38; padding-top: 0; padding-bottom: 0; border-bottom: 0; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-header-2 { font-size: 1.64em; line-height: 1.24; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-header-3 { font-size: 1.26em; font-weight: 760; color: var(--ogd-text-slate, #334155); } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-header-4 { font-size: 1.08em; font-weight: 760; color: var(--ogd-text-slate, #334155); } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-quote:not(.HyperMD-callout) { margin: 0.18em 0; padding: 0.22em 0.9em; border: 1px solid var(--ogd-lp-doc-rim-soft); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-lp-doc-glass-bg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88); font-style: normal; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.cm-callout, .cm-embed-block.cm-callout) { /* v2.22.108: vertical margin removed to match v2.22.107 hit-routing rule. Vertical rhythm comes from the natural blank `.cm-line` between blocks. */ margin: 0; padding: 13px 15px; border: 1px solid var(--ogd-lp-doc-rim); border-left-width: 1px; border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-lp-doc-glass-bg); box-shadow: var(--ogd-lp-doc-glass-shadow); } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout { /* v2.22.108: vertical padding removed; was 0.2em top/bottom which extended the cm-line hit-target into adjacent paragraphs. */ margin-left: 0; line-height: 1.66; background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(248, 250, 252, 0.46)); } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { padding-left: 14px; padding-right: 14px; border-left: 1px solid rgba(30, 41, 59, 0.18); border-right: 1px solid rgba(30, 41, 59, 0.18); background: linear-gradient(180deg, #172033, #111827); color: var(--ogd-line-soft, #e5e7eb); line-height: 1.62; } body.theme-light.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { --ogd-lp-code-bg: rgba(248, 250, 252, 0.86); --ogd-lp-code-border: rgba(148, 163, 184, 0.46); border-color: var(--ogd-lp-code-border); background: var(--ogd-lp-code-bg); color: var(--ogd-text-slate, #334155); line-height: 1.62; } body.theme-light.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin { line-height: 1.62; } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin { margin-top: 0; border-top: 1px solid rgba(30, 41, 59, 0.18); border-radius: var(--ogd-radius-control, 7px) var(--ogd-radius-control, 7px) 0 0; padding-top: 0; } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-end { margin-bottom: 0; border-bottom: 1px solid rgba(30, 41, 59, 0.18); border-radius: 0 0 var(--ogd-radius-control, 7px) var(--ogd-radius-control, 7px); padding-bottom: 0; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-inline-code { padding: 0.08em 0.34em; border: 1px solid rgba(203, 213, 225, 0.82); border-radius: 4px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(241, 245, 249, 0.68)); color: var(--ogd-text-slate, #334155); } /* v2.30.12 — default list line spacing parity with reading view; safe for CM6 hit-routing (small padding, line-height only). v2.30.19 — bumped line-height 1.7 -> 1.85 and padding 0.05em -> 0.08em for clearer bullet/numbered list rhythm (matches reading-view li margin-bottom 0.65em + line-height 1.78). */ .markdown-source-view.mod-cm6 .HyperMD-list-line { line-height: 1.85; padding-top: 0.08em; padding-bottom: 0.08em; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .HyperMD-list-line { line-height: 1.78; padding-top: 0.08em; padding-bottom: 0.08em; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.HyperMD-list-line-2, .HyperMD-list-line-3, .HyperMD-list-line-4) { border-left-color: rgba(203, 213, 225, 0.82); } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .HyperMD-list-line input[type="checkbox"] { width: 16px; height: 16px; border-radius: 5px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.72)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92); } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .HyperMD-list-line input[type="checkbox"]:checked { border-color: rgba(103, 232, 249, 0.70); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 0 0 3px rgba(103, 232, 249, 0.12); } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 { --ogd-lp-doc-rim: rgba(51, 65, 85, 0.92); --ogd-lp-doc-rim-soft: rgba(51, 65, 85, 0.78); --ogd-lp-doc-glass-bg: radial-gradient(circle at 74% 14%, rgba(255, 255, 255, 0.10), transparent 0 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.54)); --ogd-lp-doc-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 10px 24px rgba(0, 0, 0, 0.30); } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.cm-line.HyperMD-header-3, .cm-line.HyperMD-header-4) { border-bottom-color: rgba(51, 65, 85, 0.92); } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.cm-header-3, .cm-header-4) { color: var(--ogd-line-strong, #cbd5e1); } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.cm-callout, .cm-embed-block.cm-callout, .cm-line.HyperMD-quote:not(.HyperMD-callout)) { border-color: var(--ogd-lp-doc-rim); background: var(--ogd-lp-doc-glass-bg); box-shadow: var(--ogd-lp-doc-glass-shadow); } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.36)); } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-inline-code { border-color: rgba(51, 65, 85, 0.92); background: linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.54)); color: var(--ogd-line-soft, #e5e7eb); } /* ============================================================ v2.22.110 - Live Preview codeblock C parity without hitbox bleed Mirrors Candidate C (Frosted Glass + Rim) while preserving CM6 line geometry. Do not add vertical margin/padding to HyperMD-codeblock lines; only horizontal padding and borders are used here. ============================================================ */ .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { border-left: 1px solid #d1d5db; border-right: 1px solid #d1d5db; --ogd-codeblock-header-height: 2.2em; --ogd-lp-code-bg: radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.12), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(241, 245, 249, 0.54)); --ogd-lp-code-border: rgba(148, 163, 184, 0.42); margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 14px; padding-right: 14px; border-inline: 1px solid var(--ogd-lp-code-border); background: var(--ogd-lp-code-bg); color: var(--ogd-code-fg, #1e293b); font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-size: var(--ogd-code-font-size, 0.92em); font-weight: var(--ogd-code-font-weight, 520); font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); line-height: var(--ogd-code-line-height, 1.58); letter-spacing: var(--ogd-code-letter-spacing, 0); tab-size: var(--ogd-code-tab-size, 2); } .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-end { border-left: 1px solid #d1d5db; border-right: 1px solid #d1d5db; margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid var(--ogd-lp-code-border, rgba(148, 163, 184, 0.42)); border-radius: 0 0 var(--ogd-radius-control, 10px) var(--ogd-radius-control, 10px); box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 10px 20px rgba(15, 23, 42, 0.07); } .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin + .cm-line.HyperMD-codeblock:not(.HyperMD-codeblock-end) { min-height: calc(var(--ogd-code-line-height, 1.58) * 2em); line-height: calc(var(--ogd-code-line-height, 1.58) * 2); } .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin + .cm-line.HyperMD-codeblock:not(.HyperMD-codeblock-end) :is(.cm-hmd-codeblock, span) { line-height: var(--ogd-code-line-height, 1.58); } .markdown-source-view.mod-cm6 :is(.HyperMD-codeblock-begin, .HyperMD-codeblock-end) :is(.cm-formatting-code, .cm-formatting-code-block) { display: inline-block; width: 0; min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 0; background: transparent; box-shadow: none; color: transparent; font-size: 0; opacity: 0; } body.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { --ogd-lp-code-bg: rgba(248, 250, 252, 0.84); --ogd-lp-code-border: rgba(203, 213, 225, 0.68); color: var(--ogd-text-slate, #1e293b); } body.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-end { box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.08), 0 10px 20px rgba(0, 0, 0, 0.18); } body.theme-dark .markdown-source-view.mod-cm6 :is(.cm-formatting-code-block, .HyperMD-codeblock-begin .cm-formatting-code, .HyperMD-codeblock-end .cm-formatting-code) { color: var(--ogd-text-subtle, #64748b); background: rgba(255, 255, 255, 0.52); } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin { margin-top: 0; padding-top: 0; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-end { margin-bottom: 0; padding-bottom: 0; } /* ============================================================ v2.30.3 - Live Preview codeblock PDF parity (flat header bar + lang label) Brings the CM6 Live Preview code block visually closer to the PDF / Reading View Candidate C aesthetic: a tinted header bar on the opening fence line and a flat uppercase language label (no badge chrome) for the language identifier, matching `--ogd-codeblock-header-*` tokens used by the PDF pipeline in 08-report-print-polish.css. Vertical margin/padding on HyperMD-codeblock* lines stays at 0 per the CM6 hit-routing contract enforced by dev/scripts/audit_v3_hit_routing.py. Border-radius / border-bottom color on the begin line are owned by v2.30.2 in 10-a11y-regression-hotfixes.css and intentionally left untouched here. ============================================================ */ .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin { border-left: 1px solid #d1d5db; border-right: 1px solid #d1d5db; border-bottom: 1px solid rgba(148, 163, 184, 0.28); margin-top: 0; padding-top: 0; min-height: var(--ogd-codeblock-header-height, 2.2em); line-height: var(--ogd-codeblock-header-height, 2.2em); border-top: 1px solid var(--ogd-lp-code-border, rgba(148, 163, 184, 0.42)); border-radius: var(--ogd-radius-control, 10px) var(--ogd-radius-control, 10px) 0 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.58)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 6px 14px rgba(15, 23, 42, 0.06); } .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin .cm-hmd-codeblock:not(.cm-formatting):not(.cm-formatting-code):not(.cm-formatting-code-block), .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin > span:not([class*="formatting"]):not(.cm-fold-indicator) { max-width: calc(100% - var(--ogd-codeblock-action-space, 3.3em) - 1.08em); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: text; -webkit-user-select: text; user-select: text; background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-left: 0; color: #475569; font-family: var(--ogd-interface-font-stack), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.78em; font-weight: 760; line-height: inherit; letter-spacing: 0.08em; text-transform: uppercase; vertical-align: baseline; } body.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin { background: linear-gradient(180deg, rgba(241, 245, 249, 0.92), rgba(226, 232, 240, 0.74)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 6px 14px rgba(0, 0, 0, 0.18); } body.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin .cm-hmd-codeblock:not(.cm-formatting):not(.cm-formatting-code):not(.cm-formatting-code-block), body.theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock-begin > span:not([class*="formatting"]):not(.cm-fold-indicator) { color: #475569; } /* ===================================================================== v2.30.9 — HTML in Live Preview parity (HTML-only; does NOT touch markdown table widgets). Mirrors the .cm-table-widget / table.cm-table declarations above so HTML tables embedded via raw
...
blocks adopt the same baseline shape, padding, borders and dark-mode rules. Liquid glass tokens for HTML tables live in dev/10d-liquid-glass-core.css. ===================================================================== */ .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tr:hover td { background: #f5f7fa; } /* Inline code in HTML cells: keep behavior aligned with Reading view */ .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td code { white-space: nowrap; } /* Dark mode parity for HTML
in Live Preview */ .theme-dark .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tr:hover td { background: #2a2c33; } /* Relaxed-spacing parity (light + dark) */ body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) { margin: 0; border: 1px solid rgba(203, 213, 225, 0.76); border-radius: var(--ogd-radius-control, 7px); overflow: hidden; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035); } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) th { background: #f4f6f8; border-color: #e2e8f0; border-bottom: 1px solid var(--ogd-text-soft, #94a3b8); color: #1f2937; font-weight: 760; } body.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td { border-color: #edf2f7; color: var(--ogd-text-slate, #334155); line-height: 1.6; } body.theme-dark.ogd-spacing-relaxed .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) { border-color: var(--ogd-lp-doc-rim); background: var(--ogd-lp-doc-glass-bg); box-shadow: var(--ogd-lp-doc-glass-shadow); } /* <<< src/base/13-live-preview.css */ /* 06-feature-presets.css -> features/41 */ /* >>> src/features/41-feature-presets.css */ /* ===================================================================== v1.4.0 — 33-point comprehensive upgrade A. Typography B. Content emphasis C. Report features D. UI polish E. Plugin integration F. Style Settings presets G. Accessibility / i18n ===================================================================== */ /* ---------- A. TYPOGRAPHY ---------- */ /* A1. Drop cap (toggle: ogd-drop-cap) */ body.ogd-drop-cap .markdown-rendered > p:first-of-type::first-letter, body.ogd-drop-cap .markdown-rendered h1 + p::first-letter { float: left; font-size: 3.4em; line-height: 0.9; font-weight: 800; padding: 0.05em 0.12em 0 0; color: var(--header-accent); font-family: "Noto Serif KR", "Nanum Myeongjo", Georgia, serif; } /* A2. Tabular numerals on tables (always-on, inherits from v1.3) */ .markdown-rendered table { font-variant-numeric: tabular-nums lining-nums; } /* A3. First-line indent (toggle: ogd-indent-paragraph) */ body.ogd-indent-paragraph .markdown-rendered p { text-indent: 1em; } body.ogd-indent-paragraph .markdown-rendered :is(h1, h2, h3, h4, h5, h6) + p, body.ogd-indent-paragraph .markdown-rendered blockquote p, body.ogd-indent-paragraph .markdown-rendered .callout p, body.ogd-indent-paragraph .markdown-rendered li p { text-indent: 0; } /* A4. Serif body (toggle: ogd-serif-body) */ body.ogd-serif-body .markdown-rendered, body.ogd-serif-body .markdown-source-view.mod-cm6 .cm-content { font-family: "Noto Serif KR", "Nanum Myeongjo", "Source Serif Pro", Georgia, "Times New Roman", serif; } body.ogd-serif-body .markdown-rendered :is(h1, h2, h3, h4, h5, h6) { font-family: var(--ogd-reading-font-stack); /* headings stay sans */ } /* A5 reserved for future punctuation refinement. */ /* A6. Auto heading numbering (toggle: ogd-auto-number-headings) */ body.ogd-auto-number-headings .markdown-rendered { counter-reset: ogd-h2 ogd-h3 ogd-h4; } body.ogd-auto-number-headings .markdown-rendered h2 { counter-increment: ogd-h2; counter-reset: ogd-h3 ogd-h4; } body.ogd-auto-number-headings .markdown-rendered h2::before { content: counter(ogd-h2) ". "; color: var(--header-accent); font-weight: 700; margin-right: 0.4em; } body.ogd-auto-number-headings .markdown-rendered h3 { counter-increment: ogd-h3; counter-reset: ogd-h4; } body.ogd-auto-number-headings .markdown-rendered h3::before { content: counter(ogd-h2) "." counter(ogd-h3) " "; color: var(--header-accent); font-weight: 700; margin-right: 0.4em; } body.ogd-auto-number-headings .markdown-rendered h4 { counter-increment: ogd-h4; } body.ogd-auto-number-headings .markdown-rendered h4::before { content: counter(ogd-h2) "." counter(ogd-h3) "." counter(ogd-h4) " "; color: var(--header-accent); font-weight: 700; margin-right: 0.4em; } /* ---------- B. CONTENT EMPHASIS ---------- */ /* B1. Spoiler / blur — `> [!secret]` callout or .ogd-blur class */ .markdown-rendered .callout:is([data-callout="secret"], [data-callout="hidden"]) { border-color: #d1d5db; background: var(--ogd-surface-subtle, #f3f4f6); } .markdown-rendered .callout:is([data-callout="secret"], [data-callout="hidden"]) .callout-content, .markdown-rendered .ogd-blur { filter: blur(5px); transition: filter 0.2s ease; cursor: pointer; -webkit-user-select: none; user-select: none; } .markdown-rendered .callout:is([data-callout="secret"], [data-callout="hidden"]):hover .callout-content, .markdown-rendered .ogd-blur:hover { filter: blur(0); -webkit-user-select: text; user-select: text; } /* B2. Keyboard caps — styling */ .markdown-rendered kbd, kbd { display: inline-block; padding: 1px 6px; margin: 0 1px; font-family: var(--ogd-code-font-stack); font-size: 0.82em; font-weight: 600; color: var(--ogd-text-strong, #111827); background: linear-gradient(180deg, #ffffff, #f3f4f6); border: 1px solid var(--ogd-line-strong, #cbd5e1); border-bottom-width: 2px; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); vertical-align: 1px; line-height: 1.2; min-width: 1.2em; text-align: center; } /* B3. Footnote ref hover */ .markdown-rendered .footnote-ref a:hover, .markdown-rendered a.footnote-link:hover { background: #fef3c7; border-radius: 2px; } /* B4. Hover popover style */ .popover.hover-popover { border-radius: var(--radius-l, 8px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); border: 1px solid var(--background-modifier-border); padding: 12px; max-width: 480px; background: var(--background-primary); } /* B5. Image zoom hint */ .markdown-rendered img:not(.emoji):not(.callout-icon img) { cursor: zoom-in; transition: filter 0.15s ease; } .markdown-rendered img:not(.emoji):not(.callout-icon img):hover { filter: brightness(1.04); } /* B6. Mermaid container card */ .markdown-rendered .mermaid, .markdown-rendered pre.language-mermaid { background: #fafbfc; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: var(--radius-l, 8px); padding: 16px; margin: 0.6em 0; text-align: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } .markdown-rendered .mermaid { overflow: visible; } .markdown-rendered pre.language-mermaid { overflow-x: auto; } .markdown-rendered .mermaid svg { display: block; max-width: 100%; height: auto; margin: 0 auto; overflow: visible; } /* ---------- C. REPORT FEATURES ---------- */ /* Ownership: early report presets live here; late table mode visuals live in 10d. */ /* C2. TOC dot leaders — for [[_TOC_]] / outline output */ .markdown-rendered .toc a, .markdown-rendered .table-of-contents a, .markdown-rendered .outline a { display: flex; align-items: baseline; } .markdown-rendered .toc a::after, .markdown-rendered .table-of-contents a::after { content: ""; flex: 1; border-bottom: 1px dotted #9ca3af; margin: 0 6px; position: relative; top: -3px; } /* C3. (removed) PDF Header & Footer anchor-pseudo system ───────────────────────────────────────────────────────── v3.1.30~v3.1.31 :last-child::before/::after anchor-pseudo 풋터·헤더 시스템은 Chromium printToPDF 명세 한계로 제거. 사유는 dev/WIKI/DOCS/v3/cascade-research.md 참조. */ /* ============================================================================ C3. PDF Marginalia — Uppercase Microlabel (v3.1.32, Option D) ============================================================================ 목적: PDF 첫 페이지 우측 상단 + 마지막 페이지 중앙 하단에 사용자 문구를 작은 uppercase microlabel(자간 강조)로 표시. v3.1.31 → v3.1.32 변경: 평이한 글라스 pill(흰색 톤 + blur)에서 액센트-틴트 microlabel(작은 글자, 자간 1.2px, uppercase, 액센트 컬러 보더)로 격상. 메인 디자인 언어("투명유리창 + 그림자")와는 별개로 PDF 인쇄에서 backdrop- filter가 무시되는 한계를 받아들이고, 인쇄에서도 동일한 톤이 나오도록 accent-tinted flat 디자인 채택. 자세한 비교는 docs/fixtures/pdf-marginalia -v3.1.32-upgrade-proposal.html 및 *-opt-{Cur,A,B,C,D,E}.png 참조. 설계 원칙 (v3.1.6~v3.1.30 24회 회귀 사이클 회피) ───────────────────────────────────────────────── 이전 시스템: 4 header + 2 footer = 6 anchor pseudo + ::first-line + string-set + @page margin boxes + list-item/::marker 트릭 + !important 전역. 결과: Chromium printToPDF에서 cull/geometry 사고 다발 → v3.1.31 전체 제거. 본 구현 (Option D Uppercase Microlabel): 단 2개 anchor pseudo, single content() 단일 string, ::first-line 없음, @page margin boxes 없음, string-set 없음, list-item/::marker 없음, backdrop-filter 없음, !important 0개 (v3 cascade S11.5 계약 준수). v3.1.28 [R1]·[R2]·[R5]·[R7] 핵심 안전망만 유지. Style Settings 슬롯 (총 9개) ──────────────────────────── ogd-pdf-marginalia-preset (class-select, quick text defaults) ogd-pdf-header-enabled (class-toggle on body) --ogd-pdf-header-text (variable-text, single line) ogd-pdf-footer-enabled (class-toggle on body) --ogd-pdf-footer-text (variable-text, single line) --ogd-pdf-marginalia-accent(variable-color, 두 라벨 공통 글자색) ogd-pdf-marginalia-style (class-select: minimal/bordered/filled) ogd-pdf-marginalia-size (class-select: compact/standard) ogd-pdf-header-position (class-select: top-right/top-center) Anchor / Layer 매핑 ─────────────────── ┌───────────────────────────────────────────────────────────────────┐ │ HEADER (첫 페이지) │ │ .markdown-rendered::before → top:11mm, right:13mm microlabel │ │ │ │ FOOTER (마지막 페이지) │ │ .markdown-rendered > :last-child::after │ │ → bottom:-22mm + translateX(-50%) 중앙 정렬 microlabel │ │ → :last-child{margin-bottom:28mm}로 풋터 영역 reserve [R2] │ └───────────────────────────────────────────────────────────────────┘ 디자인 스펙 (Option D) ───────────────────── - font-size: 7.5pt (header) / 8pt (footer) - font-weight: 700, letter-spacing: 1.2px, text-transform: uppercase - background: subtle graphite wash (light/dark tokenized) - border: 1px solid subtle graphite line (light/dark tokenized) - border-radius: 4px, box-shadow: none, backdrop-filter 없음 - 인쇄 전용 톤 — Chromium printToPDF 무시 항목(backdrop-filter)을 아예 사용하지 않아 graceful degradation이 필요 없음. 구조 규칙 (v3.1.28 carry-over) ───────────────────────────── [R1] body, .markdown-preview-view, .markdown-preview-sizer, .markdown-rendered { position: relative } → abs containing-block. [R2] .markdown-rendered > :last-child { margin-bottom: 28mm } → 풋터 영역 reserve (본문이 풋터를 덮는 사고 방지). [R5] pointer-events:none, print-color-adjust:exact, z-index:9999, font-style:normal, white-space:nowrap (단일 줄 강제). [R7] single content() 단일 string. ::first-line 없음, multiline 없음. 금지 (v3.1.6~v3.1.30 사고 재발 방지) ──────────────────────────────────── - !important 사용 금지 (v3 S11.5 zero-important 계약) - ::first-line / content multiline concat (\A) 금지 - list-item / ::marker / list-style-position 트릭 금지 - @page margin boxes (@top-center, @bottom-right) 사용 금지 - string-set / content() ::counter 사용 금지 - 4개 이상의 anchor pseudo 사용 금지 (header 1 + footer 1만) ============================================================================ */ body.ogd-pdf-preset-prepared-confidential { --ogd-pdf-header-text: "Prepared Document"; --ogd-pdf-footer-text: "Confidential - End of Document"; } body.ogd-pdf-preset-draft-internal { --ogd-pdf-header-text: "Draft"; --ogd-pdf-footer-text: "Internal Use Only"; } body.ogd-pdf-preset-final-end { --ogd-pdf-header-text: "Final"; --ogd-pdf-footer-text: "End of Document"; } body.ogd-pdf-preset-status-end { --ogd-pdf-header-text: "Status"; --ogd-pdf-header-value: "Final"; --ogd-pdf-footer-text: "Status"; --ogd-pdf-footer-value: "End of Document"; } body.ogd-pdf-preset-status-end.ogd-pdf-label-single { --ogd-pdf-header-text: "Final"; --ogd-pdf-footer-text: "End of Document"; } body.ogd-pdf-label-minimal { --ogd-pdf-marginalia-bg: transparent; --ogd-pdf-marginalia-border: transparent; } body.ogd-pdf-label-filled { --ogd-pdf-marginalia-bg: rgba(71, 85, 105, 0.09); --ogd-pdf-marginalia-border: rgba(71, 85, 105, 0.26); } body.theme-dark.ogd-pdf-label-filled { --ogd-pdf-marginalia-bg: rgba(203, 213, 225, 0.12); --ogd-pdf-marginalia-border: rgba(203, 213, 225, 0.34); } body.ogd-pdf-label-badge { --ogd-pdf-marginalia-accent: #ffffff; --ogd-pdf-marginalia-bg: #3f3f46; --ogd-pdf-marginalia-border: transparent; --ogd-pdf-label-radius: 2px; --ogd-pdf-label-letter-spacing: 0.02em; --ogd-pdf-header-pad-y: 5px; --ogd-pdf-header-pad-x: 10px; --ogd-pdf-footer-pad-y: 5px; --ogd-pdf-footer-pad-x: 12px; } body.ogd-pdf-segment-graphite { --ogd-pdf-segment-value-bg: #52525b; } body.ogd-pdf-segment-sky { --ogd-pdf-segment-value-bg: #0284c7; } body.ogd-pdf-segment-mint { --ogd-pdf-segment-value-bg: #059669; } body.ogd-pdf-segment-violet { --ogd-pdf-segment-value-bg: #7c3aed; } body.ogd-pdf-segment-teal { --ogd-pdf-segment-value-bg: #0f9f8f; } body.ogd-pdf-segment-key-graphite { --ogd-pdf-segment-key-bg: #3f3f46; --ogd-pdf-segment-key-text: #ffffff; } body.ogd-pdf-segment-key-slate { --ogd-pdf-segment-key-bg: #475569; --ogd-pdf-segment-key-text: #ffffff; } body.ogd-pdf-segment-key-sky { --ogd-pdf-segment-key-bg: #0284c7; --ogd-pdf-segment-key-text: #ffffff; } body.ogd-pdf-segment-key-teal { --ogd-pdf-segment-key-bg: #0f766e; --ogd-pdf-segment-key-text: #ffffff; } body.ogd-pdf-segment-key-mint { --ogd-pdf-segment-key-bg: #059669; --ogd-pdf-segment-key-text: #ffffff; } body.ogd-pdf-segment-key-violet { --ogd-pdf-segment-key-bg: #7c3aed; --ogd-pdf-segment-key-text: #ffffff; } body.ogd-pdf-segment-key-rose { --ogd-pdf-segment-key-bg: #be123c; --ogd-pdf-segment-key-text: #ffffff; } body.ogd-pdf-segment-key-amber { --ogd-pdf-segment-key-bg: #b45309; --ogd-pdf-segment-key-text: #ffffff; } body.ogd-pdf-segment-value-graphite { --ogd-pdf-segment-value-bg: #52525b; --ogd-pdf-segment-value-text: #ffffff; } body.ogd-pdf-segment-value-slate { --ogd-pdf-segment-value-bg: #475569; --ogd-pdf-segment-value-text: #ffffff; } body.ogd-pdf-segment-value-sky { --ogd-pdf-segment-value-bg: #0284c7; --ogd-pdf-segment-value-text: #ffffff; } body.ogd-pdf-segment-value-teal { --ogd-pdf-segment-value-bg: #0f766e; --ogd-pdf-segment-value-text: #ffffff; } body.ogd-pdf-segment-value-mint { --ogd-pdf-segment-value-bg: #059669; --ogd-pdf-segment-value-text: #ffffff; } body.ogd-pdf-segment-value-violet { --ogd-pdf-segment-value-bg: #7c3aed; --ogd-pdf-segment-value-text: #ffffff; } body.ogd-pdf-segment-value-rose { --ogd-pdf-segment-value-bg: #be123c; --ogd-pdf-segment-value-text: #ffffff; } body.ogd-pdf-segment-value-amber { --ogd-pdf-segment-value-bg: #b45309; --ogd-pdf-segment-value-text: #ffffff; } body.ogd-pdf-header-key-graphite { --ogd-pdf-header-segment-key-bg: #3f3f46; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-slate { --ogd-pdf-header-segment-key-bg: #475569; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-sky { --ogd-pdf-header-segment-key-bg: #0284c7; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-teal { --ogd-pdf-header-segment-key-bg: #0f766e; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-mint { --ogd-pdf-header-segment-key-bg: #059669; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-violet { --ogd-pdf-header-segment-key-bg: #7c3aed; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-rose { --ogd-pdf-header-segment-key-bg: #be123c; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-amber { --ogd-pdf-header-segment-key-bg: #b45309; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-blue { --ogd-pdf-header-segment-key-bg: #2563eb; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-indigo { --ogd-pdf-header-segment-key-bg: #4f46e5; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-cyan { --ogd-pdf-header-segment-key-bg: #0891b2; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-emerald { --ogd-pdf-header-segment-key-bg: #047857; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-lime { --ogd-pdf-header-segment-key-bg: #4d7c0f; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-orange { --ogd-pdf-header-segment-key-bg: #ea580c; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-red { --ogd-pdf-header-segment-key-bg: #dc2626; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-key-fuchsia { --ogd-pdf-header-segment-key-bg: #c026d3; --ogd-pdf-header-segment-key-text: #ffffff; } body.ogd-pdf-header-value-graphite { --ogd-pdf-header-segment-value-bg: #52525b; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-slate { --ogd-pdf-header-segment-value-bg: #475569; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-sky { --ogd-pdf-header-segment-value-bg: #0284c7; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-teal { --ogd-pdf-header-segment-value-bg: #0f766e; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-mint { --ogd-pdf-header-segment-value-bg: #059669; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-violet { --ogd-pdf-header-segment-value-bg: #7c3aed; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-rose { --ogd-pdf-header-segment-value-bg: #be123c; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-amber { --ogd-pdf-header-segment-value-bg: #b45309; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-blue { --ogd-pdf-header-segment-value-bg: #2563eb; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-indigo { --ogd-pdf-header-segment-value-bg: #4f46e5; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-cyan { --ogd-pdf-header-segment-value-bg: #0891b2; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-emerald { --ogd-pdf-header-segment-value-bg: #047857; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-lime { --ogd-pdf-header-segment-value-bg: #4d7c0f; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-orange { --ogd-pdf-header-segment-value-bg: #ea580c; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-red { --ogd-pdf-header-segment-value-bg: #dc2626; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header-value-fuchsia { --ogd-pdf-header-segment-value-bg: #c026d3; --ogd-pdf-header-segment-value-text: #ffffff; } body.ogd-pdf-header2-key-graphite { --ogd-pdf-header2-segment-key-bg: #3f3f46; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-slate { --ogd-pdf-header2-segment-key-bg: #475569; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-sky { --ogd-pdf-header2-segment-key-bg: #0284c7; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-teal { --ogd-pdf-header2-segment-key-bg: #0f766e; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-mint { --ogd-pdf-header2-segment-key-bg: #059669; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-violet { --ogd-pdf-header2-segment-key-bg: #7c3aed; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-rose { --ogd-pdf-header2-segment-key-bg: #be123c; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-amber { --ogd-pdf-header2-segment-key-bg: #b45309; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-blue { --ogd-pdf-header2-segment-key-bg: #2563eb; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-indigo { --ogd-pdf-header2-segment-key-bg: #4f46e5; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-cyan { --ogd-pdf-header2-segment-key-bg: #0891b2; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-emerald { --ogd-pdf-header2-segment-key-bg: #047857; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-lime { --ogd-pdf-header2-segment-key-bg: #4d7c0f; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-orange { --ogd-pdf-header2-segment-key-bg: #ea580c; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-red { --ogd-pdf-header2-segment-key-bg: #dc2626; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-key-fuchsia { --ogd-pdf-header2-segment-key-bg: #c026d3; --ogd-pdf-header2-segment-key-text: #ffffff; } body.ogd-pdf-header2-value-graphite { --ogd-pdf-header2-segment-value-bg: #52525b; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-slate { --ogd-pdf-header2-segment-value-bg: #475569; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-sky { --ogd-pdf-header2-segment-value-bg: #0284c7; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-teal { --ogd-pdf-header2-segment-value-bg: #0f766e; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-mint { --ogd-pdf-header2-segment-value-bg: #059669; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-violet { --ogd-pdf-header2-segment-value-bg: #7c3aed; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-rose { --ogd-pdf-header2-segment-value-bg: #be123c; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-amber { --ogd-pdf-header2-segment-value-bg: #b45309; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-blue { --ogd-pdf-header2-segment-value-bg: #2563eb; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-indigo { --ogd-pdf-header2-segment-value-bg: #4f46e5; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-cyan { --ogd-pdf-header2-segment-value-bg: #0891b2; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-emerald { --ogd-pdf-header2-segment-value-bg: #047857; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-lime { --ogd-pdf-header2-segment-value-bg: #4d7c0f; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-orange { --ogd-pdf-header2-segment-value-bg: #ea580c; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-red { --ogd-pdf-header2-segment-value-bg: #dc2626; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-header2-value-fuchsia { --ogd-pdf-header2-segment-value-bg: #c026d3; --ogd-pdf-header2-segment-value-text: #ffffff; } body.ogd-pdf-footer-key-graphite { --ogd-pdf-footer-segment-key-bg: #3f3f46; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-slate { --ogd-pdf-footer-segment-key-bg: #475569; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-sky { --ogd-pdf-footer-segment-key-bg: #0284c7; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-teal { --ogd-pdf-footer-segment-key-bg: #0f766e; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-mint { --ogd-pdf-footer-segment-key-bg: #059669; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-violet { --ogd-pdf-footer-segment-key-bg: #7c3aed; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-rose { --ogd-pdf-footer-segment-key-bg: #be123c; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-amber { --ogd-pdf-footer-segment-key-bg: #b45309; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-blue { --ogd-pdf-footer-segment-key-bg: #2563eb; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-indigo { --ogd-pdf-footer-segment-key-bg: #4f46e5; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-cyan { --ogd-pdf-footer-segment-key-bg: #0891b2; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-emerald { --ogd-pdf-footer-segment-key-bg: #047857; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-lime { --ogd-pdf-footer-segment-key-bg: #4d7c0f; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-orange { --ogd-pdf-footer-segment-key-bg: #ea580c; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-red { --ogd-pdf-footer-segment-key-bg: #dc2626; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-key-fuchsia { --ogd-pdf-footer-segment-key-bg: #c026d3; --ogd-pdf-footer-segment-key-text: #ffffff; } body.ogd-pdf-footer-value-graphite { --ogd-pdf-footer-segment-value-bg: #52525b; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-slate { --ogd-pdf-footer-segment-value-bg: #475569; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-sky { --ogd-pdf-footer-segment-value-bg: #0284c7; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-teal { --ogd-pdf-footer-segment-value-bg: #0f766e; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-mint { --ogd-pdf-footer-segment-value-bg: #059669; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-violet { --ogd-pdf-footer-segment-value-bg: #7c3aed; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-rose { --ogd-pdf-footer-segment-value-bg: #be123c; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-amber { --ogd-pdf-footer-segment-value-bg: #b45309; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-blue { --ogd-pdf-footer-segment-value-bg: #2563eb; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-indigo { --ogd-pdf-footer-segment-value-bg: #4f46e5; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-cyan { --ogd-pdf-footer-segment-value-bg: #0891b2; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-emerald { --ogd-pdf-footer-segment-value-bg: #047857; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-lime { --ogd-pdf-footer-segment-value-bg: #4d7c0f; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-orange { --ogd-pdf-footer-segment-value-bg: #ea580c; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-red { --ogd-pdf-footer-segment-value-bg: #dc2626; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-footer-value-fuchsia { --ogd-pdf-footer-segment-value-bg: #c026d3; --ogd-pdf-footer-segment-value-text: #ffffff; } body.ogd-pdf-label-compact { --ogd-pdf-header-font-size: 7.4pt; --ogd-pdf-footer-font-size: 7.6pt; --ogd-pdf-label-letter-spacing: 1px; --ogd-pdf-header-pad-y: 3px; --ogd-pdf-header-pad-x: 8px; --ogd-pdf-footer-pad-y: 4px; --ogd-pdf-footer-pad-x: 10px; --ogd-pdf-footer-reserve: 24mm; --ogd-pdf-footer-offset: -19mm; } body.ogd-pdf-header-top-center { --ogd-pdf-header-left: 50%; --ogd-pdf-header-right: auto; --ogd-pdf-header-transform: translateX(-50%); } body.ogd-pdf-header-dual-pair { --ogd-pdf-header-pair-gap: 5mm; --ogd-pdf-header-half-pair-gap: 2.5mm; } body.ogd-pdf-label-segmented-dual { --ogd-pdf-header-pair-gap: 5mm; --ogd-pdf-header-half-pair-gap: 2.5mm; } /* v3.1.33 hotfix: 전체 블록을 @media print 안으로 격리. v3.1.32에서는 화면 전역 규칙으로 작성되어 Live Preview/Reading View에도 anchor pseudo가 그려져 사용자 문구가 노출되는 회귀가 있었음. Obsidian "Export to PDF"는 Chromium printToPDF로 print media를 적용하므로 PDF 출력에는 영향 없음. */ @media print { /* [R1] abs containing-block 안전망 (print 전용) */ body, .markdown-preview-view, .markdown-preview-sizer, .markdown-rendered { position: relative; } /* HEADER — 첫 페이지 microlabel (v3.1.32 Option D: Uppercase Microlabel) */ body.ogd-pdf-header-enabled .markdown-rendered::before { content: var(--ogd-pdf-header-text, ""); position: absolute; top: var(--ogd-pdf-header-top, 11mm); right: var(--ogd-pdf-header-right, 13mm); left: var(--ogd-pdf-header-left, auto); transform: var(--ogd-pdf-header-transform, none); z-index: 9999; pointer-events: none; display: inline-block; max-width: calc(100% - 26mm); padding: var(--ogd-pdf-header-pad-y, 4px) var(--ogd-pdf-header-pad-x, 10px); border-radius: var(--ogd-pdf-label-radius, 4px); background: var(--ogd-pdf-marginalia-bg, rgba(71, 85, 105, 0.045)); border: 1px solid var(--ogd-pdf-marginalia-border, rgba(71, 85, 105, 0.20)); box-shadow: var(--ogd-pdf-marginalia-shadow, none); font-family: var(--ogd-reading-font-stack, "Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", system-ui, sans-serif); font-size: var(--ogd-pdf-header-font-size, 7.5pt); font-weight: 800; font-style: normal; letter-spacing: var(--ogd-pdf-label-letter-spacing, 1.2px); text-transform: uppercase; line-height: var(--ogd-pdf-label-line-height, 1.2); color: var(--ogd-pdf-marginalia-accent, #475569); -webkit-text-fill-color: var(--ogd-pdf-marginalia-accent, #475569); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered::before, body:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered > :last-child::after { width: var(--ogd-pdf-segment-value-width, 42mm); max-width: var(--ogd-pdf-segment-value-width, 42mm); height: var(--ogd-pdf-segment-min-height, 24px); min-height: var(--ogd-pdf-segment-min-height, 24px); max-height: var(--ogd-pdf-segment-min-height, 24px); padding: var(--ogd-pdf-segment-pad-y, 5px) var(--ogd-pdf-segment-pad-x, 10px); border-radius: 0 var(--ogd-pdf-segment-radius, 2px) var(--ogd-pdf-segment-radius, 2px) 0; background: var(--ogd-pdf-segment-value-bg, #0284c7); border-color: var(--ogd-pdf-segment-value-border, transparent); color: var(--ogd-pdf-segment-value-text, #ffffff); -webkit-text-fill-color: var(--ogd-pdf-segment-value-text, #ffffff); letter-spacing: 0.02em; box-shadow: none; box-sizing: border-box; align-items: center; justify-content: center; text-align: center; } body.ogd-pdf-header-enabled:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered::after { content: var(--ogd-pdf-header-text, ""); position: absolute; top: var(--ogd-pdf-header-top, 11mm); right: calc(var(--ogd-pdf-header-right, 13mm) + var(--ogd-pdf-segment-value-width, 42mm)); left: auto; transform: none; z-index: 9999; pointer-events: none; display: inline-flex; width: var(--ogd-pdf-segment-key-width, 30mm); max-width: var(--ogd-pdf-segment-key-width, 30mm); height: var(--ogd-pdf-segment-min-height, 24px); min-height: var(--ogd-pdf-segment-min-height, 24px); max-height: var(--ogd-pdf-segment-min-height, 24px); padding: var(--ogd-pdf-segment-pad-y, 5px) var(--ogd-pdf-segment-pad-x, 10px); border-radius: var(--ogd-pdf-segment-radius, 2px) 0 0 var(--ogd-pdf-segment-radius, 2px); background: var(--ogd-pdf-header-segment-key-bg, var(--ogd-pdf-segment-key-bg, #3f3f46)); border: 1px solid var(--ogd-pdf-header-segment-key-border, var(--ogd-pdf-segment-key-border, transparent)); box-shadow: none; box-sizing: border-box; font-family: var(--ogd-reading-font-stack, "Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", system-ui, sans-serif); font-size: var(--ogd-pdf-header-font-size, 7.5pt); font-weight: 800; font-style: normal; letter-spacing: 0.02em; text-transform: uppercase; line-height: var(--ogd-pdf-label-line-height, 1.2); color: var(--ogd-pdf-header-segment-key-text, var(--ogd-pdf-segment-key-text, #ffffff)); -webkit-text-fill-color: var(--ogd-pdf-header-segment-key-text, var(--ogd-pdf-segment-key-text, #ffffff)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-items: center; justify-content: center; text-align: center; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-pdf-header-enabled:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered::before { content: var(--ogd-pdf-header-value, ""); display: inline-flex; background: var(--ogd-pdf-header-segment-value-bg, var(--ogd-pdf-segment-value-bg, #0284c7)); border-color: var(--ogd-pdf-header-segment-value-border, var(--ogd-pdf-segment-value-border, transparent)); color: var(--ogd-pdf-header-segment-value-text, var(--ogd-pdf-segment-value-text, #ffffff)); -webkit-text-fill-color: var(--ogd-pdf-header-segment-value-text, var(--ogd-pdf-segment-value-text, #ffffff)); } body.ogd-pdf-header-top-center:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered::before { left: calc(50% - var(--ogd-pdf-segment-half-width, 36mm) + var(--ogd-pdf-segment-key-width, 30mm)); right: auto; transform: none; } body.ogd-pdf-header-enabled.ogd-pdf-header-top-center:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered::after { left: calc(50% - var(--ogd-pdf-segment-half-width, 36mm)); right: auto; } body.ogd-pdf-header-enabled:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair) .markdown-rendered::after { right: calc(var(--ogd-pdf-header-right, 13mm) + var(--ogd-pdf-segment-key-width, 30mm) + var(--ogd-pdf-segment-value-width, 42mm) + var(--ogd-pdf-header-pair-gap, 5mm) + var(--ogd-pdf-segment-value-width, 42mm)); } body.ogd-pdf-header-enabled:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair) .markdown-rendered::before { right: calc(var(--ogd-pdf-header-right, 13mm) + var(--ogd-pdf-segment-key-width, 30mm) + var(--ogd-pdf-segment-value-width, 42mm) + var(--ogd-pdf-header-pair-gap, 5mm)); } body.ogd-pdf-header-enabled:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair)::before, body.ogd-pdf-header-enabled:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair)::after { position: absolute; top: var(--ogd-pdf-header-top, 11mm); bottom: auto; left: auto; transform: none; z-index: 9999; pointer-events: none; display: inline-flex; height: var(--ogd-pdf-segment-min-height, 24px); min-height: var(--ogd-pdf-segment-min-height, 24px); max-height: var(--ogd-pdf-segment-min-height, 24px); margin: 0; padding: var(--ogd-pdf-segment-pad-y, 5px) var(--ogd-pdf-segment-pad-x, 10px); box-shadow: none; box-sizing: border-box; font-family: var(--ogd-reading-font-stack, "Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", system-ui, sans-serif); font-size: var(--ogd-pdf-header-font-size, 7.5pt); font-weight: 800; font-style: normal; letter-spacing: 0.02em; text-transform: uppercase; line-height: var(--ogd-pdf-label-line-height, 1.2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-items: center; justify-content: center; text-align: center; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-pdf-header-enabled:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair)::before { content: var(--ogd-pdf-header-text-2, ""); right: calc(var(--ogd-pdf-header-right, 13mm) + var(--ogd-pdf-segment-value-width, 42mm)); width: var(--ogd-pdf-segment-key-width, 30mm); max-width: var(--ogd-pdf-segment-key-width, 30mm); border-radius: var(--ogd-pdf-segment-radius, 2px) 0 0 var(--ogd-pdf-segment-radius, 2px); background: var(--ogd-pdf-header2-segment-key-bg, var(--ogd-pdf-header-segment-key-bg, var(--ogd-pdf-segment-key-bg, #3f3f46))); border: 1px solid var(--ogd-pdf-header2-segment-key-border, var(--ogd-pdf-header-segment-key-border, var(--ogd-pdf-segment-key-border, transparent))); color: var(--ogd-pdf-header2-segment-key-text, var(--ogd-pdf-header-segment-key-text, var(--ogd-pdf-segment-key-text, #ffffff))); -webkit-text-fill-color: var(--ogd-pdf-header2-segment-key-text, var(--ogd-pdf-header-segment-key-text, var(--ogd-pdf-segment-key-text, #ffffff))); } body.ogd-pdf-header-enabled:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair)::after { content: var(--ogd-pdf-header-value-2, ""); right: var(--ogd-pdf-header-right, 13mm); width: var(--ogd-pdf-segment-value-width, 42mm); max-width: var(--ogd-pdf-segment-value-width, 42mm); border-radius: 0 var(--ogd-pdf-segment-radius, 2px) var(--ogd-pdf-segment-radius, 2px) 0; background: var(--ogd-pdf-header2-segment-value-bg, var(--ogd-pdf-header-segment-value-bg, var(--ogd-pdf-segment-value-bg, #0284c7))); border: 1px solid var(--ogd-pdf-header2-segment-value-border, var(--ogd-pdf-header-segment-value-border, var(--ogd-pdf-segment-value-border, transparent))); color: var(--ogd-pdf-header2-segment-value-text, var(--ogd-pdf-header-segment-value-text, var(--ogd-pdf-segment-value-text, #ffffff))); -webkit-text-fill-color: var(--ogd-pdf-header2-segment-value-text, var(--ogd-pdf-header-segment-value-text, var(--ogd-pdf-segment-value-text, #ffffff))); } body.ogd-pdf-header-enabled.ogd-pdf-header-top-center:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair) .markdown-rendered::after { left: calc(50% - var(--ogd-pdf-header-half-pair-gap, 2.5mm) - var(--ogd-pdf-segment-key-width, 30mm) - var(--ogd-pdf-segment-value-width, 42mm)); right: auto; } body.ogd-pdf-header-top-center:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair) .markdown-rendered::before { left: calc(50% - var(--ogd-pdf-header-half-pair-gap, 2.5mm) - var(--ogd-pdf-segment-value-width, 42mm)); right: auto; } body.ogd-pdf-header-enabled.ogd-pdf-header-top-center:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair)::before { left: calc(50% + var(--ogd-pdf-header-half-pair-gap, 2.5mm)); right: auto; } body.ogd-pdf-header-enabled.ogd-pdf-header-top-center:is(.ogd-pdf-label-segmented-dual, .ogd-pdf-label-segmented.ogd-pdf-header-dual-pair)::after { left: calc(50% + var(--ogd-pdf-header-half-pair-gap, 2.5mm) + var(--ogd-pdf-segment-key-width, 30mm)); right: auto; } body.ogd-pdf-header-enabled :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > h1:first-of-type + h1, body.ogd-pdf-header-enabled :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .markdown-preview-section > h1:first-of-type + h1 { margin-top: var(--ogd-pdf-header-title-gap, 1.65em); } @supports selector(:nth-child(1 of .el-h1)) { body.ogd-pdf-header-enabled :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .el-h1:nth-child(1 of .el-h1) + .el-h1 > h1, body.ogd-pdf-header-enabled :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .markdown-preview-section > .el-h1:nth-child(1 of .el-h1) + .el-h1 > h1 { margin-top: var(--ogd-pdf-header-title-gap, 1.65em); } } body.ogd-pdf-header-enabled.ogd-pdf-screen-delivery :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) h1:first-of-type, body.ogd-pdf-header-enabled.ogd-pdf-screen-delivery :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > h1:first-of-type + h1, body.ogd-pdf-header-enabled.ogd-pdf-screen-delivery :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .markdown-preview-section > h1:first-of-type, body.ogd-pdf-header-enabled.ogd-pdf-screen-delivery :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .markdown-preview-section > h1:first-of-type + h1 { margin-top: var(--ogd-pdf-header-title-gap, 2.85em); } @supports selector(:nth-child(1 of .el-h1)) { body.ogd-pdf-header-enabled.ogd-pdf-screen-delivery :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .el-h1:nth-child(1 of .el-h1) > h1, body.ogd-pdf-header-enabled.ogd-pdf-screen-delivery :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .el-h1:nth-child(1 of .el-h1) + .el-h1 > h1, body.ogd-pdf-header-enabled.ogd-pdf-screen-delivery :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .markdown-preview-section > .el-h1:nth-child(1 of .el-h1) > h1, body.ogd-pdf-header-enabled.ogd-pdf-screen-delivery :is( .markdown-rendered.markdown-rendered, .markdown-preview-view.markdown-rendered.markdown-rendered, .markdown-reading-view .markdown-rendered.markdown-rendered ) > .markdown-preview-section > .el-h1:nth-child(1 of .el-h1) + .el-h1 > h1 { margin-top: var(--ogd-pdf-header-title-gap, 2.85em); } } /* FOOTER — 마지막 페이지 중앙 하단 microlabel */ body.ogd-pdf-footer-enabled .markdown-rendered > :last-child:not(.markdown-preview-section), body.ogd-pdf-footer-enabled .markdown-rendered > .markdown-preview-section:last-child > :nth-last-child(1 of .el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6, .el-p, .el-div, .el-pre, .el-table, .el-ul, .el-ol, .el-blockquote) { position: relative; margin-bottom: var(--ogd-pdf-footer-reserve, 28mm); } body.ogd-pdf-footer-enabled .markdown-rendered > :last-child:not(.markdown-preview-section)::after, body.ogd-pdf-footer-enabled .markdown-rendered > .markdown-preview-section:last-child > :nth-last-child(1 of .el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6, .el-p, .el-div, .el-pre, .el-table, .el-ul, .el-ol, .el-blockquote)::after { content: var(--ogd-pdf-footer-text, ""); position: absolute; top: auto; left: 50%; bottom: var(--ogd-pdf-footer-offset, -22mm); transform: translateX(-50%); z-index: 9999; pointer-events: none; display: inline-block; max-width: var(--ogd-pdf-footer-max-width, 90%); padding: var(--ogd-pdf-footer-pad-y, 5px) var(--ogd-pdf-footer-pad-x, 14px); border-radius: var(--ogd-pdf-label-radius, 4px); background: var(--ogd-pdf-marginalia-bg, rgba(71, 85, 105, 0.045)); border: 1px solid var(--ogd-pdf-marginalia-border, rgba(71, 85, 105, 0.20)); box-shadow: var(--ogd-pdf-marginalia-shadow, none); font-family: var(--ogd-reading-font-stack, "Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", system-ui, sans-serif); font-size: var(--ogd-pdf-footer-font-size, 8pt); font-weight: 800; font-style: normal; letter-spacing: var(--ogd-pdf-label-letter-spacing, 1.2px); text-transform: uppercase; line-height: var(--ogd-pdf-label-line-height, 1.2); color: var(--ogd-pdf-marginalia-accent, #475569); -webkit-text-fill-color: var(--ogd-pdf-marginalia-accent, #475569); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-pdf-footer-enabled:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered > :last-child:not(.markdown-preview-section)::before, body.ogd-pdf-footer-enabled:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered > .markdown-preview-section:last-child > :nth-last-child(1 of .el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6, .el-p, .el-div, .el-pre, .el-table, .el-ul, .el-ol, .el-blockquote)::before { content: var(--ogd-pdf-footer-text, ""); position: absolute; top: auto; left: auto; right: 50%; bottom: var(--ogd-pdf-footer-offset, -22mm); transform: none; z-index: 9999; pointer-events: none; display: inline-flex; height: var(--ogd-pdf-segment-min-height, 24px); min-height: var(--ogd-pdf-segment-min-height, 24px); max-height: var(--ogd-pdf-segment-min-height, 24px); max-width: calc(var(--ogd-pdf-footer-max-width, 90%) / 2); padding: var(--ogd-pdf-footer-pad-y, 5px) var(--ogd-pdf-footer-pad-x, 12px); border-radius: var(--ogd-pdf-segment-radius, 2px) 0 0 var(--ogd-pdf-segment-radius, 2px); background: var(--ogd-pdf-footer-segment-key-bg, var(--ogd-pdf-segment-key-bg, #3f3f46)); border: 1px solid var(--ogd-pdf-footer-segment-key-border, var(--ogd-pdf-segment-key-border, transparent)); box-shadow: none; box-sizing: border-box; font-family: var(--ogd-reading-font-stack, "Pretendard", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", system-ui, sans-serif); font-size: var(--ogd-pdf-footer-font-size, 8pt); font-weight: 800; font-style: normal; letter-spacing: 0.02em; text-transform: uppercase; line-height: var(--ogd-pdf-label-line-height, 1.2); color: var(--ogd-pdf-footer-segment-key-text, var(--ogd-pdf-segment-key-text, #ffffff)); -webkit-text-fill-color: var(--ogd-pdf-footer-segment-key-text, var(--ogd-pdf-segment-key-text, #ffffff)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-items: center; justify-content: center; text-align: center; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body.ogd-pdf-footer-enabled:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered > :last-child:not(.markdown-preview-section)::after, body.ogd-pdf-footer-enabled:is(.ogd-pdf-label-segmented, .ogd-pdf-label-segmented-dual) .markdown-rendered > .markdown-preview-section:last-child > :nth-last-child(1 of .el-h1, .el-h2, .el-h3, .el-h4, .el-h5, .el-h6, .el-p, .el-div, .el-pre, .el-table, .el-ul, .el-ol, .el-blockquote)::after { content: var(--ogd-pdf-footer-value, ""); display: inline-flex; top: auto; left: 50%; transform: none; width: auto; height: var(--ogd-pdf-segment-min-height, 24px); min-height: var(--ogd-pdf-segment-min-height, 24px); max-height: var(--ogd-pdf-segment-min-height, 24px); max-width: calc(var(--ogd-pdf-footer-max-width, 90%) / 2); padding: var(--ogd-pdf-footer-pad-y, 5px) var(--ogd-pdf-footer-pad-x, 12px); border-radius: 0 var(--ogd-pdf-segment-radius, 2px) var(--ogd-pdf-segment-radius, 2px) 0; background: var(--ogd-pdf-footer-segment-value-bg, var(--ogd-pdf-segment-value-bg, #0284c7)); border-color: var(--ogd-pdf-footer-segment-value-border, var(--ogd-pdf-segment-value-border, transparent)); color: var(--ogd-pdf-footer-segment-value-text, var(--ogd-pdf-segment-value-text, #ffffff)); -webkit-text-fill-color: var(--ogd-pdf-footer-segment-value-text, var(--ogd-pdf-segment-value-text, #ffffff)); letter-spacing: 0.02em; box-shadow: none; box-sizing: border-box; align-items: center; justify-content: center; text-align: center; } } @media print { body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered h1, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-preview-view.markdown-rendered h1, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-reading-view .markdown-rendered h1, body.ogd-report-mode:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered > h1:first-of-type { display: block; width: auto; max-width: 100%; border: var(--ogd-border-none, 0); border-bottom: 0; border-image: none; background: var(--ogd-surface-transparent, transparent); padding: 0.3em 0 0.2em; } body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered h1::after, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-preview-view.markdown-rendered h1::after, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-reading-view .markdown-rendered h1::after, body.ogd-report-mode:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered > h1:first-of-type::after { display: none; content: none; } } /* C6. Report metadata block — frontmatter rendered nicely */ body.ogd-report-mode .metadata-container { background: #fafbfc; border: 1px solid #d1d5db; border-radius: var(--radius-m, 6px); padding: 12px 16px; margin: 1em 0 1.5em; font-size: 0.95em; } body.ogd-report-mode .metadata-container .metadata-property { display: grid; grid-template-columns: 8em 1fr; gap: 8px; padding: 4px 0; border-bottom: 1px dashed #e5e7eb; } /* Report mode bundles A3+A6+A4 */ body.ogd-report-mode { /* Activate auto-numbering, indent, serif */ } body.ogd-report-mode .markdown-rendered h2 { counter-increment: ogd-h2; counter-reset: ogd-h3 ogd-h4; } body.ogd-report-mode .markdown-rendered h2::before { content: counter(ogd-h2) ". "; color: var(--header-accent); font-weight: 700; margin-right: 0.4em; } body.ogd-report-mode .markdown-rendered h3 { counter-increment: ogd-h3; } body.ogd-report-mode .markdown-rendered h3::before { content: counter(ogd-h2) "." counter(ogd-h3) " "; color: var(--header-accent); font-weight: 700; margin-right: 0.4em; } body.ogd-report-mode .markdown-rendered p { text-indent: 1em; } body.ogd-report-mode .markdown-rendered :is(h1,h2,h3,h4,h5,h6) + p, body.ogd-report-mode .markdown-rendered blockquote p, body.ogd-report-mode .markdown-rendered li p, body.ogd-report-mode .markdown-rendered .callout p { text-indent: 0; } body.ogd-report-mode .markdown-rendered { counter-reset: ogd-h2 ogd-h3 ogd-h4; font-family: "Noto Serif KR", "Nanum Myeongjo", "Source Serif Pro", Georgia, serif; } body.ogd-report-mode .markdown-rendered :is(h1,h2,h3,h4,h5,h6) { font-family: var(--ogd-reading-font-stack); } /* ---------- D. UI POLISH ---------- */ /* D1. Sidebar folder color coding by name */ .nav-folder-title[data-path^="outputs"] .nav-folder-title-content, .nav-folder-title[data-path^="raw/obsidian/outputs"] .nav-folder-title-content { color: var(--ogd-text-strong, #111827); font-weight: 700; } .nav-folder-title[data-path^="wiki"] .nav-folder-title-content { color: #1d4ed8; font-weight: 600; } .nav-folder-title[data-path^="raw"] .nav-folder-title-content { color: #6b7280; } .nav-folder-title[data-path^="dev/scripts"] .nav-folder-title-content { color: #047857; } /* D2. Active file 4px accent bar */ /* D3. Tab icon coloring by file type */ .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon { color: #1d4ed8; } .workspace-tab-header[data-type="canvas"] .workspace-tab-header-inner-icon { color: #7c3aed; } .workspace-tab-header[data-type="pdf"] .workspace-tab-header-inner-icon { color: #b91c1c; } .workspace-tab-header[data-type="image"] .workspace-tab-header-inner-icon { color: #047857; } /* D4. Status bar segments */ .status-bar .status-bar-item-segment { padding: 0 6px; color: var(--text-muted); } .status-bar .status-bar-item-segment + .status-bar-item-segment { border-left: 1px solid var(--background-modifier-border); } /* D5. Command palette card hover */ .suggestion-item.is-selected, .prompt-results .suggestion-item.is-selected { background: var(--background-modifier-hover); border-radius: 4px; border-left: 3px solid var(--header-accent); padding-left: calc(0.6em - 3px); } /* D6. Graph view nodes by type tag */ .graph-view.color-circle { color: var(--header-accent); } .graph-view.color-arrow { color: var(--text-faint); } /* D7. Dataview table unification */ /* Ownership: baseline Dataview compatibility only; liquid glass table states are late-owned by 10d. */ .markdown-rendered .dataview:is(.table-view-table, .dataview-table), .block-language-dataview table { border-collapse: collapse; width: 100%; font-size: 0.92em; font-variant-numeric: tabular-nums; margin: 0.4em 0; } .markdown-rendered .dataview.table-view-table th, .block-language-dataview table th { background: var(--ogd-surface-subtle, #f3f4f6); border-bottom: 2px solid #6b7280; border-left: 1px solid var(--ogd-line-soft, #e5e7eb); border-right: 1px solid var(--ogd-line-soft, #e5e7eb); padding: 6px 10px; font-weight: 700; text-align: left; } .markdown-rendered .dataview.table-view-table td, .block-language-dataview table td { border: 1px solid var(--ogd-line-soft, #e5e7eb); padding: 5px 10px; vertical-align: top; } .markdown-rendered .dataview.table-view-table tr:hover td, .block-language-dataview table tr:hover td { background: #f5f7fa; } /* ---------- E. PLUGIN INTEGRATION ---------- */ /* E1. Excalidraw */ :is(.excalidraw-host, .excalidraw, .excalidraw-svg) { background: #fafbfc; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: var(--radius-l, 8px); } /* E2. Kanban */ .kanban-plugin__lane, .kanban-plugin .kanban-plugin__lane { background: radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.70), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.54)); border: 1px solid rgba(203, 213, 225, 0.62); border-radius: var(--radius-m, 6px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 2px 8px rgba(15, 23, 42, 0.05); } .kanban-plugin__item, .kanban-plugin .kanban-plugin__item { background: radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.76), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.58)); border: 1px solid rgba(203, 213, 225, 0.58); border-left: 3px solid rgba(148, 163, 184, 0.42); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 2px 7px rgba(15, 23, 42, 0.06); transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease; } .kanban-plugin__item:hover, .kanban-plugin .kanban-plugin__item:hover { border-color: rgba(100, 116, 139, 0.30); border-left-color: rgba(147, 197, 253, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 5px 14px rgba(15, 23, 42, 0.09), 0 0 0 1px rgba(147, 197, 253, 0.04); transform: var(--ogd-hover-lift, translateY(-1px)); } .kanban-plugin__lane-title { font-weight: 700; color: var(--header-accent-dark); } /* E3. Calendar */ .calendar-container .week, .calendar-container .day { border-color: var(--background-modifier-border); } .calendar-container .day.is-active { background: var(--header-accent); color: var(--ogd-surface-base, #ffffff); border-radius: 4px; } /* E4. Properties (Obsidian 1.4+) */ .metadata-container, .metadata-properties-heading { background: #fafbfc; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: var(--radius-m, 6px); padding: 8px 12px; } .metadata-property { padding: 3px 0; } .metadata-property-key, .metadata-property-key-input { color: var(--text-muted); font-weight: 600; font-size: 0.92em; } .metadata-property-value, .metadata-property-value input, .metadata-property-value .multi-select-input { font-size: 0.94em; } /* E5. Bases (Obsidian 1.7+) */ :is(.bases-view, .base-view, .bases-table, .bases-card-view) { border: 1px solid rgba(203, 213, 225, 0.62); border-radius: var(--radius-l, 8px); background: radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.66), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.80), rgba(248, 250, 252, 0.54)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 3px 10px rgba(15, 23, 42, 0.05); } .bases-table th { background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(248, 250, 252, 0.56)); font-weight: 700; border-bottom: 1px solid rgba(100, 116, 139, 0.34); } .bases-card { background: radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.74), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.56)); border: 1px solid rgba(203, 213, 225, 0.58); border-radius: var(--radius-m, 6px); padding: 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 2px 7px rgba(15, 23, 42, 0.06); transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease; } .bases-card:hover { border-color: rgba(96, 165, 250, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 5px 14px rgba(15, 23, 42, 0.09), 0 0 0 2px rgba(96, 165, 250, 0.04); transform: var(--ogd-hover-lift, translateY(-1px)); } /* ---------- F. STYLE SETTINGS PRESETS ---------- */ /* F3. Spacing presets */ body.ogd-spacing-compact { --ogd-line-height: 1.4; } body.ogd-spacing-compact .markdown-rendered p { margin-bottom: 0.32em; } body.ogd-spacing-compact .markdown-rendered :is(h1, h2) { margin-top: 0.7em; } body.ogd-spacing-compact .markdown-rendered h3 { margin-top: 0.55em; } body.ogd-spacing-standard { --ogd-line-height: 1.5; } body.ogd-spacing-relaxed { --ogd-line-height: 1.7; } body.ogd-spacing-relaxed .markdown-rendered p { margin-bottom: 0.7em; } body.ogd-spacing-relaxed .markdown-rendered h1 { margin-top: 1.4em; } body.ogd-spacing-relaxed .markdown-rendered h2 { margin-top: 1.25em; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-doc-rim: rgba(203, 213, 225, 0.72); --ogd-doc-rim-soft: rgba(226, 232, 240, 0.82); --ogd-doc-glass-bg: radial-gradient(circle at 74% 14%, rgba(255, 255, 255, 0.78), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.70)); --ogd-doc-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.05), 0 10px 24px rgba(15, 23, 42, 0.08); --ogd-doc-caption-color: var(--ogd-text-subtle, #475569); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) p { margin-top: 0.58em; margin-bottom: 0.58em; line-height: 1.74; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) p + p { margin-top: 0.42em; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { margin-top: 1.78em; margin-bottom: 0.62em; padding-bottom: 0.34em; font-size: 1.64em; line-height: 1.24; border-bottom-color: rgba(148, 163, 184, 0.34); } body.ogd-spacing-relaxed:not(.ogd-pdf-compact):not(.ogd-pdf-visibility):not(.ogd-pdf-screen-delivery):not(.ogd-pdf-client-delivery):not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2::after { width: min(176px, 30%); height: 2px; background: linear-gradient(90deg, rgba(51, 65, 85, 0.68), rgba(148, 163, 184, 0.10)); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3 { margin-top: 1.22em; margin-bottom: 0.44em; padding-bottom: 0.16em; font-size: 1.26em; font-weight: 760; color: var(--ogd-text-slate, #334155); border-bottom-color: rgba(203, 213, 225, 0.72); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h4 { margin-top: 1.02em; margin-bottom: 0.34em; padding-bottom: 0.1em; font-size: 1.08em; font-weight: 760; color: var(--ogd-text-slate, #334155); border-bottom-color: rgba(226, 232, 240, 0.88); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(h2, h3, h4) + p { margin-top: 0.52em; margin-bottom: 0.84em; line-height: 1.70; } body.theme-dark.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) { --ogd-doc-rim: rgba(51, 65, 85, 0.92); --ogd-doc-rim-soft: rgba(51, 65, 85, 0.78); --ogd-doc-glass-bg: radial-gradient(circle at 74% 14%, rgba(255, 255, 255, 0.10), transparent 0 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.54)); --ogd-doc-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 10px 24px rgba(0, 0, 0, 0.30); --ogd-doc-caption-color: var(--ogd-text-soft, #94a3b8); } body.theme-dark.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(h3, h4) { color: var(--ogd-line-strong, #cbd5e1); border-bottom-color: rgba(51, 65, 85, 0.92); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) blockquote { margin: 1.05em 0 1.25em; padding: 0.74em 1em; border: 1px solid var(--ogd-doc-rim-soft); border-left-width: 1px; border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-doc-glass-bg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88); font-style: normal; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) div.callout, body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout { margin: 1.2em 0 1.35em; padding: 13px 15px; border: 1px solid var(--ogd-doc-rim, rgba(203, 213, 225, 0.72)); border-left-width: 1px; border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-doc-glass-bg); box-shadow: var(--ogd-doc-glass-shadow); } body.ogd-spacing-relaxed .markdown-rendered .callout:is([data-callout="note"], [data-callout="info"], [data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"], [data-callout="quote"], [data-callout="cite"]) { border-color: rgba(203, 213, 225, 0.78); } body.ogd-spacing-relaxed .markdown-rendered .callout:is([data-callout="tip"], [data-callout="hint"], [data-callout="important"], [data-callout="success"], [data-callout="check"], [data-callout="done"]) { border-color: rgba(153, 246, 228, 0.70); background: radial-gradient(circle at 74% 14%, rgba(255, 255, 255, 0.82), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(240, 253, 250, 0.68)); } body.ogd-spacing-relaxed .markdown-rendered .callout:is([data-callout="warning"], [data-callout="attention"], [data-callout="caution"]) { border-color: rgba(253, 230, 138, 0.82); background: radial-gradient(circle at 74% 14%, rgba(255, 255, 255, 0.82), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 251, 235, 0.74)); } body.ogd-spacing-relaxed .markdown-rendered .callout:is([data-callout="failure"], [data-callout="fail"], [data-callout="missing"], [data-callout="danger"], [data-callout="error"], [data-callout="bug"]) { border-color: rgba(254, 205, 211, 0.82); background: radial-gradient(circle at 74% 14%, rgba(255, 255, 255, 0.82), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 241, 242, 0.72)); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-title { gap: 10px; color: var(--ogd-text-strong, #111827); font-size: 0.98em; line-height: 1.34; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-icon { width: 24px; height: 24px; background: radial-gradient(circle at 66% 20%, rgba(255, 255, 255, 0.92), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.66)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 3px 8px rgba(15, 23, 42, 0.08); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout-content { margin-top: 0.48em; font-size: 0.96em; line-height: 1.66; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { margin-top: 0.62em; margin-bottom: 1.65em; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.ogd-caption, .table-caption, .figure-caption, .media-caption) { display: block; margin: 0.76em 0 0.46em; color: var(--ogd-doc-caption-color, #475569); font-size: 0.86em; font-weight: 760; line-height: 1.42; text-align: left; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(table, .mermaid, pre.language-mermaid) + :is(.ogd-caption, .table-caption, .figure-caption, .media-caption) { margin-top: -0.74em; margin-bottom: 1.2em; } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .mermaid, body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-mermaid { margin: 1em 0 1.35em; border: 1px solid rgba(203, 213, 225, 0.76); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-doc-glass-bg); box-shadow: var(--ogd-doc-glass-shadow); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:not(.language-mermaid) { margin: 1.05em 0 1.35em; border: 1px solid rgba(30, 41, 59, 0.18); border-radius: var(--ogd-radius-control, 7px); background: linear-gradient(180deg, #172033, #111827); box-shadow: 0 10px 22px rgba(15, 23, 42, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.08); } body.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) code:not(pre code) { padding: 0.08em 0.34em; border: 1px solid rgba(203, 213, 225, 0.82); border-radius: 4px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(241, 245, 249, 0.68)); color: var(--ogd-text-slate, #334155); } body.ogd-spacing-relaxed .markdown-rendered .contains-task-list { margin: 1.05em 0 1.45em; border: 1px solid rgba(203, 213, 225, 0.76); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-doc-glass-bg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 18px rgba(15, 23, 42, 0.06); } body.ogd-spacing-relaxed .markdown-rendered .contains-task-list > .task-list-item { padding: 0.68em 0.9em; border-bottom-color: rgba(226, 232, 240, 0.88); } body.ogd-spacing-relaxed .markdown-rendered input[type="checkbox"] { width: 16px; height: 16px; border-radius: 5px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.72)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92); } body.ogd-spacing-relaxed .markdown-rendered input[type="checkbox"]:checked { border-color: rgba(103, 232, 249, 0.70); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 0 0 3px rgba(103, 232, 249, 0.12); } body.theme-dark.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) div.callout, body.theme-dark.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout, body.theme-dark.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) blockquote, body.theme-dark.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .mermaid, body.theme-dark.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-mermaid, body.theme-dark.ogd-spacing-relaxed .markdown-rendered .contains-task-list { border-color: var(--ogd-doc-rim); background: var(--ogd-doc-glass-bg); box-shadow: var(--ogd-doc-glass-shadow); } body.theme-dark.ogd-spacing-relaxed :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) code:not(pre code) { border-color: rgba(51, 65, 85, 0.92); background: linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.54)); color: var(--ogd-line-soft, #e5e7eb); } /* F5. Accent presets */ body.ogd-accent-graphite { --ogd-accent: #4b5563; } body.ogd-accent-blue { --ogd-accent: #2563eb; } body.ogd-accent-teal { --ogd-accent: #0d9488; } body.ogd-accent-violet { --ogd-accent: #7c3aed; } body.ogd-accent-amber { --ogd-accent: #b45309; } /* F6. Code themes */ body.ogd-code-light .markdown-rendered pre { background: var(--ogd-codeblock-bg, radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.16), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.70))); } body.ogd-code-solarized .markdown-rendered pre, body.ogd-code-solarized .markdown-source-view.mod-cm6 .HyperMD-codeblock { background: #fdf6e3; color: #586e75; } body.ogd-code-solarized .markdown-rendered pre .token.keyword { color: #859900; } body.ogd-code-solarized .markdown-rendered pre .token.string { color: #2aa198; } body.ogd-code-solarized .markdown-rendered pre .token.function { color: #268bd2; } body.ogd-code-solarized .markdown-rendered pre .token.comment { color: #93a1a1; } body.ogd-code-nord .markdown-rendered pre, body.ogd-code-nord .markdown-source-view.mod-cm6 .HyperMD-codeblock { background: var(--ogd-codeblock-bg, radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.16), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.70))); color: var(--ogd-text-slate, #1e293b); } body.ogd-code-nord .markdown-rendered pre .token.keyword { color: #81a1c1; } body.ogd-code-nord .markdown-rendered pre .token.string { color: #a3be8c; } body.ogd-code-nord .markdown-rendered pre .token.function { color: #88c0d0; } body.ogd-code-nord .markdown-rendered pre .token.comment { color: #4c566a; } body.ogd-code-dracula .markdown-rendered pre, body.ogd-code-dracula .markdown-source-view.mod-cm6 .HyperMD-codeblock { background: var(--ogd-codeblock-bg, radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.16), transparent 0 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.70))); color: var(--ogd-text-slate, #1e293b); } body.ogd-code-dracula .markdown-rendered pre .token.keyword { color: #ff79c6; } body.ogd-code-dracula .markdown-rendered pre .token.string { color: #f1fa8c; } body.ogd-code-dracula .markdown-rendered pre .token.function { color: #50fa7b; } body.ogd-code-dracula .markdown-rendered pre .token.comment { color: #6272a4; } /* F2. Eye-care mode */ body.ogd-eye-care.theme-light { --background-primary: #fdfcf7; --background-primary-alt: #f8f5ec; --background-secondary: #f1ede0; --code-background: #f5f0e0; } body.ogd-eye-care.theme-light .markdown-rendered { color: #2a2620; } /* ---------- G. ACCESSIBILITY / I18N ---------- */ /* G1. High contrast */ @media (prefers-contrast: high) { .theme-light { --text-normal: #000000; --text-muted: #1f2937; --background-modifier-border: #6b7280; } .markdown-rendered :is(h1, h2, h3) { border-bottom-width: 2px; border-left-width: 6px; } .markdown-rendered table { border: 2px solid #000000; } .markdown-rendered table :is(th, td) { border-color: #000000; } .markdown-rendered a { text-decoration: underline; } } /* G2. Reduced motion */ @media (prefers-reduced-motion: reduce) { .markdown-rendered img:not(.emoji):not(.callout-icon img) { transition: none; } .markdown-rendered img:hover { filter: none; transform: none; } } /* G4. CJK font boost */ body.ogd-cjk-boost .markdown-rendered :is(:lang(ko), :lang(ja), :lang(zh)) { font-size: calc(var(--ogd-body-size, 15px) + 0.5px); } /* G5. Auto dark — apply dark variables based on OS preference, independent of Obsidian's theme switch. Activated via class. */ body.ogd-auto-dark { /* placeholder; rules below trigger on prefers-color-scheme */ } @media (prefers-color-scheme: dark) { body.ogd-auto-dark { --background-primary: #1f2024; --background-primary-alt: #25272d; --background-secondary: #17181c; --background-secondary-alt: #14151a; --background-modifier-border: #353841; --text-normal: var(--ogd-line-soft, #e5e7eb); --text-muted: #9ca3af; --text-faint: #6b7280; --code-background: #25272d; --header-text: var(--ogd-surface-subtle, #f3f4f6); --header-line: #353841; } body.ogd-auto-dark .markdown-rendered { color: var(--ogd-line-soft, #e5e7eb); } body.ogd-auto-dark .markdown-rendered table th { background: #25272d; color: var(--ogd-surface-subtle, #f3f4f6); } body.ogd-auto-dark .markdown-rendered table td { border-color: #2a2c33; } body.ogd-auto-dark .markdown-rendered pre { background: rgba(248, 250, 252, 0.92); border-color: rgba(203, 213, 225, 0.68); } body.ogd-auto-dark .markdown-rendered code:not(pre code) { background: #25272d; color: var(--ogd-surface-subtle, #f3f4f6); } body.ogd-auto-dark .markdown-rendered a { color: #93c5fd; } body.ogd-auto-dark kbd { background: linear-gradient(180deg, #2a2c33, #1f2024); color: var(--ogd-surface-subtle, #f3f4f6); border-color: #4a4d57; } } /* <<< src/features/41-feature-presets.css */ /* 07-plugin-workspace.css -> chrome/30 */ /* >>> src/chrome/30-workspace.css */ /* ===================================================================== Dark mode parity for v1.4.0 additions ===================================================================== */ .theme-dark { /* core variable overrides */ --blockquote-border-color: #6b7280; --callout-content-color: #374151; --callout-title-color: #1f2937; --code-important: #374151; --interactive-success: #047857; --scrollbar-bg: transparent; --text-on-accent-inverted: #111827; --ogd-accent: #94a3b8; --ogd-text-muted: #b8c2cf; --ogd-text-soft: #9ca3af; --ogd-code-muted: #9ca3af; --background-primary: #1f2024; --background-primary-alt: #25272d; --background-secondary: #17181c; --background-secondary-alt: #14151a; --background-modifier-border: #353841; --background-modifier-border-hover: #4a4d57; --background-modifier-hover: #2a2c33; --background-modifier-active-hover: #34373f; --text-normal: var(--ogd-line-soft, #e5e7eb); --text-muted: #b8c2cf; --text-faint: #9ca3af; --text-accent: var(--ogd-line-strong, #cbd5e1); --text-accent-hover: var(--ogd-surface-subtle, #f3f4f6); --text-on-accent: var(--ogd-surface-base, #ffffff); --text-selection: rgba(148, 163, 184, 0.28); --interactive-normal: #2a2c33; --interactive-hover: #353841; --interactive-accent: var(--ogd-text-soft, #94a3b8); --interactive-accent-rgb: 148, 163, 184; --interactive-accent-hover: var(--ogd-line-strong, #cbd5e1); --titlebar-background: #14151a; --titlebar-background-focused: #14151a; --ribbon-background: #14151a; --tab-container-background: #14151a; --tab-background-active: #1f2024; --tab-outline-color: #353841; --divider-color: #353841; --scrollbar-thumb-bg: #3f424b; --scrollbar-active-thumb-bg: #6b7280; --header-accent: var(--ogd-accent, #94a3b8); --header-accent-dark: var(--ogd-line-strong, #cbd5e1); --header-text: var(--ogd-surface-subtle, #f3f4f6); --header-muted: #b8c2cf; --header-line: #353841; --header-bg-soft: #25272d; --blockquote-background-color: #25272d; --blockquote-color: var(--ogd-line-strong, #cbd5e1); --ogd-blockquote-bg-1: #1f242b; --ogd-blockquote-bg-2: #252b34; --ogd-blockquote-bg-3: #2c333d; --ogd-inline-code-bg: #2a2f37; --ogd-search-hl-bg: rgba(251, 191, 36, 0.22); --ogd-search-hl-fg: #fde68a; --code-background: #25272d; --code-normal: var(--ogd-line-soft, #e5e7eb); --code-comment: #9ca3af; --code-function: #93c5fd; --code-keyword: var(--ogd-line-strong, #cbd5e1); --code-property: #93c5fd; --code-punctuation: #9ca3af; --code-string: #6ee7b7; --code-tag: #93c5fd; --code-value: #6ee7b7; --ogd-plugin-dark-surface-bg: radial-gradient(circle at 78% 18%, rgba(148, 163, 184, 0.11), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.34)); --ogd-plugin-dark-surface-border: rgba(203, 213, 225, 0.14); --ogd-plugin-dark-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 5px 14px rgba(0, 0, 0, 0.24); --ogd-plugin-dark-card-bg: radial-gradient(circle at 78% 18%, rgba(148, 163, 184, 0.12), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.36)); --ogd-plugin-dark-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.26); --ogd-plugin-dark-card-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 8px 18px rgba(0, 0, 0, 0.34), 0 0 0 2px rgba(147, 197, 253, 0.04); } .theme-dark .markdown-rendered .dataview.table-view-table th, .theme-dark .block-language-dataview table th { background: #25272d; border-bottom-color: #6b7280; border-left-color: #353841; border-right-color: #353841; color: var(--ogd-surface-subtle, #f3f4f6); } .theme-dark .markdown-rendered .dataview.table-view-table td, .theme-dark .block-language-dataview table td { border-color: #2a2c33; } .theme-dark .markdown-rendered .dataview.table-view-table tr:hover td, .theme-dark .block-language-dataview table tr:hover td { background: #2a2c33; } .theme-dark .markdown-rendered .mermaid, .theme-dark .markdown-rendered pre.language-mermaid { background: #1a1b20; border-color: #353841; } .theme-dark .markdown-rendered .callout:is([data-callout="secret"], [data-callout="hidden"]) { background: #25272d; border-color: #6b7280; } .theme-dark kbd { background: linear-gradient(180deg, #2a2c33, #1f2024); color: var(--ogd-surface-subtle, #f3f4f6); border-color: #4a4d57; } .theme-dark .metadata-container, .theme-dark .metadata-properties-heading { background: radial-gradient(circle at 78% 18%, rgba(148, 163, 184, 0.12), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.40)); border-color: rgba(203, 213, 225, 0.16); } .theme-dark .kanban-plugin__lane { background: var(--ogd-plugin-dark-surface-bg); border-color: var(--ogd-plugin-dark-surface-border); box-shadow: var(--ogd-plugin-dark-surface-shadow); } .theme-dark .kanban-plugin__item { background: var(--ogd-plugin-dark-card-bg); border-color: rgba(203, 213, 225, 0.16); border-left-color: rgba(148, 163, 184, 0.40); box-shadow: var(--ogd-plugin-dark-card-shadow); } .theme-dark .kanban-plugin__item:hover { border-color: rgba(203, 213, 225, 0.22); border-left-color: rgba(147, 197, 253, 0.22); box-shadow: var(--ogd-plugin-dark-card-hover-shadow); } .theme-dark :is(.excalidraw-host, .excalidraw, .excalidraw-svg) { background: #1a1b20; border-color: #353841; } .theme-dark :is(.bases-view, .base-view, .bases-table, .bases-card-view) { background: var(--ogd-plugin-dark-surface-bg); border-color: var(--ogd-plugin-dark-surface-border); box-shadow: var(--ogd-plugin-dark-surface-shadow); } .theme-dark .bases-card { background: var(--ogd-plugin-dark-card-bg); border-color: rgba(203, 213, 225, 0.16); box-shadow: var(--ogd-plugin-dark-card-shadow); } .theme-dark .bases-card:hover { border-color: rgba(147, 197, 253, 0.24); box-shadow: var(--ogd-plugin-dark-card-hover-shadow); } .theme-dark .bases-table th { background: linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.38)); border-bottom-color: rgba(203, 213, 225, 0.26); } .theme-dark .nav-folder-title:is([data-path^="outputs"], [data-path^="raw/obsidian/outputs"]) .nav-folder-title-content { color: #f9fafb; font-weight: 700; } .theme-dark .nav-folder-title[data-path^="wiki"] .nav-folder-title-content { color: #93c5fd; } .theme-dark .nav-folder-title[data-path^="raw"] .nav-folder-title-content { color: #9ca3af; } .theme-dark .nav-folder-title[data-path^="dev/scripts"] .nav-folder-title-content { color: #6ee7b7; } body.theme-dark.ogd-eye-care { /* core variable overrides */ --background-primary: #1f1d18; --background-primary-alt: #25221a; --background-secondary: #17150f; } .theme-dark .markdown-rendered :is( .ogd-blur, .callout:is([data-callout="secret"], [data-callout="hidden"]) .callout-content ) { filter: blur(5px); } /* ===================================================================== v1.6.0 - Polish patches - Mermaid dark text fill - Reading view internal-link chip (parity with Live Preview) - Code language label vs copy button collision fix ===================================================================== */ /* Mermaid: SVG text was unreadable in dark mode (only container was tinted) */ .theme-dark .markdown-rendered .mermaid svg :is(text, .nodeLabel, .edgeLabel) { fill: var(--ogd-line-soft, #e5e7eb); color: var(--ogd-line-soft, #e5e7eb); } .theme-dark .markdown-rendered .mermaid svg .edgeLabel :is(rect, foreignObject) { background: var(--ogd-surface-transparent, transparent); fill: var(--ogd-surface-transparent, transparent); } .theme-dark .markdown-rendered .mermaid svg .cluster rect { fill: #25272d; stroke: #4a4d57; } /* Reading view: internal-link chip parity with CM6 Live Preview */ .markdown-rendered a.internal-link { background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(248, 250, 252, 0.44)); border: 1px solid rgba(203, 213, 225, 0.46); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72); padding: 0 3px; text-decoration: none; } .markdown-rendered a.internal-link:hover { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.62)); border-color: rgba(96, 165, 250, 0.36); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(96, 165, 250, 0.07), 0 2px 6px rgba(15, 23, 42, 0.08); text-decoration-line: underline; text-decoration-color: rgba(96, 165, 250, 0.34); } .markdown-rendered a.internal-link.is-unresolved { background: rgba(180, 83, 9, 0.08); } .theme-dark .markdown-rendered a.internal-link { background: linear-gradient(180deg, rgba(30, 41, 59, 0.56), rgba(15, 23, 42, 0.28)); border-color: rgba(203, 213, 225, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07); } .theme-dark .markdown-rendered a.internal-link:hover { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.68), rgba(15, 23, 42, 0.38)); border-color: rgba(147, 197, 253, 0.28); } .theme-dark .markdown-rendered a.internal-link.is-unresolved { color: #fbbf24; background: rgba(251, 191, 36, 0.12); } /* Code: language badge moved left so it doesn't overlap the copy button. Default copy button sits at top:6px right:6px. Push badge to right:48px. */ /* Show badge only on hover to keep code blocks visually clean */ .markdown-rendered pre[class*="language-"]::after { content: attr(class); position: absolute; top: 6px; padding: 2px 8px; background: rgba(75, 85, 99, 0.85); color: var(--ogd-surface-base, #ffffff); font-family: var(--ogd-code-font-stack); font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 4px; pointer-events: none; right: 48px; opacity: 0; transition: opacity 0.15s ease; } .markdown-rendered pre[class*="language-"]:hover::after { opacity: 0.85; } /* Editing Toolbar plugin: offset the full bar from the left splitter */ #editingToolbarModalBar, .workspace-leaf-content .cm-editor #editingToolbarModalBar, .workspace-leaf-content #editingToolbarModalBar { --toolbar-horizontal-offset: 16px; margin-left: 0; padding-left: 0; box-sizing: border-box; transform: translate(var(--toolbar-horizontal-offset), var(--toolbar-vertical-offset)); } /* Editing Toolbar popover bar: hide stray border/line artifact */ .editingToolbarPopoverBar { display: none; } /* ============================================================ v1.7.0 - UX, Accessibility, Print, Mobile improvements All rules are ADDITIVE (no changes to existing selectors) ============================================================ */ /* #3 - Mobile (.is-mobile) refinements */ .is-mobile .view-header { padding: 6px 8px; } .is-mobile .markdown-preview-view, .is-mobile .markdown-source-view { font-size: 16px; line-height: 1.65; } .is-mobile .markdown-preview-sizer { padding: 12px 14px; } /* PDF/print mock header is desktop-only */ .is-mobile .markdown-preview-sizer::before, .is-mobile .markdown-preview-sizer::after, .is-mobile .markdown-preview-view::before, .is-mobile .markdown-preview-view::after, .is-mobile .markdown-preview-section::before, .is-mobile .markdown-preview-section::after, .is-mobile .markdown-rendered::before, .is-mobile .markdown-rendered::after { display: none; } /* #6 - Graph view tonal alignment */ .graph-view.color-line { color: var(--background-modifier-border); } .theme-dark .graph-view.color-line { color: rgba(255, 255, 255, 0.12); } /* #7 - Search result highlight boost */ .search-result-file-match-text, .suggestion-highlight { background: rgba(255, 214, 102, 0.35); color: inherit; border-radius: 3px; padding: 0 2px; } .theme-dark .search-result-file-match-text, .theme-dark .suggestion-highlight { background: rgba(255, 214, 102, 0.22); } /* #8 - Embedded note left accent */ .markdown-embed, .internal-embed.markdown-embed-content { border-left: 3px solid var(--interactive-accent); padding-left: 12px; background: var(--background-secondary); border-radius: 4px; } .markdown-embed-title { font-weight: 600; color: var(--text-muted); font-size: 0.85em; margin-bottom: 4px; } /* #9 - Custom checkbox states (Minimal-style) */ input[data-task="x"]:checked, li[data-task="x"] > input:checked, li[data-task="x"] > p > input:checked { --checkbox-color: #10b981; } input[data-task="/"]:checked, li[data-task="/"] > input:checked { --checkbox-color: #f59e0b; } input[data-task="-"]:checked, li[data-task="-"] > input:checked { --checkbox-color: #6b7280; text-decoration: line-through; } input[data-task=">"]:checked, li[data-task=">"] > input:checked { --checkbox-color: #3b82f6; } input[data-task="<"]:checked, li[data-task="<"] > input:checked { --checkbox-color: #8b5cf6; } input[data-task="?"]:checked, li[data-task="?"] > input:checked { --checkbox-color: #ec4899; } input[data-task="!"]:checked, li[data-task="!"] > input:checked { --checkbox-color: #ef4444; } input[data-task="*"]:checked, li[data-task="*"] > input:checked { --checkbox-color: #f59e0b; } ul > li.task-list-item[data-task]:not([data-task=" "]) { color: var(--text-muted); } ul > li.task-list-item[data-task="x"] { text-decoration-line: line-through; text-decoration-color: rgba(107, 114, 128, 0.5); } /* #10 - Tag chip hover feedback */ a.tag { transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease; } a.tag:hover { transform: var(--ogd-hover-lift, translateY(-1px)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 2px 6px rgba(15, 23, 42, 0.10), 0 0 0 1px rgba(147, 197, 253, 0.12); background-color: rgba(255, 255, 255, 0.58); color: var(--header-accent); } /* #12 - High-contrast mode */ @media (prefers-contrast: more) { :root { --background-modifier-border: #555555; --text-muted: #333333; } .theme-dark { --background-modifier-border: #aaaaaa; --text-muted: #cccccc; } a, a.internal-link, a.tag { text-decoration: underline; } button, input, textarea, select { border-width: 2px; } } /* ============================================================ v1.7.5 - Mermaid label sizing & color unification - Rect fill is the ONLY source of node color (label bg = transparent) - Labels stay INSIDE the rect (no overflow) - shrink font instead - Use flex centering so multi-line text is vertically centered ============================================================ */ /* Label backgrounds: always transparent so rect fill shows through */ .markdown-rendered .mermaid svg :is( .node foreignObject, .node foreignObject > div, .node foreignObject > div > span, .nodeLabel, .nodeLabel > span, .nodeLabel > p, .label foreignObject, .label foreignObject > div ) { background: var(--ogd-surface-transparent, transparent); background-color: var(--ogd-surface-transparent, transparent); } /* Keep labels INSIDE rect (no visible overflow seam) */ .markdown-rendered .mermaid svg :is(.node, .label) foreignObject { overflow: hidden; } .markdown-rendered .mermaid svg :is(.node, .label) foreignObject > div { overflow: hidden; display: flex; align-items: center; justify-content: center; white-space: normal; width: 100%; height: 100%; } /* Smaller font so multi-line labels fit inside auto-measured rect */ .markdown-rendered .mermaid svg .nodeLabel, .markdown-rendered .mermaid svg .nodeLabel :is(span, p) { font-size: 11px; line-height: 1.2; white-space: normal; word-break: keep-all; overflow-wrap: break-word; padding: 1px 3px; text-align: center; margin: 0; } /* Edge labels: opaque pill matching theme background */ .markdown-rendered .mermaid svg .edgeLabel, .markdown-rendered .mermaid svg .edgeLabel :is(rect, foreignObject, span, p), .markdown-rendered .mermaid svg .edgeLabel foreignObject > div { background: var(--background-primary); background-color: var(--background-primary); font-size: 10.5px; line-height: 1.2; } /* Cluster (subgraph) titles */ .markdown-rendered .mermaid svg .cluster .nodeLabel { font-size: 12px; font-weight: 600; } /* ============================================================ Mermaid: default fill for unclassified nodes So nodes without classDef get a neutral palette color instead of stark white, keeping diagram visually consistent. No !important so classDef inline style still wins. ============================================================ */ .markdown-rendered .mermaid svg .node :is(rect, polygon, circle, ellipse, path) { fill: #f4f4f9; stroke: #4c4c4c; } .theme-dark .markdown-rendered .mermaid svg .node :is(rect, polygon, circle, ellipse, path) { fill: #2d2d2d; stroke: #888888; } /* ============================================================ v1.7.9 - Extra breathing room before headings that follow content Use sibling selectors so heading margin-top only grows when actually preceded by paragraph/list/quote/table - keeps consecutive headings tight. ============================================================ */ .markdown-rendered :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h2 { margin-top: 2.2em; } .markdown-rendered :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h3 { margin-top: 1.8em; } .markdown-rendered :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h4 { margin-top: 1.5em; } .markdown-rendered :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h5, .markdown-rendered :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h6 { margin-top: 1.2em; } /* ============================================================ v1.7.10 - Custom callout: [!conclusion] (Soft Sky) Usage in markdown: > [!conclusion] Recommended conclusion > Body text... ============================================================ */ .markdown-rendered .callout[data-callout="conclusion"] { --callout-color: 14, 165, 233; /* #0ea5e9 */ --callout-icon: lucide-lightbulb; background: #f0f9ff; border: 1px solid #bae6fd; border-radius: var(--radius-l, 8px); color: #0c4a6e; } .markdown-rendered .callout[data-callout="conclusion"] .callout-title { color: #0c4a6e; font-weight: 700; } .markdown-rendered .callout[data-callout="conclusion"] .callout-icon svg, .markdown-rendered .callout[data-callout="conclusion"] .callout-title-inner { color: #0ea5e9; } .markdown-rendered .callout[data-callout="conclusion"] :is(p, li, strong) { color: #0c4a6e; } /* Dark mode */ .theme-dark .markdown-rendered .callout[data-callout="conclusion"] { background: #082f49; border: 1px solid #075985; color: #e0f2fe; } .theme-dark .markdown-rendered .callout[data-callout="conclusion"] :is(.callout-title, p, li, strong) { color: #e0f2fe; } .theme-dark .markdown-rendered .callout[data-callout="conclusion"] :is(.callout-icon svg, .callout-title-inner) { color: #7dd3fc; } /* ============================================================ v1.8.0 - Report quality bundle - PDF block split hardening - Purpose-based callout palette - Modern table polish - Style Settings toggles: ogd-modern-tables / ogd-print-avoid-breaks ============================================================ */ /* PDF: keep semantic blocks together where Chromium pagination allows it */ @media print { body.ogd-print-avoid-breaks .markdown-rendered :is(.callout, blockquote, table, pre, figure, img, .mermaid, .markdown-embed), .markdown-rendered :is(.callout, blockquote, table, pre, figure, img, .mermaid, .markdown-embed) { page-break-inside: avoid; } body.ogd-print-avoid-breaks .markdown-rendered :is(h2, h3, h4), .markdown-rendered :is(h2, h3, h4) { page-break-after: avoid; } body.ogd-print-avoid-breaks .markdown-rendered :is(h2, h3, h4) + :is(p, ul, ol, blockquote, .callout, table), .markdown-rendered :is(h2, h3, h4) + :is(p, ul, ol, blockquote, .callout, table) { page-break-before: avoid; } } /* Callout palette: report-oriented semantic blocks */ .markdown-rendered .callout[data-callout="recommendation"] { --callout-color: 16, 185, 129; --callout-icon: lucide-check-circle-2; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: var(--radius-l, 8px); color: #064e3b; } .markdown-rendered .callout[data-callout="risk"] { --callout-color: 245, 158, 11; --callout-icon: lucide-triangle-alert; background: #fffbeb; border: 1px solid #fde68a; border-radius: var(--radius-l, 8px); color: #78350f; } .markdown-rendered .callout[data-callout="action"] { --callout-color: 99, 102, 241; --callout-icon: lucide-list-checks; background: #eef2ff; border: 1px solid #c7d2fe; border-radius: var(--radius-l, 8px); color: #312e81; } .markdown-rendered .callout[data-callout="decision"] { --callout-color: 75, 85, 99; --callout-icon: lucide-gavel; background: var(--ogd-surface-subtle, #f3f4f6); border: 1px solid #d1d5db; border-radius: var(--radius-l, 8px); color: var(--ogd-text-strong, #111827); } .markdown-rendered .callout:is( [data-callout="recommendation"], [data-callout="risk"], [data-callout="action"], [data-callout="decision"] ) :is(.callout-title, .callout-title-inner, p, li, strong) { color: inherit; } .theme-dark .markdown-rendered .callout[data-callout="recommendation"] { background: #052e2b; border-color: #047857; color: #d1fae5; } .theme-dark .markdown-rendered .callout[data-callout="risk"] { background: #451a03; border-color: #92400e; color: #fef3c7; } .theme-dark .markdown-rendered .callout[data-callout="action"] { background: #1e1b4b; border-color: #4338ca; color: #e0e7ff; } .theme-dark .markdown-rendered .callout[data-callout="decision"] { background: #1f2937; border-color: #4b5563; color: var(--ogd-surface-subtle, #f3f4f6); } /* Modern table polish: default-on, Style Settings class keeps it explicit */ body.ogd-modern-tables .markdown-rendered table, .markdown-rendered table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: var(--ogd-radius-control, 7px); overflow: hidden; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); } body.ogd-modern-tables .markdown-rendered table th, .markdown-rendered table th { background: var(--ogd-surface-subtle, #f3f4f6); color: var(--ogd-text-secondary, #374151); font-weight: 700; border-color: var(--ogd-line-soft, #e5e7eb); } body.ogd-modern-tables .markdown-rendered table td, .markdown-rendered table td { border-color: #eef2f7; } body.ogd-zebra-disabled-permanently .markdown-rendered table tbody tr:nth-child(even) td { background: #fafafa; } body.ogd-modern-tables .markdown-rendered table tbody tr:hover td, .markdown-rendered table tbody tr:hover td { background: var(--ogd-surface-muted, #f8fafc); } body.ogd-modern-tables .markdown-rendered table td:first-child, body.ogd-modern-tables .markdown-rendered table th:first-child { color: var(--ogd-text-strong, #111827); font-weight: 600; } body.theme-dark.ogd-modern-tables .markdown-rendered table, .theme-dark .markdown-rendered table { border-color: var(--ogd-line-contrast, #374151); box-shadow: var(--ogd-shadow-none, none); } body.theme-dark.ogd-modern-tables .markdown-rendered table th, .theme-dark .markdown-rendered table th { background: #1f2937; color: var(--ogd-surface-subtle, #f3f4f6); border-color: var(--ogd-line-contrast, #374151); } body.theme-dark.ogd-modern-tables .markdown-rendered table td, .theme-dark .markdown-rendered table td { border-color: #2f3744; } body.theme-dark.ogd-zebra-disabled-permanently .markdown-rendered table tbody tr:nth-child(even) td { background: #151a22; } body.theme-dark.ogd-modern-tables .markdown-rendered table tbody tr:hover td, .theme-dark .markdown-rendered table tbody tr:hover td { background: #1b2330; } body.theme-dark.ogd-modern-tables .markdown-rendered table td:first-child, body.theme-dark.ogd-modern-tables .markdown-rendered table th:first-child { color: #f9fafb; } /* ============================================================ v1.8.1 - Properties card + mobile overflow stability - Modernizes Obsidian Properties / YAML frontmatter panels - Prevents wide tables and Mermaid diagrams from breaking mobile layout ============================================================ */ /* Properties / Frontmatter: quieter report-card surface */ .metadata-container { background: var(--ogd-surface-muted, #f8fafc); border: 1px solid #e2e8f0; border-left: 4px solid #94a3b8; border-radius: var(--radius-l, 8px); padding: 10px 12px; margin: 0.6em 0 1.0em; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); } .metadata-container .metadata-property { border-bottom: 1px solid rgba(148, 163, 184, 0.22); padding: 4px 0; } .metadata-container .metadata-property:last-child { border-bottom: 0; } .metadata-container :is(.metadata-property-key, .metadata-property-key-input) { color: var(--ogd-text-subtle, #475569); font-weight: 650; } .metadata-container .metadata-property-value, .metadata-container .metadata-property-value :is(input, textarea) { color: var(--ogd-text-strong, #111827); } .metadata-container, .metadata-properties-container { font-family: var(--ogd-reading-font-stack, inherit); } .metadata-property-key, .metadata-property .metadata-property-key-input { color: var(--ogd-text-subtle, #475569); font-weight: 600; letter-spacing: 0.01em; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-frontmatter { font-size: 0.88em; font-family: var(--ogd-code-font-stack); background: var(--ogd-surface-muted, #f8fafc); color: var(--ogd-text-subtle, #475569); border-left: 3px solid #cbd5e1; padding-left: 8px; } .theme-dark .metadata-container { background: radial-gradient(circle at 78% 18%, rgba(148, 163, 184, 0.11), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.36)); border-color: rgba(203, 213, 225, 0.16); border-left-color: rgba(148, 163, 184, 0.42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 5px 14px rgba(0, 0, 0, 0.24); } .theme-dark .metadata-container .metadata-property { border-bottom-color: rgba(100, 116, 139, 0.32); } .theme-dark .metadata-container :is(.metadata-property-key, .metadata-property-key-input) { color: var(--ogd-line-strong, #cbd5e1); } body.theme-dark .metadata-property-key, body.theme-dark .metadata-property .metadata-property-key-input { color: var(--ogd-text-soft, #94a3b8); } .theme-dark .metadata-container .metadata-property-value, .theme-dark .metadata-container .metadata-property-value :is(input, textarea) { color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .markdown-source-view.mod-cm6 .cm-line.HyperMD-frontmatter { background: var(--ogd-surface-dark, #111827); color: var(--ogd-line-strong, #cbd5e1); border-left-color: #64748b; } /* Mobile: wide structured content scrolls horizontally instead of pushing layout */ .is-mobile .markdown-rendered table, .is-mobile .markdown-rendered .table-wrapper, .is-mobile .markdown-rendered .mermaid, .is-mobile .markdown-rendered pre, .is-mobile .markdown-rendered .block-language-dataview { max-width: 100%; overflow-x: auto; } .is-mobile .markdown-rendered table { display: block; width: max-content; min-width: 100%; } .is-mobile .markdown-rendered .mermaid svg { max-width: none; } .is-mobile .markdown-rendered pre { white-space: pre; } .is-mobile :is(.workspace-leaf-content, .workspace-tab-container, .workspace-tab-header-container, .view-content), .is-mobile .markdown-rendered :is(.internal-embed, .markdown-embed, .block-language-dataview, .mermaid) { min-width: 0; max-width: 100vw; box-sizing: border-box; } .is-mobile .markdown-rendered :is(img, svg, video, iframe) { max-width: 100%; height: auto; } /* <<< src/chrome/30-workspace.css */ /* 07a-navigation-tasks-search.css -> chrome/31 */ /* >>> src/chrome/31-navigation-tasks-search.css */ /* ============================================================ v1.8.2 - Workspace navigation + task states + search/highlight - File explorer gains clearer hierarchy, hover, and active states - Special task checkboxes become semantic status markers - Search results and ==highlight== get a modern, readable treatment ============================================================ */ /* Sidebar / File Explorer v3.1.5: consolidated the duplicate-selector rule that previously lived in surfaces/22-reading-embeds-workspace.css (padding/font-size/line-height) into this single block so the community-theme reviewer no longer flags `.nav-folder-title, .nav-file-title` as a duplicate selector. Cascade outcome unchanged: this file imports after surfaces/22, so its values already won at the cascade layer; folding them in here removes the second source rule entirely. */ .nav-folder-title, .nav-file-title { border-radius: var(--radius-m, 6px); margin: 1px 6px; padding: 3px 8px; font-size: 0.92em; line-height: 1.4; transition: background-color 0.12s ease, color 0.12s ease, transform 0.12s ease; } .nav-folder-title:hover, .nav-file-title:hover { color: var(--ogd-text-strong, #111827); transform: var(--ogd-hover-shift, translateX(1px)); } .nav-file-title.is-active { border-left: 4px solid var(--header-accent); padding-left: 4px; background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.72), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.58)); color: var(--ogd-text-strong, #111827); box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 2px 7px rgba(15, 23, 42, 0.07); } .nav-folder-title.is-active { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.66), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.54)); box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 7px rgba(15, 23, 42, 0.06); } .nav-folder.mod-root > .nav-folder-title { font-weight: 700; } .nav-file-title-content, .nav-folder-title-content { overflow: hidden; text-overflow: ellipsis; } .nav-folder-collapse-indicator, .tree-item-icon.collapse-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; min-width: 18px; margin-inline-end: 3px; border-radius: var(--radius-m, 6px); color: var(--ogd-text-soft, #94a3b8); transition: background-color 0.12s ease, color 0.12s ease, transform 0.12s ease; } .nav-folder-title:hover .nav-folder-collapse-indicator, .tree-item-self:hover .tree-item-icon.collapse-icon { background: rgba(148, 163, 184, 0.16); color: var(--ogd-text-subtle, #475569); } .nav-folder-collapse-indicator svg, .tree-item-icon.collapse-icon svg { opacity: 0; width: 0; height: 0; } .nav-folder-collapse-indicator::before, .tree-item-icon.collapse-icon::before { content: ""; width: 7px; height: 7px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(-45deg); transform-origin: 55% 55%; transition: transform 0.12s ease; } .nav-folder:not(.is-collapsed) > .nav-folder-title .nav-folder-collapse-indicator::before, .tree-item:not(.is-collapsed) > .tree-item-self .tree-item-icon.collapse-icon::before, .tree-item-self:not(.is-collapsed) .tree-item-icon.collapse-icon::before { transform: rotate(45deg); } .theme-dark .nav-folder-title:hover, .theme-dark .nav-file-title:hover { color: #f9fafb; } .theme-dark .nav-folder-collapse-indicator, .theme-dark .tree-item-icon.collapse-icon { color: #64748b; } .theme-dark .nav-folder-title:hover .nav-folder-collapse-indicator, .theme-dark .tree-item-self:hover .tree-item-icon.collapse-icon { background: rgba(148, 163, 184, 0.14); color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .nav-file-title.is-active { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.64), rgba(15, 23, 42, 0.40)); color: #f9fafb; box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 3px 9px rgba(0, 0, 0, 0.26); } .theme-dark .nav-folder-title.is-active { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.10), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.56), rgba(15, 23, 42, 0.34)); box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 3px 8px rgba(0, 0, 0, 0.24); } /* Semantic task checkbox states */ .markdown-rendered li.task-list-item[data-task]:not([data-task=" "]), .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]) { color: var(--text-normal); text-decoration: none; } .markdown-rendered li.task-list-item[data-task] input[type="checkbox"] { border-width: 1.5px; } .markdown-rendered li.task-list-item[data-task="/"] input[type="checkbox"], .markdown-rendered li.task-list-item[data-task=">"] input[type="checkbox"] { background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.70)); border-color: rgba(59, 130, 246, 0.58); } .markdown-rendered li.task-list-item[data-task="!"] input[type="checkbox"] { background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.70)); border-color: rgba(239, 68, 68, 0.58); } .markdown-rendered li.task-list-item[data-task="?"] input[type="checkbox"] { background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.70)); border-color: rgba(236, 72, 153, 0.58); } .markdown-rendered li.task-list-item[data-task="-"] input[type="checkbox"] { background: var(--ogd-surface-subtle, #f3f4f6); border-color: #6b7280; } .markdown-rendered li.task-list-item[data-task="*"] input[type="checkbox"] { background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.70)); border-color: rgba(245, 158, 11, 0.58); } .markdown-rendered li.task-list-item[data-task="/"] input[type="checkbox"]::after { content: "/"; color: #1d4ed8; left: 3px; top: -3px; } .markdown-rendered li.task-list-item[data-task=">"] input[type="checkbox"]::after { content: ">"; color: #1d4ed8; left: 3px; top: -3px; font-size: 13px; } .markdown-rendered li.task-list-item[data-task="!"] input[type="checkbox"]::after { content: "!"; color: #b91c1c; left: 4px; top: -2px; } .markdown-rendered li.task-list-item[data-task="?"] input[type="checkbox"]::after { content: "?"; color: #be185d; left: 3px; top: -2px; } .markdown-rendered li.task-list-item[data-task="-"] input[type="checkbox"]::after { content: "-"; color: var(--ogd-text-secondary, #374151); left: 3px; top: -3px; } .markdown-rendered li.task-list-item[data-task="*"] input[type="checkbox"]::after { content: "*"; color: #b45309; left: 3px; top: -3px; font-size: 12px; } .markdown-rendered li.task-list-item[data-task]:focus-within { border-radius: var(--radius-m, 6px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(248, 250, 252, 0.42)); box-shadow: inset 0 0 0 1px var(--ogd-focus-ring-border), var(--ogd-focus-ring-shadow); } .markdown-rendered li.task-list-item[data-task] input[type="checkbox"]:focus-visible { outline: var(--ogd-border-none, 0); box-shadow: 0 0 0 2px var(--ogd-focus-ring-border), 0 2px 6px rgba(15, 23, 42, 0.08); } .theme-dark .markdown-rendered li.task-list-item[data-task="/"] input[type="checkbox"], .theme-dark .markdown-rendered li.task-list-item[data-task=">"] input[type="checkbox"] { background: linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.42)); border-color: rgba(96, 165, 250, 0.62); } .theme-dark .markdown-rendered li.task-list-item[data-task="!"] input[type="checkbox"] { background: linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.42)); border-color: rgba(248, 113, 113, 0.62); } .theme-dark .markdown-rendered li.task-list-item[data-task="?"] input[type="checkbox"] { background: linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.42)); border-color: rgba(244, 114, 182, 0.62); } .theme-dark .markdown-rendered li.task-list-item[data-task="-"] input[type="checkbox"] { background: var(--ogd-surface-dark-muted, #374151); border-color: #9ca3af; } .theme-dark .markdown-rendered li.task-list-item[data-task="*"] input[type="checkbox"] { background: linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.42)); border-color: rgba(251, 191, 36, 0.62); } .theme-dark .markdown-rendered li.task-list-item[data-task]:focus-within { background: linear-gradient(180deg, rgba(30, 41, 59, 0.44), rgba(15, 23, 42, 0.28)); box-shadow: inset 0 0 0 1px var(--ogd-focus-ring-border), var(--ogd-focus-ring-shadow); } /* Search and highlight readability */ .markdown-rendered mark, .markdown-preview-view mark, .cm-s-obsidian span.cm-highlight { background: linear-gradient(180deg, transparent 12%, rgba(254, 243, 199, 0.58) 12%, rgba(253, 230, 138, 0.44) 88%, transparent 88%); color: var(--ogd-text-strong, #111827); border-radius: 3px; padding: 0 2px; } .search-result-file-match, .search-result-file-matched-text, .search-result-file-match-text, .suggestion-highlight { background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(254, 243, 199, 0.28)); color: #92400e; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.22), 0 1px 3px rgba(15, 23, 42, 0.05); } .is-flashing, .markdown-rendered .is-flashing { background: rgba(14, 165, 233, 0.16); box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.28); border-radius: 4px; } .theme-dark .markdown-rendered mark, .theme-dark .markdown-preview-view mark, .theme-dark .cm-s-obsidian span.cm-highlight { background: linear-gradient(180deg, transparent 10%, rgba(251, 191, 36, 0.35) 10%, rgba(245, 158, 11, 0.42) 90%, transparent 90%); color: #fde68a; } .theme-dark .search-result-file-match, .theme-dark .search-result-file-matched-text, .theme-dark .search-result-file-match-text, .theme-dark .suggestion-highlight { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(120, 53, 15, 0.20)); color: #fde68a; box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.22), 0 2px 6px rgba(0, 0, 0, 0.18); } .theme-dark .is-flashing, .theme-dark .markdown-rendered .is-flashing { background: rgba(56, 189, 248, 0.18); box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.35); } /* <<< src/chrome/31-navigation-tasks-search.css */ /* 07b-overlay-popover-dataview.css -> chrome/32 */ /* >>> src/chrome/32-overlay-popover-dataview.css */ /* ============================================================ v1.8.3 - Overlay UI + Popover + Dataview parity - Command palette / modal / menu surfaces match Graphite tone - Hover previews feel like lightweight document cards - Dataview tables inherit the modern table language from v1.8.0 ============================================================ */ /* Overlay surfaces: modal, command palette, menus */ .modal, .prompt, .suggestion-container, .menu { background: var(--ogd-surface-base, #ffffff); border: 1px solid #dbe2ea; border-radius: 10px; box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16); color: var(--ogd-text-strong, #111827); } .modal-title, .prompt-title { color: var(--ogd-text-strong, #111827); font-weight: 750; letter-spacing: 0; } .prompt-input, .modal input[type="text"], .modal input[type="search"], .modal textarea { background: var(--ogd-surface-muted, #f8fafc); border: 1px solid var(--ogd-line-strong, #cbd5e1); border-radius: var(--ogd-radius-control, 7px); color: var(--ogd-text-strong, #111827); box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.04); } .prompt-input:focus-visible, .modal input[type="text"]:focus-visible, .modal input[type="search"]:focus-visible, .modal textarea:focus-visible { outline: var(--ogd-border-none, 0); border-color: var(--ogd-focus-ring-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), var(--ogd-focus-ring-shadow), 0 4px 10px rgba(15, 23, 42, 0.08); } .search-result-file-matched-text, .markdown-rendered mark, .markdown-preview-view mark, .cm-search-match, .cm-search-match-selected { background: var(--ogd-search-hl-bg, linear-gradient(180deg, transparent 10%, rgba(254, 243, 199, 0.58) 10%, rgba(253, 230, 138, 0.46) 90%, transparent 90%)); color: var(--ogd-search-hl-fg, #92400e); border-radius: 2px; padding: 0 0.15em; font-weight: 500; box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.20); } .suggestion-item, .menu-item { border-radius: var(--radius-m, 6px); margin: 1px 4px; } .suggestion-item.is-selected, .prompt-results .suggestion-item.is-selected, .menu-item:hover, .menu-item.selected { background: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.62), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(248, 250, 252, 0.58)); color: var(--ogd-text-strong, #111827); box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 6px rgba(15, 23, 42, 0.06); border-left: 0; } /* Hover preview / popover document card */ .popover.hover-popover, .hover-popover .markdown-embed, .hover-popover .markdown-embed-content { background: var(--ogd-surface-base, #ffffff); border: 1px solid #dbe2ea; border-radius: 10px; box-shadow: 0 16px 42px rgba(15, 23, 42, 0.14); } .popover.hover-popover .markdown-embed-title, .popover.hover-popover .inline-title, .popover.hover-popover h1, .popover.hover-popover h2, .popover.hover-popover h3 { color: var(--ogd-text-strong, #111827); } /* Dataview tables: full parity with modern table language */ .markdown-rendered .dataview.table-view-table, .markdown-rendered .dataview.dataview-table, .block-language-dataview table, .dataview.table-view-table, .dataview.dataview-table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: var(--ogd-radius-control, 7px); overflow: hidden; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); font-size: 0.92em; font-variant-numeric: tabular-nums; } .markdown-rendered .dataview.table-view-table th, .markdown-rendered .dataview.dataview-table th, .block-language-dataview table th, .dataview.table-view-table th, .dataview.dataview-table th { background: var(--ogd-surface-subtle, #f3f4f6); border: 1px solid var(--ogd-line-soft, #e5e7eb); border-bottom: 1px solid #d1d5db; color: var(--ogd-text-secondary, #374151); font-weight: 700; padding: 7px 10px; } .markdown-rendered .dataview.table-view-table td, .markdown-rendered .dataview.dataview-table td, .block-language-dataview table td, .dataview.table-view-table td, .dataview.dataview-table td { border: 1px solid #eef2f7; padding: 6px 10px; vertical-align: top; } body.ogd-zebra-disabled-permanently .markdown-rendered .dataview.table-view-table tbody tr:nth-child(even) td, body.ogd-zebra-disabled-permanently .markdown-rendered .dataview.dataview-table tbody tr:nth-child(even) td, body.ogd-zebra-disabled-permanently .block-language-dataview table tbody tr:nth-child(even) td { background: #fafafa; } .markdown-rendered .dataview.table-view-table tr:hover td, .markdown-rendered .dataview.dataview-table tr:hover td, .block-language-dataview table tr:hover td { background: var(--ogd-surface-muted, #f8fafc); } .markdown-rendered :is(.dataview.table-view-table, .dataview.dataview-table):focus-within, .block-language-dataview:focus-within table, .dataview.table-view-table:focus-within, .dataview.dataview-table:focus-within { border-color: var(--ogd-focus-ring-border); box-shadow: var(--ogd-focus-ring-shadow), 0 3px 10px rgba(15, 23, 42, 0.08); } .markdown-rendered :is(.dataview.table-view-table, .dataview.dataview-table) :is(a, button, input, select, textarea):focus-visible, .block-language-dataview table :is(a, button, input, select, textarea):focus-visible { outline: var(--ogd-border-none, 0); border-radius: 4px; box-shadow: 0 0 0 2px var(--ogd-focus-ring-border); } .theme-dark .modal, .theme-dark .prompt, .theme-dark .suggestion-container, .theme-dark .menu, .theme-dark .popover.hover-popover, .theme-dark .hover-popover .markdown-embed, .theme-dark .hover-popover .markdown-embed-content { background: var(--ogd-surface-dark, #111827); border-color: var(--ogd-line-dark, #334155); box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38); color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .modal-title, .theme-dark .prompt-title, .theme-dark .popover.hover-popover .markdown-embed-title, .theme-dark .popover.hover-popover .inline-title, .theme-dark .popover.hover-popover h1, .theme-dark .popover.hover-popover h2, .theme-dark .popover.hover-popover h3 { color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .prompt-input, .theme-dark .modal input[type="text"], .theme-dark .modal input[type="search"], .theme-dark .modal textarea { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.42)); border-color: rgba(148, 163, 184, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .prompt-input:focus-visible, .theme-dark .modal input[type="text"]:focus-visible, .theme-dark .modal input[type="search"]:focus-visible, .theme-dark .modal textarea:focus-visible { border-color: var(--ogd-focus-ring-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), var(--ogd-focus-ring-shadow), 0 4px 12px rgba(0, 0, 0, 0.24); } .theme-dark .suggestion-item.is-selected, .theme-dark .prompt-results .suggestion-item.is-selected, .theme-dark .menu-item:hover, .theme-dark .menu-item.selected { background: radial-gradient(circle at 78% 20%, rgba(148, 163, 184, 0.09), transparent 38%), linear-gradient(180deg, rgba(30, 41, 59, 0.52), rgba(15, 23, 42, 0.36)); color: var(--ogd-text-inverted, #f8fafc); box-shadow: inset 0 0 0 1px rgba(203, 213, 225, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 2px 7px rgba(0, 0, 0, 0.16); } .theme-dark .markdown-rendered .dataview.table-view-table, .theme-dark .markdown-rendered .dataview.dataview-table, .theme-dark .block-language-dataview table, .theme-dark .dataview.table-view-table, .theme-dark .dataview.dataview-table { border-color: var(--ogd-line-contrast, #374151); box-shadow: var(--ogd-shadow-none, none); } .theme-dark .markdown-rendered .dataview.table-view-table th, .theme-dark .markdown-rendered .dataview.dataview-table th, .theme-dark .block-language-dataview table th, .theme-dark .dataview.table-view-table th, .theme-dark .dataview.dataview-table th { background: #1f2937; border-color: var(--ogd-line-contrast, #374151); color: var(--ogd-surface-subtle, #f3f4f6); } .theme-dark .markdown-rendered .dataview.table-view-table td, .theme-dark .markdown-rendered .dataview.dataview-table td, .theme-dark .block-language-dataview table td, .theme-dark .dataview.table-view-table td, .theme-dark .dataview.dataview-table td { border-color: #2f3744; } body.theme-dark.ogd-zebra-disabled-permanently .markdown-rendered .dataview.table-view-table tbody tr:nth-child(even) td, body.theme-dark.ogd-zebra-disabled-permanently .markdown-rendered .dataview.dataview-table tbody tr:nth-child(even) td, body.theme-dark.ogd-zebra-disabled-permanently .block-language-dataview table tbody tr:nth-child(even) td { background: #151a22; } .theme-dark .markdown-rendered .dataview.table-view-table tr:hover td, .theme-dark .markdown-rendered .dataview.dataview-table tr:hover td, .theme-dark .block-language-dataview table tr:hover td { background: #1b2330; } .theme-dark .markdown-rendered :is(.dataview.table-view-table, .dataview.dataview-table):focus-within, .theme-dark .block-language-dataview:focus-within table, .theme-dark .dataview.table-view-table:focus-within, .theme-dark .dataview.dataview-table:focus-within { border-color: var(--ogd-focus-ring-border); box-shadow: var(--ogd-focus-ring-shadow), 0 4px 12px rgba(0, 0, 0, 0.24); } /* Dataview inline fields: liquid-glass key/value chips. */ .markdown-rendered :is(.dataview.inline-field, .dataview-inline-field), .markdown-preview-view :is(.dataview.inline-field, .dataview-inline-field), .markdown-reading-view :is(.dataview.inline-field, .dataview-inline-field) { display: inline-flex; align-items: baseline; gap: 0.22em; max-width: 100%; vertical-align: baseline; } .markdown-rendered :is(.dataview.inline-field-key, .dataview-inline-field-key), .markdown-preview-view :is(.dataview.inline-field-key, .dataview-inline-field-key), .markdown-reading-view :is(.dataview.inline-field-key, .dataview-inline-field-key) { display: inline-flex; align-items: center; min-height: 1.35em; padding: 0.05em 0.46em; border: 1px solid rgba(148, 163, 184, 0.28); border-radius: var(--ogd-radius-pill, 999px); background: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.72), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(248, 250, 252, 0.54)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.04); color: var(--ogd-text-slate, #334155); font-size: 0.86em; font-weight: 750; line-height: 1.25; white-space: nowrap; } .markdown-rendered :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-key, .dataview-inline-field-key), .markdown-preview-view :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-key, .dataview-inline-field-key), .markdown-reading-view :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-key, .dataview-inline-field-key), .markdown-rendered :is(.dataview.inline-field-key, .dataview-inline-field-key):is(:hover, :focus-visible), .markdown-preview-view :is(.dataview.inline-field-key, .dataview-inline-field-key):is(:hover, :focus-visible), .markdown-reading-view :is(.dataview.inline-field-key, .dataview-inline-field-key):is(:hover, :focus-visible) { border-color: rgba(100, 116, 139, 0.30); background: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.84), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(248, 250, 252, 0.60)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 3px 8px rgba(15, 23, 42, 0.08), 0 0 0 2px rgba(148, 163, 184, 0.06); color: var(--ogd-text-strong, #111827); } .markdown-rendered :is(.dataview.inline-field-value, .dataview-inline-field-value), .markdown-preview-view :is(.dataview.inline-field-value, .dataview-inline-field-value), .markdown-reading-view :is(.dataview.inline-field-value, .dataview-inline-field-value) { display: inline-flex; align-items: center; min-height: 1.35em; padding: 0.05em 0.5em; border: 1px solid rgba(148, 163, 184, 0.26); border-radius: var(--ogd-radius-pill, 999px); background: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.62), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(248, 250, 252, 0.42)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), inset 0 -1px 0 rgba(15, 23, 42, 0.035); color: var(--text-normal); font-variant-numeric: tabular-nums; line-height: 1.25; overflow-wrap: anywhere; } .markdown-rendered :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-value, .dataview-inline-field-value), .markdown-preview-view :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-value, .dataview-inline-field-value), .markdown-reading-view :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-value, .dataview-inline-field-value), .markdown-rendered :is(.dataview.inline-field-value, .dataview-inline-field-value):is(:hover, :focus-visible), .markdown-preview-view :is(.dataview.inline-field-value, .dataview-inline-field-value):is(:hover, :focus-visible), .markdown-reading-view :is(.dataview.inline-field-value, .dataview-inline-field-value):is(:hover, :focus-visible) { border-color: rgba(148, 163, 184, 0.34); background: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.78), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(248, 250, 252, 0.52)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.06); } .theme-dark .markdown-rendered :is(.dataview.inline-field-key, .dataview-inline-field-key), .theme-dark .markdown-preview-view :is(.dataview.inline-field-key, .dataview-inline-field-key), .theme-dark .markdown-reading-view :is(.dataview.inline-field-key, .dataview-inline-field-key) { border-color: rgba(203, 213, 225, 0.16); background: radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.34)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.22), 0 2px 5px rgba(0, 0, 0, 0.18); color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-rendered :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-key, .dataview-inline-field-key), .theme-dark .markdown-preview-view :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-key, .dataview-inline-field-key), .theme-dark .markdown-reading-view :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-key, .dataview-inline-field-key), .theme-dark .markdown-rendered :is(.dataview.inline-field-key, .dataview-inline-field-key):is(:hover, :focus-visible), .theme-dark .markdown-preview-view :is(.dataview.inline-field-key, .dataview-inline-field-key):is(:hover, :focus-visible), .theme-dark .markdown-reading-view :is(.dataview.inline-field-key, .dataview-inline-field-key):is(:hover, :focus-visible) { border-color: rgba(203, 213, 225, 0.22); background: radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.14), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.66), rgba(15, 23, 42, 0.40)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(203, 213, 225, 0.05), 0 4px 10px rgba(0, 0, 0, 0.26), 0 0 0 2px rgba(203, 213, 225, 0.04); color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .markdown-rendered :is(.dataview.inline-field-value, .dataview-inline-field-value), .theme-dark .markdown-preview-view :is(.dataview.inline-field-value, .dataview-inline-field-value), .theme-dark .markdown-reading-view :is(.dataview.inline-field-value, .dataview-inline-field-value) { border-color: rgba(203, 213, 225, 0.18); background: radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.10), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.50), rgba(15, 23, 42, 0.30)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(0, 0, 0, 0.20); color: var(--text-normal); } .theme-dark .markdown-rendered :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-value, .dataview-inline-field-value), .theme-dark .markdown-preview-view :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-value, .dataview-inline-field-value), .theme-dark .markdown-reading-view :is(.dataview.inline-field, .dataview-inline-field):is(:hover, :focus-within) :is(.dataview.inline-field-value, .dataview-inline-field-value), .theme-dark .markdown-rendered :is(.dataview.inline-field-value, .dataview-inline-field-value):is(:hover, :focus-visible), .theme-dark .markdown-preview-view :is(.dataview.inline-field-value, .dataview-inline-field-value):is(:hover, :focus-visible), .theme-dark .markdown-reading-view :is(.dataview.inline-field-value, .dataview-inline-field-value):is(:hover, :focus-visible) { border-color: rgba(203, 213, 225, 0.22); background: radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.36)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.22), 0 3px 8px rgba(0, 0, 0, 0.22); } /* <<< src/chrome/32-overlay-popover-dataview.css */ /* 07c-settings-controls.css -> chrome/33 */ /* >>> src/chrome/33-settings-controls.css */ /* ============================================================ v1.8.4 - Settings + controls polish - Style Settings panels inherit the calm Graphite report tone - Toggles, dropdowns, sliders, color pickers, and buttons align - Focus states stay visible without adding visual noise ============================================================ */ /* Settings panels */ .setting-item, .style-settings-container .setting-item, .vertical-tab-content-container .setting-item { border-top-color: rgba(148, 163, 184, 0.22); padding-top: 12px; padding-bottom: 12px; } .setting-item-heading, .setting-item-name { color: var(--ogd-text-strong, #111827); font-weight: 700; letter-spacing: 0; } body.css-settings-manager .style-settings-container .setting-item.setting-item-heading, body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) :is(.setting-item.setting-item-heading, .setting-item-heading, h1, h2, h3) { position: relative; display: flex; align-items: center; min-height: 36px; margin: 18px 0 10px; padding: 8px 12px 8px 14px; border: 1px solid rgba(148, 163, 184, 0.32); border-radius: var(--ogd-radius-control, 7px); background: radial-gradient(circle at 92% 16%, rgba(186, 230, 253, 0.22), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.56)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.05); } body.css-settings-manager .style-settings-container .setting-item.setting-item-heading::before, body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) :is(.setting-item.setting-item-heading, .setting-item-heading, h1, h2, h3)::before { content: ""; display: block; width: 18px; height: 18px; margin-right: 10px; border: 1px solid rgba(125, 211, 252, 0.34); border-radius: var(--ogd-radius-control, 7px); background: radial-gradient(circle at 68% 22%, rgba(255, 255, 255, 0.80), transparent 36%), linear-gradient(180deg, rgba(240, 249, 255, 0.78), rgba(226, 232, 240, 0.54)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 2px 5px rgba(15, 23, 42, 0.06); flex: 0 0 auto; } body.css-settings-manager .style-settings-container .setting-item.setting-item-heading .setting-item-info, body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) .setting-item.setting-item-heading .setting-item-info { min-width: 0; } body.css-settings-manager .style-settings-container .setting-item.setting-item-heading .setting-item-name, body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) :is(.setting-item.setting-item-heading, .setting-item-heading, h1, h2, h3), body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) .setting-item.setting-item-heading .setting-item-name { color: var(--ogd-text-strong, #111827); font-size: 14px; font-weight: 860; } .setting-item-description, .setting-item-info .setting-item-description { color: #64748b; line-height: 1.5; } .setting-item-control { gap: 8px; } /* Form controls */ .setting-item-control input[type="text"], .setting-item-control input[type="number"], .setting-item-control input[type="search"], .setting-item-control textarea, .setting-item-control select, .setting-item-control .dropdown, .modal .setting-item-control input[type="text"], .modal .setting-item-control input[type="number"], .modal .setting-item-control textarea, .modal .setting-item-control select, .modal .setting-item-control .dropdown { background: var(--ogd-surface-muted, #f8fafc); border: 1px solid var(--ogd-line-strong, #cbd5e1); border-radius: var(--ogd-radius-control, 7px); color: var(--ogd-text-strong, #111827); min-height: 30px; box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.04); } .setting-item-control select, .setting-item-control .dropdown, .modal .setting-item-control select, .modal .setting-item-control .dropdown { outline: var(--ogd-border-none, 0); accent-color: #64748b; } .setting-item-control select option, .modal .setting-item-control select option { background: #f8fafc; color: var(--ogd-text-strong, #111827); } .setting-item-control select option:checked, .setting-item-control select option:hover, .setting-item-control select option:focus, .modal .setting-item-control select option:checked, .modal .setting-item-control select option:hover, .modal .setting-item-control select option:focus { background: #e5e7eb; color: var(--ogd-text-strong, #111827); } .setting-item-control input::placeholder, .setting-item-control textarea::placeholder { color: var(--ogd-text-soft, #94a3b8); } .setting-item-control input:focus, .setting-item-control textarea:focus, .setting-item-control select:focus, .setting-item-control .dropdown:focus-visible { outline: var(--ogd-border-none, 0); border-color: var(--ogd-focus-ring-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), var(--ogd-focus-ring-shadow), 0 4px 10px rgba(15, 23, 42, 0.08); } /* Buttons */ .setting-item-control button, .modal .setting-item-control button { border-radius: var(--ogd-radius-control, 7px); transition: background 0.12s ease, background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease; } .setting-item-control button:hover, .modal .setting-item-control button:hover { box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); transform: var(--ogd-hover-lift, translateY(-1px)); } .setting-item-control button.mod-cta, .modal .setting-item-control button.mod-cta { background: radial-gradient(circle at 74% 22%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(240, 249, 255, 0.94), color-mix(in srgb, var(--ogd-surface-tint-aqua) 42%, rgba(224, 242, 254, 0.72))); border-color: var(--ogd-rim-active-low); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 20%, transparent), 0 4px 11px rgba(15, 23, 42, 0.08), 0 0 0 1px color-mix(in srgb, var(--ogd-rim-active-low) 54%, transparent); color: #075985; } .setting-item-control button.mod-cta:is(:hover, :focus-visible), .modal .setting-item-control button.mod-cta:is(:hover, :focus-visible) { background: radial-gradient(circle at 74% 22%, rgba(255, 255, 255, 0.94), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--ogd-surface-tint-aqua) 52%, rgba(224, 242, 254, 0.78))); border-color: var(--ogd-rim-active); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 28%, transparent), 0 7px 16px rgba(15, 23, 42, 0.11), 0 0 0 2px color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 30%, transparent); color: #0369a1; } .setting-item-control button.mod-warning, .setting-item-control button.mod-destructive, .modal .setting-item-control button.mod-warning, .modal .setting-item-control button.mod-destructive { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.70), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.58)); border-color: rgba(203, 213, 225, 0.58); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(15, 23, 42, 0.05), 0 2px 6px rgba(15, 23, 42, 0.06); color: var(--ogd-text-slate, #334155); } .setting-item-control button.mod-warning:is(:hover, :focus-visible), .modal .setting-item-control button.mod-warning:is(:hover, :focus-visible) { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.66)); border-color: rgba(251, 191, 36, 0.38); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(251, 191, 36, 0.08), 0 6px 14px rgba(15, 23, 42, 0.10), 0 0 0 3px rgba(251, 191, 36, 0.06); color: #92400e; } .setting-item-control button.mod-destructive:is(:hover, :focus-visible), .modal .setting-item-control button.mod-destructive:is(:hover, :focus-visible) { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.66)); border-color: rgba(251, 113, 133, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(251, 113, 133, 0.08), 0 6px 14px rgba(15, 23, 42, 0.10), 0 0 0 3px rgba(251, 113, 133, 0.06); color: #be123c; } .setting-item-control button:disabled, .modal .setting-item-control button:disabled { opacity: 0.56; transform: none; box-shadow: var(--ogd-shadow-none, none); } body.css-settings-manager :is(.style-settings-import, .style-settings-export, .style-settings-copy, .style-settings-download, .style-settings-import-label), body:not(.is-mobile) .modal-style-settings :is(.style-settings-import, .style-settings-export, .style-settings-copy, .style-settings-download, .style-settings-import-label) { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 0 10px; border: 1px solid rgba(148, 163, 184, 0.32); border-radius: var(--ogd-radius-control, 7px); background: radial-gradient(circle at 72% 20%, rgba(255, 255, 255, 0.66), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.64)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(15, 23, 42, 0.035), 0 2px 7px rgba(15, 23, 42, 0.055); color: var(--ogd-text-slate, #334155); font-size: 0.9em; font-weight: 760; line-height: 1; text-decoration: none; text-underline-offset: 0; transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease, color 0.12s ease, transform 0.12s ease; } body.css-settings-manager :is(.style-settings-import, .style-settings-export):not(:last-child) { margin-right: 8px; } body.css-settings-manager :is(.style-settings-copy, .style-settings-download), body:not(.is-mobile) .modal-style-settings :is(.style-settings-copy, .style-settings-download) { margin-left: 8px; } body.css-settings-manager :is(.style-settings-import, .style-settings-export, .style-settings-copy, .style-settings-download, .style-settings-import-label):is(:hover, :focus-visible), body:not(.is-mobile) .modal-style-settings :is(.style-settings-import, .style-settings-export, .style-settings-copy, .style-settings-download, .style-settings-import-label):is(:hover, :focus-visible) { border-color: rgba(14, 165, 233, 0.30); background: radial-gradient(circle at 72% 20%, rgba(255, 255, 255, 0.84), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(240, 249, 255, 0.68)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 4px 11px rgba(15, 23, 42, 0.08), 0 0 0 2px rgba(14, 165, 233, 0.055); color: #0f766e; transform: var(--ogd-hover-lift-subtle, translateY(-0.5px)); } body.css-settings-manager .style-settings-copy::before, body:not(.is-mobile) .modal-style-settings .style-settings-copy::before { color: #0f766e; left: -15px; } body:not(.is-mobile) :is(.modal-style-settings, .modal.mod-settings:has(.style-settings-copy, .style-settings-download)) :is(.setting-item, .modal-title, .setting-item-heading):is(:focus-within, :focus-visible) { outline-color: rgba(148, 163, 184, 0.18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 2px 8px rgba(15, 23, 42, 0.055), 0 0 0 1px rgba(148, 163, 184, 0.12); } body:not(.is-mobile) .modal.mod-settings .search-input-container:focus-within { outline: 0; border-color: rgba(148, 163, 184, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(148, 163, 184, 0.12); } body:not(.is-mobile) .modal.mod-settings .search-input-container input[type="search"]:is(:focus, :focus-visible) { outline: 0; border-color: rgba(148, 163, 184, 0.22); box-shadow: none; } body:not(.is-mobile) .modal.mod-community-plugin :is(.search-input-container, .search-input-container input[type="search"], .search-input-container input[type="text"]):is(:focus, :focus-visible, :focus-within) { outline: 0; border-color: rgba(148, 163, 184, 0.24); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(15, 23, 42, 0.055); } body:not(.is-mobile) .modal.mod-community-plugin .community-modal-button-container button.mod-cta { border-color: rgba(148, 163, 184, 0.34); border-radius: var(--ogd-radius-control, 7px); background: radial-gradient(circle at 72% 20%, rgba(255, 255, 255, 0.88), transparent 36%), linear-gradient(180deg, rgba(248, 252, 255, 0.96), color-mix(in srgb, var(--ogd-surface-tint-aqua) 34%, rgba(226, 232, 240, 0.70))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(15, 23, 42, 0.045), 0 4px 11px rgba(15, 23, 42, 0.08); color: #075985; transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease; } body:not(.is-mobile) .modal.mod-community-plugin .community-modal-button-container button.mod-cta:is(:hover, :focus-visible) { border-color: rgba(100, 116, 139, 0.40); background: radial-gradient(circle at 72% 20%, rgba(255, 255, 255, 0.94), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), color-mix(in srgb, var(--ogd-surface-tint-aqua) 42%, rgba(226, 232, 240, 0.72))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(15, 23, 42, 0.05), 0 7px 16px rgba(15, 23, 42, 0.11); color: #0369a1; transform: var(--ogd-hover-lift, translateY(-1px)); } body:not(.is-mobile) :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item :is(.community-item-badge, .flair.mod-pop) { background: radial-gradient(circle at 76% 22%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(224, 242, 254, 0.90), rgba(226, 232, 240, 0.66)); border: 1px solid rgba(148, 163, 184, 0.30); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 2px 7px rgba(15, 23, 42, 0.07); color: #075985; } body:not(.is-mobile) :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item:is(.is-selected, [aria-selected="true"]) { background: radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.86), transparent 34%), radial-gradient(circle at 14% 72%, color-mix(in srgb, var(--ogd-surface-tint-aqua) 46%, transparent), transparent 36%), linear-gradient(180deg, rgba(240, 249, 255, 0.96), rgba(226, 232, 240, 0.70)); border-color: rgba(148, 163, 184, 0.32); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(15, 23, 42, 0.045), 0 8px 20px rgba(15, 23, 42, 0.10); color: var(--ogd-text-strong, #111827); } body:not(.is-mobile) :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item:is(.is-selected, [aria-selected="true"]) :is(.community-item-name, .community-item-author, .community-item-downloads, .community-item-downloads-text) { color: inherit; } body:not(.is-mobile) :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item:is(.is-selected, [aria-selected="true"]) :is(.community-item-badge, .flair) { background: radial-gradient(circle at 76% 22%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(224, 242, 254, 0.90), rgba(226, 232, 240, 0.66)); border: 1px solid rgba(148, 163, 184, 0.30); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 2px 7px rgba(15, 23, 42, 0.07); color: #075985; } body:not(.is-mobile) :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item:is(.is-selected, [aria-selected="true"]) .flair.mod-pop { background: color-mix(in srgb, var(--ogd-surface-tint-aqua) 24%, rgba(255, 255, 255, 0.76)); border-color: rgba(148, 163, 184, 0.30); color: #0369a1; } /* Toggles */ .checkbox-container { background: var(--ogd-line-strong, #cbd5e1); border: 1px solid var(--ogd-line-strong, #cbd5e1); box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12); } .checkbox-container::after { background: var(--ogd-surface-base, #ffffff); box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18); } .checkbox-container.is-enabled { background: #4b5563; border-color: #4b5563; } .checkbox-container.is-enabled::after { background: var(--ogd-surface-base, #ffffff); } /* Sliders and color pickers */ .setting-item-control input[type="range"] { accent-color: #4b5563; } .setting-item-control input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: var(--ogd-line-strong, #cbd5e1); border-radius: var(--ogd-radius-pill, 999px); } .setting-item-control input[type="range"]::-webkit-slider-thumb { background: var(--ogd-surface-dark-muted, #374151); border: 2px solid #ffffff; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.24); } .setting-item-control input[type="range"]::-moz-range-track { height: 4px; background: var(--ogd-line-strong, #cbd5e1); border-radius: var(--ogd-radius-pill, 999px); } .setting-item-control input[type="range"]::-moz-range-thumb { background: var(--ogd-surface-dark-muted, #374151); border: 2px solid #ffffff; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.24); } .setting-item-control input[type="color"], .setting-item-control .pickr .pcr-button { border: 1px solid var(--ogd-line-strong, #cbd5e1); border-radius: var(--ogd-radius-control, 7px); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); } body:not(.is-mobile) .setting-item-control input[type="color"], body:not(.is-mobile) .modal .setting-item-control input[type="color"] { background: transparent; background-color: transparent; padding: 0; overflow: hidden; } body:not(.is-mobile) .setting-item-control input[type="color"]::-webkit-color-swatch-wrapper, body:not(.is-mobile) .modal .setting-item-control input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; background: transparent; } body:not(.is-mobile) .setting-item-control input[type="color"]::-webkit-color-swatch, body:not(.is-mobile) .modal .setting-item-control input[type="color"]::-webkit-color-swatch { border: 0; border-radius: calc(var(--ogd-radius-control, 7px) - 2px); } body:not(.is-mobile) .setting-item-control .pickr .pcr-button, body:not(.is-mobile) .modal .setting-item-control .pickr .pcr-button { background: transparent; background-color: transparent; overflow: hidden; } body:not(.is-mobile) .setting-item-control .pickr .pcr-button::before, body:not(.is-mobile) .modal .setting-item-control .pickr .pcr-button::before, body:not(.is-mobile) .setting-item-control .pickr .pcr-button::after, body:not(.is-mobile) .modal .setting-item-control .pickr .pcr-button::after { border-radius: calc(var(--ogd-radius-control, 7px) - 2px); inset: 2px; } body:not(.is-mobile) .setting-item-control .pickr .pcr-button::after, body:not(.is-mobile) .modal .setting-item-control .pickr .pcr-button::after { background: var(--pcr-color); } body.css-settings-manager .style-settings-container .setting-item[data-id="ogd-accent"] .pickr .pcr-button { --pcr-color: var(--ogd-accent, #4b5563); } /* Settings focus ring */ .setting-item-control :is(input, textarea, select, button, .dropdown, .checkbox-container):focus-visible { outline: 1px solid rgba(100, 116, 139, 0.42); outline-offset: 1px; } .theme-dark .setting-item, .theme-dark .style-settings-container .setting-item, .theme-dark .vertical-tab-content-container .setting-item { border-top-color: rgba(100, 116, 139, 0.34); } .theme-dark .setting-item-heading, .theme-dark .setting-item-name { color: var(--ogd-text-inverted, #f8fafc); } body.theme-dark.css-settings-manager .style-settings-container .setting-item.setting-item-heading, body:not(.is-mobile).theme-dark .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) :is(.setting-item.setting-item-heading, .setting-item-heading, h1, h2, h3) { border-color: rgba(203, 213, 225, 0.18); background: radial-gradient(circle at 92% 16%, rgba(56, 189, 248, 0.09), transparent 32%), linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.42)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.26), 0 4px 12px rgba(0, 0, 0, 0.24); } body.theme-dark.css-settings-manager .style-settings-container .setting-item.setting-item-heading::before, body:not(.is-mobile).theme-dark .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) :is(.setting-item.setting-item-heading, .setting-item-heading, h1, h2, h3)::before { background: linear-gradient(180deg, #7dd3fc, #5eead4); box-shadow: 0 0 0 3px rgba(125, 211, 252, 0.10); } body.theme-dark.css-settings-manager .style-settings-container .setting-item.setting-item-heading .setting-item-name, body:not(.is-mobile).theme-dark .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) :is(.setting-item.setting-item-heading, .setting-item-heading, h1, h2, h3), body:not(.is-mobile).theme-dark .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) .setting-item.setting-item-heading .setting-item-name { color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .setting-item-description, .theme-dark .setting-item-info .setting-item-description { color: var(--ogd-text-soft, #94a3b8); } .theme-dark .setting-item-control input[type="text"], .theme-dark .setting-item-control input[type="number"], .theme-dark .setting-item-control input[type="search"], .theme-dark .setting-item-control textarea, .theme-dark .setting-item-control select, .theme-dark .setting-item-control .dropdown, .theme-dark .modal .setting-item-control input[type="text"], .theme-dark .modal .setting-item-control input[type="number"], .theme-dark .modal .setting-item-control textarea, .theme-dark .modal .setting-item-control select, .theme-dark .modal .setting-item-control .dropdown { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.42)); border-color: rgba(148, 163, 184, 0.34); color: var(--ogd-text-inverted, #f8fafc); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); } .theme-dark .setting-item-control select, .theme-dark .setting-item-control .dropdown, .theme-dark .modal .setting-item-control select, .theme-dark .modal .setting-item-control .dropdown { outline: var(--ogd-border-none, 0); accent-color: #94a3b8; } .theme-dark .setting-item-control select option, .theme-dark .modal .setting-item-control select option { background: #111827; color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .setting-item-control select option:checked, .theme-dark .setting-item-control select option:hover, .theme-dark .setting-item-control select option:focus, .theme-dark .modal .setting-item-control select option:checked, .theme-dark .modal .setting-item-control select option:hover, .theme-dark .modal .setting-item-control select option:focus { background: #334155; color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .setting-item-control input::placeholder, .theme-dark .setting-item-control textarea::placeholder { color: #64748b; } .theme-dark .setting-item-control input:focus, .theme-dark .setting-item-control textarea:focus, .theme-dark .setting-item-control select:focus, .theme-dark .setting-item-control .dropdown:focus-visible { outline: var(--ogd-border-none, 0); border-color: rgba(203, 213, 225, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 0 0 2px rgba(148, 163, 184, 0.14), 0 5px 14px rgba(0, 0, 0, 0.26); } .theme-dark .setting-item-control button.mod-cta, .theme-dark .modal .setting-item-control button.mod-cta { background: radial-gradient(circle at 74% 22%, color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 36%, transparent), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), color-mix(in srgb, var(--ogd-surface-tint-aqua) 26%, rgba(15, 23, 42, 0.46))); border-color: var(--ogd-rim-active-low); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 18%, transparent), 0 5px 14px rgba(0, 0, 0, 0.28), 0 0 0 1px color-mix(in srgb, var(--ogd-rim-active-low) 48%, transparent); color: #bae6fd; } .theme-dark .setting-item-control button.mod-cta:is(:hover, :focus-visible), .theme-dark .modal .setting-item-control button.mod-cta:is(:hover, :focus-visible) { background: radial-gradient(circle at 74% 22%, color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 44%, transparent), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.74), color-mix(in srgb, var(--ogd-surface-tint-aqua) 34%, rgba(15, 23, 42, 0.52))); border-color: var(--ogd-rim-active); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 24%, transparent), 0 8px 18px rgba(0, 0, 0, 0.34), 0 0 0 2px color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 24%, transparent); color: #e0f2fe; } .theme-dark .setting-item-control button.mod-warning, .theme-dark .setting-item-control button.mod-destructive, .theme-dark .modal .setting-item-control button.mod-warning, .theme-dark .modal .setting-item-control button.mod-destructive { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.36)); border-color: rgba(203, 213, 225, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.22); color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .setting-item-control button.mod-warning:is(:hover, :focus-visible), .theme-dark .modal .setting-item-control button.mod-warning:is(:hover, :focus-visible) { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.14), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.42)); border-color: rgba(251, 191, 36, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(251, 191, 36, 0.06), 0 6px 16px rgba(0, 0, 0, 0.32), 0 0 0 3px rgba(251, 191, 36, 0.05); color: #fde68a; } .theme-dark .setting-item-control button.mod-destructive:is(:hover, :focus-visible), .theme-dark .modal .setting-item-control button.mod-destructive:is(:hover, :focus-visible) { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.14), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.42)); border-color: rgba(251, 113, 133, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(251, 113, 133, 0.06), 0 6px 16px rgba(0, 0, 0, 0.32), 0 0 0 3px rgba(251, 113, 133, 0.05); color: #fecdd3; } body.theme-dark.css-settings-manager :is(.style-settings-import, .style-settings-export, .style-settings-copy, .style-settings-download, .style-settings-import-label), body:not(.is-mobile).theme-dark .modal-style-settings :is(.style-settings-import, .style-settings-export, .style-settings-copy, .style-settings-download, .style-settings-import-label) { border-color: rgba(203, 213, 225, 0.18); background: radial-gradient(circle at 72% 20%, rgba(148, 163, 184, 0.12), transparent 38%), linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.38)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 4px 12px rgba(0, 0, 0, 0.24); color: var(--ogd-line-strong, #cbd5e1); } body.theme-dark.css-settings-manager :is(.style-settings-import, .style-settings-export, .style-settings-copy, .style-settings-download, .style-settings-import-label):is(:hover, :focus-visible), body:not(.is-mobile).theme-dark .modal-style-settings :is(.style-settings-import, .style-settings-export, .style-settings-copy, .style-settings-download, .style-settings-import-label):is(:hover, :focus-visible) { border-color: rgba(14, 165, 233, 0.28); background: radial-gradient(circle at 72% 20%, rgba(148, 163, 184, 0.16), transparent 38%), linear-gradient(180deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.48)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 7px 18px rgba(0, 0, 0, 0.34), 0 0 0 3px rgba(14, 165, 233, 0.05); color: #7dd3fc; } body:not(.is-mobile).theme-dark :is(.modal-style-settings, .modal.mod-settings:has(.style-settings-copy, .style-settings-download)) :is(.setting-item, .modal-title, .setting-item-heading):is(:focus-within, :focus-visible) { outline-color: rgba(203, 213, 225, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 3px 10px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(203, 213, 225, 0.08); } body:not(.is-mobile).theme-dark .modal.mod-settings .search-input-container:focus-within { border-color: rgba(203, 213, 225, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 3px 10px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(203, 213, 225, 0.08); } body:not(.is-mobile).theme-dark .modal.mod-settings .search-input-container input[type="search"]:is(:focus, :focus-visible) { border-color: rgba(203, 213, 225, 0.14); box-shadow: none; } body:not(.is-mobile).theme-dark .modal.mod-community-plugin :is(.search-input-container, .search-input-container input[type="search"], .search-input-container input[type="text"]):is(:focus, :focus-visible, :focus-within) { border-color: rgba(203, 213, 225, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 3px 10px rgba(0, 0, 0, 0.22); } body:not(.is-mobile).theme-dark .modal.mod-community-plugin .community-modal-button-container button.mod-cta { border-color: rgba(203, 213, 225, 0.18); background: radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 30%, transparent), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), color-mix(in srgb, var(--ogd-surface-tint-aqua) 22%, rgba(15, 23, 42, 0.48))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 5px 14px rgba(0, 0, 0, 0.28); color: #bae6fd; } body:not(.is-mobile).theme-dark .modal.mod-community-plugin .community-modal-button-container button.mod-cta:is(:hover, :focus-visible) { border-color: rgba(203, 213, 225, 0.24); background: radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 38%, transparent), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.74), color-mix(in srgb, var(--ogd-surface-tint-aqua) 28%, rgba(15, 23, 42, 0.52))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.28), 0 8px 18px rgba(0, 0, 0, 0.34); color: #e0f2fe; } body:not(.is-mobile).theme-dark :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item :is(.community-item-badge, .flair.mod-pop) { background: radial-gradient(circle at 76% 22%, color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 30%, transparent), transparent 36%), linear-gradient(180deg, rgba(14, 116, 144, 0.24), rgba(30, 41, 59, 0.28)); border: 1px solid rgba(203, 213, 225, 0.18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24); color: #bae6fd; } body:not(.is-mobile).theme-dark :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item:is(.is-selected, [aria-selected="true"]) { background: radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 36%, transparent), transparent 34%), radial-gradient(circle at 14% 72%, color-mix(in srgb, var(--ogd-surface-tint-aqua) 16%, transparent), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.48)); border-color: rgba(203, 213, 225, 0.18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 8px 22px rgba(0, 0, 0, 0.32); color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item:is(.is-selected, [aria-selected="true"]) :is(.community-item-badge, .flair) { background: radial-gradient(circle at 76% 22%, color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 32%, transparent), transparent 36%), linear-gradient(180deg, rgba(14, 116, 144, 0.26), rgba(30, 41, 59, 0.30)); border: 1px solid rgba(203, 213, 225, 0.18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 3px 8px rgba(0, 0, 0, 0.24); color: #bae6fd; } body:not(.is-mobile).theme-dark :is(.modal.mod-community-theme, .modal.mod-community-plugin, .modal .community-modal) .community-item:is(.is-selected, [aria-selected="true"]) .flair.mod-pop { background: color-mix(in srgb, var(--ogd-surface-tint-aqua) 34%, rgba(15, 23, 42, 0.38)); border-color: rgba(203, 213, 225, 0.18); color: #e0f2fe; } .theme-dark .checkbox-container { background: var(--ogd-surface-dark-subtle, #334155); border-color: var(--ogd-line-muted, #475569); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.34); } .theme-dark .checkbox-container::after { background: var(--ogd-line-strong, #cbd5e1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34); } .theme-dark .checkbox-container.is-enabled { background: #818cf8; border-color: #818cf8; } .theme-dark .checkbox-container.is-enabled::after { background: var(--ogd-surface-dark, #111827); } .theme-dark .setting-item-control input[type="range"] { accent-color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .setting-item-control input[type="range"]::-webkit-slider-runnable-track { background: var(--ogd-surface-dark-subtle, #334155); } .theme-dark .setting-item-control input[type="range"]::-webkit-slider-thumb { background: var(--ogd-line-soft, #e5e7eb); border-color: var(--ogd-line-ink, #111827); } .theme-dark .setting-item-control input[type="range"]::-moz-range-track { background: var(--ogd-surface-dark-subtle, #334155); } .theme-dark .setting-item-control input[type="range"]::-moz-range-thumb { background: var(--ogd-line-soft, #e5e7eb); border-color: var(--ogd-line-ink, #111827); } .theme-dark .setting-item-control input[type="color"], .theme-dark .setting-item-control .pickr .pcr-button { border-color: var(--ogd-line-muted, #475569); box-shadow: var(--ogd-shadow-none, none); } .theme-dark .setting-item-control :is(input, textarea, select, button, .dropdown, .checkbox-container):focus-visible { outline-color: var(--ogd-text-soft, #94a3b8); } /* <<< src/chrome/33-settings-controls.css */ /* 07d-canvas-graph-link-panes.css -> plugins/60 */ /* >>> src/plugins/60-canvas-graph-link-panes.css */ /* ============================================================ v1.8.5 - Canvas + Graph + Link panes polish - Canvas nodes and controls inherit the document-card language - Graph view colors become quieter and easier to scan - Backlinks, outgoing links, search results, and tag panes align ============================================================ */ /* Canvas: note cards and controls */ .canvas-wrapper, .canvas-background { background-color: var(--ogd-text-inverted, #f8fafc); } .canvas-node { border-radius: var(--radius-l, 8px); } .canvas-node-container, .canvas-node-content { background: var(--ogd-surface-base, #ffffff); border: 1px solid #dbe2ea; border-radius: var(--radius-l, 8px); box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); } .canvas-node:hover .canvas-node-container, .canvas-node:hover .canvas-node-content { border-color: var(--ogd-line-strong, #cbd5e1); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12); } .canvas-node.is-selected .canvas-node-container, .canvas-node.is-selected .canvas-node-content, .canvas-node.is-focused .canvas-node-container, .canvas-node.is-focused .canvas-node-content { border-color: rgba(129, 140, 248, 0.62); box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.14), 0 8px 24px rgba(15, 23, 42, 0.14); } .canvas-node-label { color: var(--ogd-text-secondary, #374151); font-weight: 650; } .canvas-group-label { color: var(--ogd-text-subtle, #475569); font-weight: 700; letter-spacing: 0; } .canvas-edge-path, .canvas-edges path { stroke: var(--ogd-text-soft, #94a3b8); } .canvas-edge.is-focused .canvas-edge-path, .canvas-edge:hover .canvas-edge-path, .canvas-edges path:hover { stroke: rgba(129, 140, 248, 0.74); } .canvas-controls, .canvas-card-menu { background: rgba(255, 255, 255, 0.94); border: 1px solid #dbe2ea; border-radius: var(--radius-l, 8px); box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14); } .canvas-control-item, .canvas-card-menu :is(.clickable-icon, .canvas-card-menu-button) { color: var(--ogd-text-subtle, #475569); border-radius: var(--radius-m, 6px); } .canvas-control-item:hover, .canvas-card-menu :is(.clickable-icon, .canvas-card-menu-button):hover { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.82), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.66)); border-color: rgba(100, 116, 139, 0.30); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 4px 10px rgba(15, 23, 42, 0.10); color: var(--ogd-text-strong, #111827); } /* Graph view: quiet contrast for dense knowledge maps */ .graph-view.color-fill { color: #64748b; } .graph-view.color-fill-highlight, .graph-view.color-circle { color: #818cf8; } .graph-view.color-line, .graph-view.color-arrow { color: rgba(100, 116, 139, 0.42); } .graph-view.color-line-highlight, .graph-view.color-arrow-highlight { color: rgba(129, 140, 248, 0.74); } .graph-view.color-text { color: var(--ogd-text-slate, #334155); } /* Graph controls: liquid-glass control cluster without changing graph layout. */ .workspace-leaf-content[data-type="graph"] :is(.graph-controls, .graph-control-section, .graph-control-group), .workspace-leaf-content[data-type="localgraph"] :is(.graph-controls, .graph-control-section, .graph-control-group) { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.70), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.62)); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(155%)); backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(155%)); border: 1px solid rgba(203, 213, 225, 0.58); border-radius: var(--radius-l, 8px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 18px 38px rgba(15, 23, 42, 0.14), 0 4px 10px rgba(15, 23, 42, 0.08); } .workspace-leaf-content[data-type="graph"] :is(.graph-control-button, .clickable-icon, button), .workspace-leaf-content[data-type="localgraph"] :is(.graph-control-button, .clickable-icon, button) { --ogd-graph-control-border: rgba(203, 213, 225, 0.52); --ogd-graph-control-bg: radial-gradient(circle at 74% 28%, rgba(255, 255, 255, 0.72), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.52)); --ogd-graph-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), inset 0 -1px 0 rgba(15, 23, 42, 0.05), 0 3px 8px rgba(15, 23, 42, 0.08); --ogd-graph-control-color: currentColor; border: 1px solid var(--ogd-graph-control-border); border-radius: var(--radius-m, 6px); background: var(--ogd-graph-control-bg); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: var(--ogd-graph-control-shadow); color: var(--ogd-graph-control-color); transition: var(--ogd-glass-transition-control, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease); } .workspace-leaf-content[data-type="graph"] :is(.graph-control-button, .clickable-icon, button):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"]), .workspace-leaf-content[data-type="localgraph"] :is(.graph-control-button, .clickable-icon, button):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"]) { --ogd-graph-control-border: rgba(100, 116, 139, 0.36); --ogd-graph-control-bg: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.82), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.74)); --ogd-graph-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(15, 23, 42, 0.08), inset 0 0 16px rgba(255, 255, 255, 0.34), 0 12px 24px rgba(15, 23, 42, 0.16), 0 4px 10px rgba(15, 23, 42, 0.10); --ogd-graph-control-color: var(--ogd-text-strong, #111827); -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(11px) saturate(145%)); backdrop-filter: var(--ogd-glass-filter-control, blur(11px) saturate(145%)); } /* Backlinks, outgoing links, search panes */ .backlink-pane, .outgoing-link-pane, .search-result-container { color: var(--ogd-text-secondary, #374151); } .backlink-pane .tree-item-self, .outgoing-link-pane .tree-item-self, .search-result-file-title, .search-result-file-match { border-radius: var(--radius-m, 6px); } .backlink-pane .tree-item-self:hover, .outgoing-link-pane .tree-item-self:hover, .search-result-file-title:hover, .search-result-file-match:hover { background: var(--ogd-surface-subtle, #f3f4f6); } .backlink-pane .tree-item-inner, .outgoing-link-pane .tree-item-inner, .search-result-file-title { color: var(--ogd-text-strong, #111827); font-weight: 650; } .search-result-file-match { border-left: 3px solid #cbd5e1; margin: 4px 0; padding: 6px 8px; } .search-result-file-matched-text, .search-result-file-match-text { background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(254, 243, 199, 0.28)); color: #92400e; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.20); } .search-empty-state, .backlink-pane .search-empty-state, .outgoing-link-pane .search-empty-state { color: #64748b; font-style: normal; } /* Backlinks / outgoing v2: quiet liquid-glass rows for repeated scanning. */ .workspace-leaf-content[data-type="backlink"] :is(.tree-item-self, .search-result-file-match), .workspace-leaf-content[data-type="outgoing-link"] :is(.tree-item-self, .search-result-file-match), .backlink-pane :is(.tree-item-self, .search-result-file-match), .outgoing-link-pane :is(.tree-item-self, .search-result-file-match) { border: 1px solid rgba(203, 213, 225, 0.44); border-radius: var(--radius-l, 8px); background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.64), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(248, 250, 252, 0.42)); background-clip: padding-box; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 1px 4px rgba(15, 23, 42, 0.05); transition: var(--ogd-glass-transition, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease); } .workspace-leaf-content[data-type="backlink"] :is(.tree-item-self, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current), .workspace-leaf-content[data-type="outgoing-link"] :is(.tree-item-self, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current), .backlink-pane :is(.tree-item-self, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current), .outgoing-link-pane :is(.tree-item-self, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current) { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.78), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.70)); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(155%)); backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(155%)); border-color: rgba(100, 116, 139, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(15, 23, 42, 0.07), inset 0 0 16px rgba(255, 255, 255, 0.30), 0 12px 24px rgba(15, 23, 42, 0.14), 0 4px 10px rgba(15, 23, 42, 0.08); transform: var(--ogd-hover-lift-strong, translateY(-2px)); } .workspace-leaf-content[data-type="backlink"] :is(.tree-item-flair, .search-result-file-match-count), .workspace-leaf-content[data-type="outgoing-link"] :is(.tree-item-flair, .search-result-file-match-count), .backlink-pane :is(.tree-item-flair, .search-result-file-match-count), .outgoing-link-pane :is(.tree-item-flair, .search-result-file-match-count) { background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.56)); border: 1px solid rgba(203, 213, 225, 0.62); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74); font-variant-numeric: tabular-nums; } /* Tag pane and link chips */ .tag-pane-tag, .tag-container .tree-item-self, .tag-container .tree-item-inner { border-radius: var(--ogd-radius-pill, 999px); } .tag-pane-tag, .tag-container .tree-item-self { color: var(--ogd-text-secondary, #374151); } .tag-pane-tag:hover, .tag-container .tree-item-self:hover { background: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.82), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.64)); border-color: rgba(100, 116, 139, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 3px 8px rgba(15, 23, 42, 0.08); color: var(--ogd-text-strong, #111827); } .tag-pane-tag-count, .tree-item-flair, .search-result-file-match-count { background: var(--ogd-line-soft, #e5e7eb); color: var(--ogd-text-subtle, #475569); border-radius: var(--ogd-radius-pill, 999px); font-weight: 650; } .theme-dark .canvas-wrapper, .theme-dark .canvas-background { background-color: #0f172a; } .theme-dark .canvas-node-container, .theme-dark .canvas-node-content { background: var(--ogd-surface-dark, #111827); border-color: var(--ogd-line-dark, #334155); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); } .theme-dark .canvas-node:hover .canvas-node-container, .theme-dark .canvas-node:hover .canvas-node-content { border-color: var(--ogd-line-muted, #475569); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.38); } .theme-dark .canvas-node.is-selected .canvas-node-container, .theme-dark .canvas-node.is-selected .canvas-node-content, .theme-dark .canvas-node.is-focused .canvas-node-container, .theme-dark .canvas-node.is-focused .canvas-node-content { border-color: rgba(165, 180, 252, 0.46); box-shadow: 0 0 0 2px rgba(165, 180, 252, 0.16), 0 8px 24px rgba(0, 0, 0, 0.42); } .theme-dark .canvas-node-label, .theme-dark .canvas-group-label { color: var(--ogd-line-soft, #e5e7eb); } .theme-dark .canvas-edge-path, .theme-dark .canvas-edges path { stroke: var(--ogd-text-subtle, #475569); } .theme-dark .canvas-edge.is-focused .canvas-edge-path, .theme-dark .canvas-edge:hover .canvas-edge-path, .theme-dark .canvas-edges path:hover { stroke: rgba(165, 180, 252, 0.72); } .theme-dark .canvas-controls, .theme-dark .canvas-card-menu { background: rgba(17, 24, 39, 0.94); border-color: var(--ogd-line-dark, #334155); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42); } .theme-dark .canvas-control-item, .theme-dark .canvas-card-menu :is(.clickable-icon, .canvas-card-menu-button) { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .canvas-control-item:hover, .theme-dark .canvas-card-menu :is(.clickable-icon, .canvas-card-menu-button):hover { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.10), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.66), rgba(15, 23, 42, 0.38)); border-color: rgba(203, 213, 225, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(203, 213, 225, 0.06), 0 5px 14px rgba(0, 0, 0, 0.30); color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .graph-view.color-fill { color: var(--ogd-text-soft, #94a3b8); } .theme-dark .graph-view.color-fill-highlight, .theme-dark .graph-view.color-circle { color: #a5b4fc; } .theme-dark .graph-view.color-line, .theme-dark .graph-view.color-arrow { color: rgba(148, 163, 184, 0.28); } .theme-dark .graph-view.color-line-highlight, .theme-dark .graph-view.color-arrow-highlight { color: rgba(165, 180, 252, 0.72); } .theme-dark .graph-view.color-text { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .workspace-leaf-content[data-type="graph"] :is(.graph-controls, .graph-control-section, .graph-control-group), .theme-dark .workspace-leaf-content[data-type="localgraph"] :is(.graph-controls, .graph-control-section, .graph-control-group) { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.78), rgba(15, 23, 42, 0.52)); border-color: rgba(203, 213, 225, 0.18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.30), inset 0 0 18px rgba(148, 163, 184, 0.08), 0 16px 36px rgba(0, 0, 0, 0.42); } .theme-dark .workspace-leaf-content[data-type="graph"] :is(.graph-control-button, .clickable-icon, button), .theme-dark .workspace-leaf-content[data-type="localgraph"] :is(.graph-control-button, .clickable-icon, button) { --ogd-graph-control-border: rgba(203, 213, 225, 0.14); --ogd-graph-control-bg: radial-gradient(circle at 74% 35%, rgba(148, 163, 184, 0.14), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.48), rgba(30, 41, 59, 0.26)); --ogd-graph-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 2px 7px rgba(0, 0, 0, 0.20); } .theme-dark .workspace-leaf-content[data-type="graph"] :is(.graph-control-button, .clickable-icon, button):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"]), .theme-dark .workspace-leaf-content[data-type="localgraph"] :is(.graph-control-button, .clickable-icon, button):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"]) { --ogd-graph-control-border: rgba(203, 213, 225, 0.24); --ogd-graph-control-bg: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.14), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.70), rgba(15, 23, 42, 0.42)); --ogd-graph-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(203, 213, 225, 0.06), inset 0 0 14px rgba(148, 163, 184, 0.10), 0 8px 22px rgba(0, 0, 0, 0.34); --ogd-graph-control-color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .backlink-pane, .theme-dark .outgoing-link-pane, .theme-dark .search-result-container { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .backlink-pane .tree-item-self:hover, .theme-dark .outgoing-link-pane .tree-item-self:hover, .theme-dark .search-result-file-title:hover, .theme-dark .search-result-file-match:hover { background: #1f2937; } .theme-dark .backlink-pane .tree-item-inner, .theme-dark .outgoing-link-pane .tree-item-inner, .theme-dark .search-result-file-title { color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .search-result-file-match { border-color: var(--ogd-text-subtle, #475569); } .theme-dark .search-result-file-matched-text, .theme-dark .search-result-file-match-text { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(120, 53, 15, 0.20)); color: #fde68a; box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.20); } .theme-dark .search-empty-state, .theme-dark .backlink-pane .search-empty-state, .theme-dark .outgoing-link-pane .search-empty-state { color: var(--ogd-text-soft, #94a3b8); } .theme-dark .workspace-leaf-content[data-type="backlink"] :is(.tree-item-self, .search-result-file-match), .theme-dark .workspace-leaf-content[data-type="outgoing-link"] :is(.tree-item-self, .search-result-file-match), .theme-dark .backlink-pane :is(.tree-item-self, .search-result-file-match), .theme-dark .outgoing-link-pane :is(.tree-item-self, .search-result-file-match) { background: radial-gradient(circle at 84% 28%, rgba(148, 163, 184, 0.08), transparent 32%), radial-gradient(circle at 10% 78%, rgba(203, 213, 225, 0.04), transparent 38%), linear-gradient(180deg, rgba(30, 41, 59, 0.56), rgba(15, 23, 42, 0.34)); border-color: rgba(203, 213, 225, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 1px 5px rgba(0, 0, 0, 0.16); } .theme-dark .workspace-leaf-content[data-type="backlink"] :is(.tree-item-self, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current), .theme-dark .workspace-leaf-content[data-type="outgoing-link"] :is(.tree-item-self, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current), .theme-dark .backlink-pane :is(.tree-item-self, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current), .theme-dark .outgoing-link-pane :is(.tree-item-self, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current) { background: radial-gradient(circle at 82% 24%, rgba(255, 255, 255, 0.08), transparent 34%), radial-gradient(circle at 12% 76%, rgba(203, 213, 225, 0.06), transparent 42%), linear-gradient(180deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.46)); border-color: rgba(203, 213, 225, 0.24); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(203, 213, 225, 0.07), inset 0 0 16px rgba(148, 163, 184, 0.10), 0 8px 22px rgba(0, 0, 0, 0.34); } .theme-dark .workspace-leaf-content[data-type="backlink"] :is(.tree-item-flair, .search-result-file-match-count), .theme-dark .workspace-leaf-content[data-type="outgoing-link"] :is(.tree-item-flair, .search-result-file-match-count), .theme-dark .backlink-pane :is(.tree-item-flair, .search-result-file-match-count), .theme-dark .outgoing-link-pane :is(.tree-item-flair, .search-result-file-match-count) { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.36)); border-color: rgba(203, 213, 225, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07); } .theme-dark .tag-pane-tag, .theme-dark .tag-container .tree-item-self { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .tag-pane-tag:hover, .theme-dark .tag-container .tree-item-self:hover { background: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.10), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.66), rgba(15, 23, 42, 0.38)); border-color: rgba(203, 213, 225, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 10px rgba(0, 0, 0, 0.24); color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .tag-pane-tag-count, .theme-dark .tree-item-flair, .theme-dark .search-result-file-match-count { background: var(--ogd-surface-dark-subtle, #334155); color: var(--ogd-line-strong, #cbd5e1); } /* <<< src/plugins/60-canvas-graph-link-panes.css */ /* 07e-live-preview-mobile-plugin.css -> plugins/61 */ /* >>> src/plugins/61-live-preview-mobile-plugin.css */ /* ============================================================ v1.8.6 - Parity cleanup + mobile stability - Live Preview embeds/tables/callouts align more closely with Reading View - Mobile panes and wide content avoid viewport push-out - Outline, Bookmarks, Bases, embeds, and status bar inherit v1.8.5 tone FORBIDDEN — CM6 hit-routing contract: - .cm-embed-block { overflow-x: auto + max-width: 100% } pair (v2.22.106) - non-zero vertical margin on .cm-callout / .cm-table-widget - pointer-events:none on .cm-content / .cm-line See: dev/MAP/cm6-hit-routing-contract.md ============================================================ */ /* Live Preview parity: chips, embeds, and editing widgets. Keep the editor content width controlled by the readable-line-width rules above; overriding the CM6 containers here can collapse Korean paragraphs to a one-character column. */ .markdown-source-view.mod-cm6 .cm-line.HyperMD-callout, .markdown-source-view.mod-cm6 .cm-embed-block, .markdown-source-view.mod-cm6 .cm-html-embed { border-radius: var(--radius-l, 8px); } /* v2.22.106: removed `.cm-embed-block, .cm-html-embed { overflow-x: auto; max-width: 100% }`. The forced BFC + scroll container suppressed margin collapse with the paragraph cm-line directly above the table embed and appeared to alter mouse hit-routing for that paragraph. Wide table horizontal scroll is provided by the table-level rules in 08-report-print and 10d-liquid-glass-core; the embed-block container itself can stay visible/static like vanilla. */ .markdown-source-view.mod-cm6 .cm-hmd-internal-link, .markdown-source-view.mod-cm6 .cm-hashtag { border-radius: var(--ogd-radius-pill, 999px); padding: 0.02em 0.28em; } .markdown-source-view.mod-cm6 .cm-hmd-internal-link { background: #eef2ff; color: #3730a3; } .markdown-source-view.mod-cm6 .cm-hashtag { background: var(--ogd-surface-subtle, #f3f4f6); color: var(--ogd-text-subtle, #475569); } .markdown-source-view.mod-cm6 .cm-formatting-highlight, .markdown-source-view.mod-cm6 .cm-highlight { background: #fef3c7; color: #78350f; border-radius: 3px; } /* Mermaid and wide media: predictable layout without clipping diagram bounds. */ .markdown-rendered .mermaid, .markdown-preview-view .mermaid, .markdown-reading-view .mermaid { box-sizing: border-box; max-width: 100%; padding: 8px; border: 1px solid var(--ogd-media-frame-border); border-radius: var(--radius-l, 8px); background: var(--ogd-media-frame-bg); box-shadow: var(--ogd-media-frame-shadow); overflow: visible; } .markdown-rendered .internal-embed, .markdown-preview-view .internal-embed, .markdown-reading-view .internal-embed, .markdown-rendered .markdown-embed, .markdown-preview-view .markdown-embed, .markdown-reading-view .markdown-embed { max-width: 100%; overflow-x: auto; } .markdown-rendered .mermaid svg, .markdown-preview-view .mermaid svg, .markdown-reading-view .mermaid svg { display: block; max-width: 100%; height: auto; margin: 0 auto; overflow: visible; } .markdown-rendered .mermaid svg text, .markdown-preview-view .mermaid svg text, .markdown-reading-view .mermaid svg text, .markdown-source-view.mod-cm6 .mermaid svg text { fill: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); color: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); opacity: 1; visibility: visible; } .markdown-rendered .mermaid svg :is(.nodeLabel, .nodeLabel *, .edgeLabel :is(div, span, p), .label :is(div, span, p)), .markdown-preview-view .mermaid svg :is(.nodeLabel, .nodeLabel *, .edgeLabel :is(div, span, p), .label :is(div, span, p)), .markdown-reading-view .mermaid svg :is(.nodeLabel, .nodeLabel *, .edgeLabel :is(div, span, p), .label :is(div, span, p)), .markdown-source-view.mod-cm6 .mermaid svg :is(.nodeLabel, .nodeLabel *, .edgeLabel :is(div, span, p), .label :is(div, span, p)) { color: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); -webkit-text-fill-color: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); opacity: 1; visibility: visible; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .markdown-source-view.mod-cm6) .mermaid svg { --ogd-mermaid-label-color: var(--ogd-line-soft, #e5e7eb); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .mermaid { border-color: var(--ogd-media-frame-border); background: var(--ogd-media-frame-bg); box-shadow: var(--ogd-media-frame-shadow); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .markdown-source-view.mod-cm6) .mermaid svg :is(.node, .label, .edgeLabel) foreignObject { overflow: visible; opacity: 1; visibility: visible; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .markdown-source-view.mod-cm6) .mermaid svg :is(.node, .label, .edgeLabel) foreignObject > div { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; width: 100%; height: 100%; color: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); -webkit-text-fill-color: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); opacity: 1; visibility: visible; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .markdown-source-view.mod-cm6) .mermaid svg :is(.nodeLabel, .nodeLabel *, .edgeLabel span, .edgeLabel p, .label span, .label p) { display: inline; color: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); -webkit-text-fill-color: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); line-height: 1.2; opacity: 1; visibility: visible; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .markdown-source-view.mod-cm6) .mermaid svg :is(text, tspan) { fill: var(--ogd-mermaid-label-color, var(--ogd-text-slate, #334155)); stroke: none; opacity: 1; visibility: visible; } @supports selector(.cm-embed-block:has(.mermaid)) { /* Live Preview Mermaid controls must remain visible inside the diagram frame. */ .markdown-source-view.mod-cm6 .cm-embed-block:has(.mermaid) { position: relative; overflow: visible; } .markdown-source-view.mod-cm6 .cm-embed-block:has(.mermaid) .mermaid { position: relative; overflow: visible; } .markdown-source-view.mod-cm6 .cm-embed-block:has(.mermaid) :is(.mermaid-controls, .mermaid-control, .mermaid-toolbar) { position: absolute; inset: 8px auto auto 8px; display: flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid rgba(203, 213, 225, 0.56); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-glass-toolbar-bg, rgba(255, 255, 255, 0.86)); box-shadow: var(--ogd-glass-control-shadow, 0 8px 18px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82)); visibility: visible; opacity: 1; pointer-events: auto; z-index: 10; } .markdown-source-view.mod-cm6 .cm-embed-block:has(.mermaid) :is(.mermaid-controls, .mermaid-control, .mermaid-toolbar) :is(.mermaid-button:not([class~="clickable-icon"]), button:not([class~="clickable-icon"])) { min-width: 26px; min-height: 26px; padding: 4px; border: 1px solid rgba(203, 213, 225, 0.48); border-radius: 6px; background: var(--ogd-glass-control-bg, rgba(255, 255, 255, 0.70)); color: var(--ogd-text-strong, #111827); visibility: visible; opacity: 1; pointer-events: auto; z-index: 11; } .markdown-source-view.mod-cm6 .cm-embed-block:has(.mermaid) :is(.mermaid-controls, .mermaid-control, .mermaid-toolbar) .clickable-icon { border: 1px solid rgba(203, 213, 225, 0.48); border-radius: 6px; background: var(--ogd-glass-control-bg, rgba(255, 255, 255, 0.70)); color: var(--ogd-text-strong, #111827); } .markdown-source-view.mod-cm6 .cm-embed-block:has(.mermaid) :is(.mermaid-controls, .mermaid-control, .mermaid-toolbar) :is(.mermaid-button, button, .clickable-icon):is(:hover, :focus-visible) { background: var(--ogd-glass-control-hover-bg, rgba(255, 255, 255, 0.92)); border-color: var(--ogd-lg-frost-rim, rgba(103, 232, 249, 0.42)); box-shadow: var(--ogd-lg-shadow-focus, 0 10px 24px rgba(15, 23, 42, 0.16)); } .markdown-source-view.mod-cm6 .cm-embed-block:has(.mermaid) :is(.mermaid-controls, .mermaid-control, .mermaid-toolbar) :is(.mermaid-button:not([class~="clickable-icon"]), button:not([class~="clickable-icon"])):active { transform: var(--ogd-press-lift, translateY(0) scale(0.99)); } } .markdown-rendered .ogd-mermaid-control-fixture, .markdown-preview-view .ogd-mermaid-control-fixture, .markdown-reading-view .ogd-mermaid-control-fixture { position: relative; margin: 0.8em 0 1em; overflow: visible; } .markdown-rendered .ogd-mermaid-control-fixture .mermaid, .markdown-preview-view .ogd-mermaid-control-fixture .mermaid, .markdown-reading-view .ogd-mermaid-control-fixture .mermaid { position: relative; overflow: visible; } .markdown-rendered .ogd-mermaid-control-fixture .mermaid svg, .markdown-preview-view .ogd-mermaid-control-fixture .mermaid svg, .markdown-reading-view .ogd-mermaid-control-fixture .mermaid svg { display: block; width: 100%; max-width: 100%; height: auto; } .markdown-rendered .ogd-mermaid-control-fixture .mermaid-controls, .markdown-preview-view .ogd-mermaid-control-fixture .mermaid-controls, .markdown-reading-view .ogd-mermaid-control-fixture .mermaid-controls { position: absolute; inset: 8px auto auto 8px; display: flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid rgba(203, 213, 225, 0.56); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-glass-toolbar-bg, rgba(255, 255, 255, 0.86)); box-shadow: var(--ogd-glass-control-shadow, 0 8px 18px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82)); visibility: visible; opacity: 1; pointer-events: auto; z-index: 10; } .markdown-rendered .ogd-mermaid-control-fixture .mermaid-controls::after, .markdown-preview-view .ogd-mermaid-control-fixture .mermaid-controls::after, .markdown-reading-view .ogd-mermaid-control-fixture .mermaid-controls::after { content: "DOM only"; align-self: center; padding: 0 5px; color: var(--ogd-text-muted, #64748b); font: 650 10px/1 var(--ogd-interface-font-stack, inherit); letter-spacing: 0; white-space: nowrap; } .markdown-rendered .ogd-mermaid-control-fixture .mermaid-button, .markdown-preview-view .ogd-mermaid-control-fixture .mermaid-button, .markdown-reading-view .ogd-mermaid-control-fixture .mermaid-button { min-width: 26px; min-height: 26px; padding: 4px; border: 1px solid rgba(203, 213, 225, 0.48); border-radius: 6px; background: var(--ogd-glass-control-bg, rgba(255, 255, 255, 0.70)); color: var(--ogd-text-strong, #111827); font: 600 12px/1 var(--ogd-interface-font-stack, inherit); visibility: visible; opacity: 1; pointer-events: auto; cursor: default; z-index: 11; } .markdown-rendered .mermaid svg .edgeLabel, .markdown-rendered .mermaid svg .edgeLabel span, .markdown-rendered .mermaid svg .edgeLabel p { white-space: normal; overflow-wrap: break-word; } /* Outline, Bookmarks, and pane navigation */ .outline, .outline-view, .bookmarks-view, .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"] { color: var(--ogd-text-secondary, #374151); } .outline .tree-item-self, .outline-view .tree-item-self, .bookmarks-view .tree-item-self, .workspace-leaf-content[data-type="outline"] .tree-item-self, .workspace-leaf-content[data-type="bookmarks"] .tree-item-self { border-radius: var(--radius-m, 6px); } .outline .tree-item-self:hover, .outline-view .tree-item-self:hover, .bookmarks-view .tree-item-self:hover, .workspace-leaf-content[data-type="outline"] .tree-item-self:hover, .workspace-leaf-content[data-type="bookmarks"] .tree-item-self:hover { background: var(--ogd-surface-subtle, #f3f4f6); } .outline .tree-item-self.is-active, .outline-view .tree-item-self.is-active, .bookmarks-view .tree-item-self.is-active { background: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.70), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.56)); color: var(--ogd-text-strong, #111827); box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 3px 8px rgba(15, 23, 42, 0.08); font-weight: 650; } /* Bases and database-like views */ .bases-view, .base-view, .metadata-container, .metadata-properties, .metadata-property { border-color: #dbe2ea; } .bases-view table, .base-view table, .bases-table, .base-table { border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: var(--radius-l, 8px); } .bases-view th, .bases-view td, .base-view th, .base-view td, .bases-table th, .bases-table td, .base-table th, .base-table td { border-color: var(--ogd-line-soft, #e5e7eb); } .bases-view tr:hover td, .base-view tr:hover td, .bases-table tr:hover td, .base-table tr:hover td { background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.56)); } /* Embedded media and workspace chrome */ .markdown-rendered :is(img, video, audio, iframe), .markdown-preview-view :is(img, video, audio, iframe), .markdown-reading-view :is(img, video, audio, iframe) { max-width: 100%; } .markdown-rendered iframe, .markdown-preview-view iframe, .markdown-reading-view iframe, .markdown-rendered video, .markdown-preview-view video, .markdown-reading-view video { border: 1px solid #dbe2ea; border-radius: var(--radius-l, 8px); background: var(--ogd-surface-base, #ffffff); } .status-bar { font-size: 0.8em; padding: 2px 10px; background: rgba(255, 255, 255, 0.94); border-top: 1px solid var(--ogd-line-soft, #e5e7eb); color: #64748b; } .status-bar-item { border-radius: var(--radius-m, 6px); } .status-bar-item:hover { background: var(--ogd-surface-subtle, #f3f4f6); color: var(--ogd-text-strong, #111827); } @media (max-width: 700px) { .workspace-leaf-content, .workspace-split, .mod-root .workspace-leaf, .markdown-preview-view, .markdown-reading-view, .markdown-source-view.mod-cm6 { min-width: 0; max-width: 100vw; } .nav-file-title, .nav-folder-title, .tree-item-inner, .search-result-file-title, .search-result-file-match, .backlink-pane .tree-item-inner, .outgoing-link-pane .tree-item-inner { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .markdown-rendered table, .markdown-preview-view table, .markdown-reading-view table { display: block; max-width: 100%; overflow-x: auto; } .modal, .prompt, .menu { max-width: calc(100vw - 24px); } .markdown-rendered .mermaid, .markdown-preview-view .mermaid, .markdown-reading-view .mermaid { padding: 6px; overflow-x: auto; overflow-y: visible; } .markdown-rendered .mermaid svg, .markdown-preview-view .mermaid svg, .markdown-reading-view .mermaid svg { min-width: min(620px, 100%); } } @media print { body.ogd-print-avoid-breaks .markdown-rendered :is(.markdown-embed, .internal-embed, iframe, video, audio), body.ogd-print-avoid-breaks .markdown-preview-view :is(.markdown-embed, .internal-embed, iframe, video, audio) { page-break-inside: avoid; } body.ogd-print-avoid-breaks .markdown-rendered .mermaid, body.ogd-print-avoid-breaks .markdown-preview-view .mermaid { max-width: 100%; overflow: visible; } } .theme-dark .markdown-source-view.mod-cm6 .cm-hmd-internal-link { border: 1px solid rgba(203, 213, 225, 0.16); background: linear-gradient(180deg, rgba(30, 41, 59, 0.42), rgba(15, 23, 42, 0.24)); color: #bfdbfe; box-shadow: inset 0 -1px 0 rgba(147, 197, 253, 0.24); } .theme-dark .markdown-source-view.mod-cm6 .cm-hashtag { background: #1f2937; color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .markdown-source-view.mod-cm6 .cm-formatting-highlight, .theme-dark .markdown-source-view.mod-cm6 .cm-highlight { background: rgba(146, 64, 14, 0.72); color: #fef3c7; } .theme-dark .outline, .theme-dark .outline-view, .theme-dark .bookmarks-view, .theme-dark .workspace-leaf-content[data-type="outline"], .theme-dark .workspace-leaf-content[data-type="bookmarks"] { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .outline .tree-item-self:hover, .theme-dark .outline-view .tree-item-self:hover, .theme-dark .bookmarks-view .tree-item-self:hover, .theme-dark .workspace-leaf-content[data-type="outline"] .tree-item-self:hover, .theme-dark .workspace-leaf-content[data-type="bookmarks"] .tree-item-self:hover { background: #1f2937; } .theme-dark .outline .tree-item-self.is-active, .theme-dark .outline-view .tree-item-self.is-active, .theme-dark .bookmarks-view .tree-item-self.is-active { background: radial-gradient(circle at 78% 20%, rgba(148, 163, 184, 0.10), transparent 38%), linear-gradient(180deg, rgba(30, 41, 59, 0.56), rgba(15, 23, 42, 0.34)); color: var(--ogd-text-inverted, #f8fafc); box-shadow: inset 0 0 0 1px rgba(203, 213, 225, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.07); } .theme-dark .bases-view, .theme-dark .base-view, .theme-dark .metadata-container, .theme-dark .metadata-properties, .theme-dark .metadata-property { border-color: rgba(203, 213, 225, 0.16); } .theme-dark .bases-view th, .theme-dark .bases-view td, .theme-dark .base-view th, .theme-dark .base-view td, .theme-dark .bases-table th, .theme-dark .bases-table td, .theme-dark .base-table th, .theme-dark .base-table td { border-color: var(--ogd-line-dark, #334155); } .theme-dark .bases-view tr:hover td, .theme-dark .base-view tr:hover td, .theme-dark .bases-table tr:hover td, .theme-dark .base-table tr:hover td { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.36)); } .theme-dark .markdown-rendered iframe, .theme-dark .markdown-preview-view iframe, .theme-dark .markdown-reading-view iframe, .theme-dark .markdown-rendered video, .theme-dark .markdown-preview-view video, .theme-dark .markdown-reading-view video { border-color: var(--ogd-line-dark, #334155); background: #0f172a; } .theme-dark .status-bar { background: rgba(15, 23, 42, 0.94); border-top-color: var(--ogd-text-slate, #334155); color: var(--ogd-text-soft, #94a3b8); } .theme-dark .status-bar-item:hover { background: #1f2937; color: var(--ogd-text-inverted, #f8fafc); } /* ============================================================ Seven-direction mobile and overlay polish - Keeps overlays readable on narrow screens without changing core chrome. - Uses shallow glass, full-surface focus, and stable touch rows. ============================================================ */ .is-mobile :is(.modal, .prompt, .menu, .suggestion-container, .popover, .workspace-drawer) { background: var(--ogd-glass-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.78))); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(16px) saturate(165%) brightness(1.04)); backdrop-filter: var(--ogd-glass-filter-soft, blur(16px) saturate(165%) brightness(1.04)); border: 1px solid var(--ogd-glass-border, rgba(148, 163, 184, 0.30)); box-shadow: var(--ogd-glass-shadow, 0 18px 42px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.86)); } .is-mobile.theme-dark :is(.modal, .prompt, .menu, .suggestion-container, .popover, .workspace-drawer) { background: var(--ogd-glass-bg, linear-gradient(180deg, rgba(30, 41, 59, 0.88), rgba(15, 23, 42, 0.70))); border-color: var(--ogd-glass-border, rgba(203, 213, 225, 0.18)); box-shadow: var(--ogd-glass-shadow, 0 18px 44px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.10)); } .is-mobile :is(.menu-item, .suggestion-item, .vertical-tab-nav-item, .setting-item, .tree-item-self, .nav-file-title, .nav-folder-title):is(:hover, :focus-visible, :focus-within, .is-selected, .selected, .is-active, [aria-selected="true"]) { background: var(--ogd-glass-bg-hover, linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 249, 255, 0.72))); border-color: var(--ogd-lg-frost-rim, rgba(103, 232, 249, 0.48)); box-shadow: var(--ogd-lg-shadow-focus, 0 10px 24px rgba(15, 23, 42, 0.14), 0 0 0 3px rgba(103, 232, 249, 0.12)); color: var(--text-normal); } .is-mobile.theme-dark :is(.menu-item, .suggestion-item, .vertical-tab-nav-item, .setting-item, .tree-item-self, .nav-file-title, .nav-folder-title):is(:hover, :focus-visible, :focus-within, .is-selected, .selected, .is-active, [aria-selected="true"]) { background: var(--ogd-glass-bg-hover, linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.48))); border-color: var(--ogd-lg-frost-rim, rgba(103, 232, 249, 0.34)); box-shadow: var(--ogd-lg-shadow-focus, 0 12px 28px rgba(0, 0, 0, 0.38), 0 0 0 3px rgba(103, 232, 249, 0.08)); } /* <<< src/plugins/61-live-preview-mobile-plugin.css */ /* 08-report-print-polish.css -> features/42 */ /* >>> src/features/42-report-print-polish.css */ /* ============================================================ v1.8.7 — Table and report output polish - Utility classes for wide, compact, numeric, comparison, risk, matrix tables - PDF output guards for long cells, code chips, notes, and row splitting - Mobile scroll affordance for wide Markdown tables ============================================================ */ :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table :is(th, td) { padding: var(--ogd-table-pad-y) var(--ogd-table-pad-x); font-size: var(--ogd-table-font-size); line-height: var(--ogd-table-line-height); vertical-align: top; word-break: keep-all; overflow-wrap: anywhere; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table :is(td, th) code { padding: 0.08em 0.32em; font-size: 0.88em; white-space: normal; overflow-wrap: anywhere; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.nowrap-code-table, .scroll-token-table) :is(td, th) code { display: inline-block; max-width: min(42ch, 100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } @supports selector(td:has(code)) { :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.scroll-token-table :is(td, th):has(code) { min-width: 16ch; } } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.scroll-table { display: block; max-width: 100%; overflow-x: auto; table-layout: auto; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.wide-table, .print-fit-table), .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.wide-table, .print-fit-table):not(.cm-table):not(.cm-table-widget) { --ogd-table-pad-y: 0.44em; --ogd-table-pad-x: 0.56em; --ogd-table-font-size: 0.9em; --ogd-table-line-height: 1.34; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.compact-table, .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table.compact-table:not(.cm-table):not(.cm-table-widget) { --ogd-table-pad-y: 0.34em; --ogd-table-pad-x: 0.48em; --ogd-table-font-size: 0.88em; --ogd-table-line-height: 1.28; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.wrap-table { table-layout: fixed; width: 100%; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.wrap-table :is(th, td) { word-break: break-word; overflow-wrap: anywhere; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.numeric-table :is(td, th):not(:first-child), :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table :is(td.num, th.num) { text-align: right; font-variant-numeric: tabular-nums lining-nums; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.matrix-table :is(th, td) { text-align: center; vertical-align: middle; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.matrix-table :is(th, td):first-child { text-align: left; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table :is(td, th) { vertical-align: middle; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table td { color: var(--ogd-text-secondary, #374151); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table td:is(:last-child) { font-weight: 700; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table td:last-child:where(:not(:empty)) { border-radius: var(--radius-m, 6px); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table td:last-child { text-align: center; white-space: nowrap; } @supports selector(td:has(code)) { :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table td:last-child:has(code) { white-space: normal; } } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table .risk-high { color: #991b1b; background: #fee2e2; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table .risk-medium { color: #92400e; background: #fef3c7; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table :is(.risk-low, .risk-ok) { color: #065f46; background: #d1fae5; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.table-note, .table-source) { margin-top: -0.35em; margin-bottom: 1.1em; color: #64748b; font-size: 0.86em; line-height: 1.35; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .table-note::before { content: "Note. "; font-weight: 700; color: var(--ogd-text-subtle, #475569); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .table-source::before { content: "Source. "; font-weight: 700; color: var(--ogd-text-subtle, #475569); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul).ogd-reference-list { margin: 0.8em 0 1.2em; padding: 0; list-style: none; border-top: 1px solid rgba(148, 163, 184, 0.28); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul).ogd-reference-list > li { display: grid; grid-template-columns: minmax(86px, 7.2em) minmax(0, 1fr); gap: 0.7em; align-items: start; margin: 0; padding: 0.56em 0 0.62em; border-bottom: 1px solid rgba(148, 163, 184, 0.28); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul).ogd-reference-list > li::before { display: none; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-reference-source { display: inline-flex; align-items: center; justify-content: center; min-height: 1.65em; padding: 0.14em 0.55em; border: 1px solid var(--ogd-line-strong, #cbd5e1); border-radius: var(--ogd-radius-pill, 999px); background: #f1f5f9; color: var(--ogd-text-subtle, #475569); font-size: 0.78em; font-weight: 760; line-height: 1.2; white-space: nowrap; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-reference-main { min-width: 0; color: #64748b; line-height: 1.48; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-reference-title { display: inline; font-weight: 760; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.ogd-reference-meta, .ogd-reference-note) { color: #64748b; font-size: 0.92em; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-reference-note { display: block; margin-top: 0.2em; line-height: 1.42; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-reference-summary { margin: 0.65em 0 1em; padding: 0.72em 0.9em; border-left: 3px solid #94a3b8; background: var(--ogd-surface-muted, #f8fafc); color: var(--ogd-text-slate, #334155); font-size: 0.96em; line-height: 1.5; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(:is(ol, ul).ogd-reference-list, :is(ol, ul).ogd-reference-list > li) { border-color: rgba(203, 213, 225, 0.16); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-reference-source { border-color: rgba(203, 213, 225, 0.24); background: rgba(30, 41, 59, 0.74); color: var(--ogd-line-strong, #cbd5e1); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.ogd-reference-main, .ogd-reference-meta, .ogd-reference-note) { color: var(--ogd-text-soft, #94a3b8); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-reference-summary { border-left-color: var(--ogd-text-soft, #94a3b8); background: rgba(30, 41, 59, 0.56); color: var(--ogd-line-strong, #cbd5e1); } @media (max-width: 700px) { :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(ol, ul).ogd-reference-list > li { grid-template-columns: 1fr; gap: 0.3em; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-reference-source { justify-self: start; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { position: relative; box-shadow: inset -16px 0 14px -18px rgba(15, 23, 42, 0.42); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.wide-table, .print-fit-table, .comparison-table) { min-width: 760px; } } @media print { :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { overflow: visible; page-break-inside: auto; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tr { page-break-inside: avoid; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.print-fit-table, .wide-table) { --ogd-table-pad-y: 0.44em; --ogd-table-pad-x: 0.56em; --ogd-table-font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); --ogd-table-line-height: var(--ogd-pdf-surface-text-line-height, 1.42); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.wrap-table { table-layout: fixed; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.wrap-table, .print-fit-table) :is(th, td) { overflow-wrap: anywhere; word-break: break-word; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(table.wrap-table, table.print-fit-table) :is(code, .ogd-token-wrap) { max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.table-note, .table-source) { page-break-before: avoid; color: #4b5563; } } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.comparison-table :is(th, td):first-child { background: var(--ogd-surface-dark, #111827); color: var(--ogd-text-inverted, #f8fafc); box-shadow: 1px 0 0 #334155; } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table td { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table .risk-high { color: #fecaca; background: rgba(127, 29, 29, 0.58); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table .risk-medium { color: #fde68a; background: rgba(120, 53, 15, 0.58); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.risk-table :is(.risk-low, .risk-ok) { color: #a7f3d0; background: rgba(6, 78, 59, 0.58); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.table-note, .table-source) { color: var(--ogd-text-soft, #94a3b8); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.table-note, .table-source)::before { color: var(--ogd-line-strong, #cbd5e1); } /* Report callout icon aliases; final surfaces are owned by the late Liquid Glass block. */ :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout[data-callout="conclusion"] { --callout-icon: lucide-clipboard-check; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout[data-callout="recommendation"] { --callout-icon: lucide-badge-check; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout[data-callout="risk"] { --callout-icon: lucide-shield-alert; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout[data-callout="action"] { --callout-icon: lucide-list-todo; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .callout[data-callout="decision"] { --callout-icon: lucide-scale; } /* ============================================================ v1.8.19 — PDF report readability polish marker Release improves PDF report spacing, table readability, status badges, weak separators, and print table header continuity. ============================================================ */ /* Final title-rule override for Obsidian PDF export cascade. v3.1.78 — PDF heading gradient rule removed; keep only spacing closure. */ /* Reset H1 — Sample B kicker style takes precedence */ body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered h1, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-preview-view.markdown-rendered h1, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-reading-view .markdown-rendered h1, body.ogd-report-mode:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered > h1:first-of-type { display: block; width: auto; max-width: 100%; border: var(--ogd-border-none, 0); border-top: 0; border-bottom: 0; border-image: none; background: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); padding-top: 0.3em; padding-bottom: 0.2em; } body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered h2:first-of-type, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-preview-view.markdown-rendered h2:first-of-type, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-reading-view .markdown-rendered h2:first-of-type, body.ogd-report-mode:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered > h2:first-of-type { display: inline-block; width: auto; max-width: 100%; padding-bottom: 0.28em; border: var(--ogd-border-none, 0); border-bottom: 0; border-image: none; background: var(--ogd-surface-transparent, transparent); -webkit-print-color-adjust: exact; print-color-adjust: exact; padding-top: 34px; border-top: 1px solid #edf2f7; box-shadow: 0 -1px 0 #f8fafc; } body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered h1::after, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-preview-view.markdown-rendered h1::after, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-reading-view .markdown-rendered h1::after, body.ogd-report-mode:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered > h1:first-of-type::after, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered h2:first-of-type::after, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-preview-view.markdown-rendered h2:first-of-type::after, body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-reading-view .markdown-rendered h2:first-of-type::after, body.ogd-report-mode:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) .markdown-rendered > h2:first-of-type::after { display: none; content: none; } /* PDF report readability polish. */ @media print { body .markdown-rendered h1 + p, body .markdown-preview-view.markdown-rendered h1 + p, body .markdown-reading-view .markdown-rendered h1 + p, body .markdown-rendered h2:first-of-type + p, body .markdown-preview-view.markdown-rendered h2:first-of-type + p, body .markdown-reading-view .markdown-rendered h2:first-of-type + p { margin-top: 0.72em; margin-bottom: 1.22em; line-height: 1.62; } body .markdown-rendered :is(h2, h3, h4) + table, body .markdown-preview-view.markdown-rendered :is(h2, h3, h4) + table, body .markdown-reading-view .markdown-rendered :is(h2, h3, h4) + table, body .markdown-rendered :is(h2, h3, h4) + .table-wrapper, body .markdown-preview-view.markdown-rendered :is(h2, h3, h4) + .table-wrapper, body .markdown-reading-view .markdown-rendered :is(h2, h3, h4) + .table-wrapper { margin-top: 0.82em; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { --ogd-table-surface: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.62), transparent 0 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.84)); --ogd-table-head-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.82)); --ogd-table-border: rgba(203, 213, 225, 0.24); --ogd-table-cell-border: rgba(203, 213, 225, 0.78); --ogd-table-row-even: rgba(248, 250, 252, 0.68); line-height: 1.48; table-layout: auto; border: 1px solid var(--ogd-table-border); border-radius: 7px; background: var(--ogd-table-surface); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table :is(th, td) { vertical-align: top; word-break: keep-all; overflow-wrap: anywhere; border-color: var(--ogd-table-cell-border); color: #334155; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table th { background: var(--ogd-table-head-bg); color: #111827; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(148, 163, 184, 0.16); } body.ogd-zebra-disabled-permanently :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:nth-child(even) td { background: var(--ogd-table-row-even); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table thead { display: table-header-group; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody { display: table-row-group; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tr { page-break-inside: avoid; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td:first-child { width: 18%; min-width: 26mm; max-width: 48mm; font-weight: 800; } body .markdown-rendered h3:first-of-type + table, body .markdown-preview-view.markdown-rendered h3:first-of-type + table, body .markdown-reading-view .markdown-rendered h3:first-of-type + table, body .markdown-rendered h3:first-of-type + .table-wrapper table, body .markdown-preview-view.markdown-rendered h3:first-of-type + .table-wrapper table, body .markdown-reading-view .markdown-rendered h3:first-of-type + .table-wrapper table { margin-top: 0.92em; margin-bottom: 1.45em; table-layout: fixed; } body .markdown-rendered h3:first-of-type + table td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + table td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + table td:first-child, body .markdown-rendered h3:first-of-type + .table-wrapper table td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + .table-wrapper table td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + .table-wrapper table td:first-child { width: 22%; min-width: 38mm; max-width: 54mm; background: linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(241, 245, 249, 0.72)); box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.86); color: var(--ogd-text-strong, #111827); line-height: 1.38; } body .markdown-rendered h3:first-of-type + table tbody tr:nth-child(1) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + table tbody tr:nth-child(1) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + table tbody tr:nth-child(1) td:first-child, body .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(1) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(1) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(1) td:first-child { background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 253, 250, 0.74)); box-shadow: inset 0 0 0 1px rgba(20, 184, 166, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.86); color: #0f766e; } body .markdown-rendered h3:first-of-type + table tbody tr:nth-child(2) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + table tbody tr:nth-child(2) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + table tbody tr:nth-child(2) td:first-child, body .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(2) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(2) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(2) td:first-child { background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.74)); box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.86); color: #1d4ed8; } body .markdown-rendered h3:first-of-type + table tbody tr:nth-child(3) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + table tbody tr:nth-child(3) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + table tbody tr:nth-child(3) td:first-child, body .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(3) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(3) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(3) td:first-child { background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 251, 235, 0.78)); box-shadow: inset 0 0 0 1px rgba(217, 119, 6, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.86); color: #92400e; } body .markdown-rendered h3:first-of-type + table tbody tr:nth-child(4) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + table tbody tr:nth-child(4) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + table tbody tr:nth-child(4) td:first-child, body .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(4) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(4) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(4) td:first-child { background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 241, 242, 0.76)); box-shadow: inset 0 0 0 1px rgba(225, 29, 72, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.86); color: #b91c1c; } body .markdown-rendered h3:first-of-type + table tbody tr:nth-child(5) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + table tbody tr:nth-child(5) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + table tbody tr:nth-child(5) td:first-child, body .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(5) td:first-child, body .markdown-preview-view.markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(5) td:first-child, body .markdown-reading-view .markdown-rendered h3:first-of-type + .table-wrapper table tbody tr:nth-child(5) td:first-child { background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(238, 242, 255, 0.76)); box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.86); color: #3730a3; } @supports selector(p:has(> strong:first-child)) { body .markdown-rendered table + p:has(> strong:first-child), body .markdown-preview-view table + p:has(> strong:first-child), body .markdown-reading-view table + p:has(> strong:first-child), body .markdown-rendered .table-wrapper + p:has(> strong:first-child), body .markdown-preview-view .table-wrapper + p:has(> strong:first-child), body .markdown-reading-view .table-wrapper + p:has(> strong:first-child) { margin: 1.05em 0 1.35em; padding: 0.72em 0.9em; border: 1px solid #d7e4ec; border-left: 4px solid #2563eb; border-radius: var(--radius-m, 6px); background: #f8fbff; line-height: 1.56; page-break-inside: avoid; } } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-badge { display: inline-block; min-width: 20mm; padding: 0.18em 0.58em; border: 1px solid var(--ogd-line-strong, #cbd5e1); border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-base, #ffffff); color: var(--ogd-text-slate, #334155); font-weight: 800; line-height: 1.2; text-align: center; white-space: nowrap; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-badge.is-e5 { border-color: #99d6c9; background: #f0fdfa; color: #0f766e; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-badge.is-payg { border-color: #f2c983; background: #fffbeb; color: #92400e; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .ogd-status-badge.is-addon { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; } body.ogd-pdf-visibility { --ogd-pdf-surface-text-font-size: 12pt; --ogd-pdf-surface-text-line-height: 1.45; --ogd-pdf-marginalia-bg: rgba(255, 255, 255, 0.92); --ogd-pdf-marginalia-border: rgba(71, 85, 105, 0.34); --ogd-pdf-marginalia-shadow: 0 4px 10px rgba(15, 23, 42, 0.10); --ogd-pdf-marginalia-accent: #334155; --ogd-pdf-label-letter-spacing: 0.04em; } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) { --ogd-pdf-surface-text-font-size: 12.4pt; --ogd-pdf-surface-text-line-height: 1.48; --ogd-pdf-marginalia-bg: rgba(255, 255, 255, 0.94); --ogd-pdf-marginalia-border: rgba(71, 85, 105, 0.28); --ogd-pdf-marginalia-shadow: 0 3px 8px rgba(15, 23, 42, 0.08); --ogd-pdf-marginalia-accent: #334155; --ogd-pdf-label-letter-spacing: 0.03em; --ogd-pdf-header-font-size: 8.8pt; --ogd-pdf-footer-font-size: 9pt; --ogd-pdf-segment-key-width: 35mm; --ogd-pdf-segment-value-width: 46mm; --ogd-pdf-segment-half-width: 40.5mm; --ogd-pdf-header-title-gap: 3.25em; } body.ogd-pdf-font-comfortable { --ogd-pdf-readable-font-size: var(--ogd-pdf-surface-text-font-size, 12pt); --ogd-pdf-readable-line-height: var(--ogd-pdf-surface-text-line-height, 1.45); --ogd-pdf-readable-callout-font-size: var(--ogd-pdf-surface-text-font-size, 12pt); --ogd-pdf-readable-code-font-size: var(--ogd-pdf-surface-text-font-size, 12pt); --ogd-pdf-header-font-size: 9.4pt; --ogd-pdf-footer-font-size: 9.6pt; --ogd-pdf-segment-key-width: 36mm; --ogd-pdf-segment-value-width: 47mm; --ogd-pdf-segment-half-width: 41.5mm; } body.ogd-pdf-font-large { --ogd-pdf-readable-font-size: var(--ogd-pdf-surface-text-font-size, 12pt); --ogd-pdf-readable-line-height: var(--ogd-pdf-surface-text-line-height, 1.45); --ogd-pdf-readable-callout-font-size: var(--ogd-pdf-surface-text-font-size, 12pt); --ogd-pdf-readable-code-font-size: var(--ogd-pdf-surface-text-font-size, 12pt); --ogd-pdf-header-font-size: 9.8pt; --ogd-pdf-footer-font-size: 10pt; --ogd-pdf-segment-key-width: 38mm; --ogd-pdf-segment-value-width: 50mm; --ogd-pdf-segment-half-width: 44mm; } body:is(.ogd-pdf-font-comfortable, .ogd-pdf-font-large) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(p, li, dd, dt, blockquote):not(table *) { font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-pdf-readable-font-size, 11pt)); line-height: var(--ogd-pdf-surface-text-line-height, var(--ogd-pdf-readable-line-height, 1.58)); } body:is(.ogd-pdf-font-comfortable, .ogd-pdf-font-large) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.callout, .ogd-executive-summary, .ogd-action-summary) { font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-pdf-readable-callout-font-size, 11pt)); line-height: var(--ogd-pdf-surface-text-line-height, var(--ogd-pdf-readable-line-height, 1.58)); } body:is(.ogd-pdf-font-comfortable, .ogd-pdf-font-large) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout :is(p, li):not(table *) { font-size: inherit; } body:is(.ogd-pdf-font-comfortable, .ogd-pdf-font-large) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre code { font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-pdf-readable-code-font-size, 9.2pt)); line-height: var(--ogd-pdf-surface-text-line-height, 1.46); } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered), body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, li, dd, dt, blockquote):not(table *) { color: #263445; font-size: var(--ogd-pdf-surface-text-font-size, 12pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.46); } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery):not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h1 { color: #0f172a; font-size: 3.05em; line-height: 1.08; margin-top: 0.92em; margin-bottom: 0.62em; padding-top: 0.34em; padding-bottom: 0.28em; } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery):not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h2 { color: #0f172a; padding: 0.20em 0.44em 0.24em; border-color: transparent; border-bottom-color: rgba(14, 116, 144, 0.42); background: linear-gradient(180deg, rgba(248, 250, 252, 0.84), rgba(241, 245, 249, 0.50)); box-shadow: none; } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery):not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) h3 { color: #172033; text-decoration-color: rgba(14, 116, 144, 0.52); text-decoration-thickness: 1.5px; } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) table { --ogd-table-font-size: var(--ogd-pdf-surface-text-font-size, 12pt); --ogd-table-line-height: var(--ogd-pdf-surface-text-line-height, 1.46); --ogd-table-border: rgba(148, 163, 184, 0.42); --ogd-table-cell-border: rgba(203, 213, 225, 0.90); --ogd-table-head-bg: linear-gradient(180deg, #f1f5f9, #e8eef5); --ogd-table-row-even: rgba(248, 250, 252, 0.84); font-size: var(--ogd-pdf-surface-text-font-size, 12pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.46); border-color: var(--ogd-table-border); } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) table th { border-bottom: 2px solid #b8c6d6; background: var(--ogd-table-head-bg); color: #0f172a; font-weight: 850; } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) table :is(th, td) { color: #263445; font-size: var(--ogd-pdf-surface-text-font-size, 12pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.46); } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.callout, blockquote) { page-break-inside: avoid; } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.callout, .ogd-executive-summary, .ogd-action-summary) { border: 1px solid #d5e4ec; border-left-width: 1px; border-radius: 7px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 253, 0.88)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 1px 3px rgba(15, 23, 42, 0.05); } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.callout-title, .callout-title-inner) { color: #0f172a; font-weight: 820; } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-icon { background: #ffffff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 1px 2px rgba(15, 23, 42, 0.06); } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.callout[data-callout="summary"], .callout[data-callout="abstract"], .callout[data-callout="tldr"], .callout[data-callout="conclusion"], .ogd-executive-summary) { border-color: #c8dfdc; background: linear-gradient(180deg, #ffffff, #f4fbf9); } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.callout[data-callout="warning"], .callout[data-callout="attention"], .callout[data-callout="caution"], .callout[data-callout="risk"]) { border-color: #ead6bd; background: linear-gradient(180deg, #ffffff, #fff8ed); } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.callout[data-callout="success"], .callout[data-callout="check"], .callout[data-callout="done"], .callout[data-callout="recommendation"], .callout[data-callout="action"], .ogd-action-summary) { border-color: #c7dff1; background: linear-gradient(180deg, #ffffff, #f4f9ff); } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-content > :last-child { margin-bottom: 0; } body.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .ogd-status-badge { border-color: rgba(71, 85, 105, 0.34); background: #ffffff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 1px 2px rgba(15, 23, 42, 0.06); } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(.callout, .ogd-executive-summary, .ogd-action-summary) { border: 1px solid #cfdce8; border-top: 3px solid #0f766e; border-left-width: 1px; border-radius: 7px; background: linear-gradient(180deg, #ffffff, #f8fafc); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 1px 3px rgba(15, 23, 42, 0.05); font-size: var(--ogd-pdf-surface-text-font-size, 12pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.46); page-break-inside: avoid; } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(.callout-title, .callout-title-inner) { color: #0f172a; font-weight: 850; } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) .callout-icon { background: #ffffff; box-shadow: inset 0 0 0 5px rgba(15, 118, 110, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06); } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(.callout[data-callout="summary"], .callout[data-callout="abstract"], .callout[data-callout="tldr"], .callout[data-callout="conclusion"], .ogd-executive-summary) { border-top-color: #0f766e; background: linear-gradient(180deg, #ffffff, #f4fbf9); } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(.callout[data-callout="warning"], .callout[data-callout="attention"], .callout[data-callout="caution"], .callout[data-callout="risk"]) { border-top-color: #b45309; background: linear-gradient(180deg, #ffffff, #fff8ed); } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(.callout[data-callout="success"], .callout[data-callout="check"], .callout[data-callout="done"], .callout[data-callout="recommendation"], .callout[data-callout="action"], .ogd-action-summary) { border-top-color: #0369a1; background: linear-gradient(180deg, #ffffff, #f3f8ff); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.ogd-executive-summary, .callout[data-callout="summary"]) { margin: 1.1em 0 1.35em; border-color: #cfe5e2; background: linear-gradient(90deg, #effdfa, #f8fafc 92%); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.ogd-action-summary, .callout[data-callout="action"]) { margin: 1.1em 0 1.35em; border-color: #bfdbfe; background: #f8fbff; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) hr { height: 1px; border: var(--ogd-border-none, 0); background: #eef2f6; margin: 1.35em 0 1.55em; } /* v2.22.79 - PDF Compact Report opt-in density preset. Keeps Chromium pagination hints conservative while reducing repeated vertical whitespace in headings, callouts, tables, and references. */ body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) { font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.42); color: #1f2937; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(p, li) { color: #1f2937; line-height: var(--ogd-pdf-surface-text-line-height, 1.42); } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) p { margin-top: 0.36em; margin-bottom: 0.58em; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(ul, ol) { margin-top: 0.42em; margin-bottom: 0.72em; padding-inline-start: 1.35em; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(h1, h2, h3, h4) { color: #0f172a; page-break-after: avoid; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) h1 { font-size: 2.85em; line-height: 1.06; margin-top: 0.72em; margin-bottom: 0.42em; padding-top: 0.18em; padding-bottom: 0.12em; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) h1::before { margin-bottom: 0.46em; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) h2 { margin-top: 1.05em; margin-bottom: 0.46em; padding-top: 0.18em; padding-bottom: 0.22em; line-height: 1.14; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) h3 { margin-top: 0.92em; margin-bottom: 0.34em; line-height: 1.16; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) h4 { margin-top: 0.78em; margin-bottom: 0.28em; line-height: 1.18; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(h1, h2, h3, h4) + :is(p, ul, ol, blockquote, .callout, table, .table-wrapper) { margin-top: 0.44em; } body.ogd-pdf-compact :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) hr { margin: 0.86em 0 1em; background: #e5eaf2; } body.ogd-pdf-compact :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) .callout + hr { display: none; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.callout, blockquote) { margin-top: 0.72em; margin-bottom: 0.86em; padding: 0.58em 0.76em; border-radius: 6px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 1px 2px rgba(15, 23, 42, 0.035); line-height: 1.42; page-break-inside: avoid; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout { border-left-width: 1px; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-title { min-height: 1.42em; padding: 0; line-height: 1.25; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-content { padding-top: 0.28em; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-content > :last-child { margin-bottom: 0; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table { --ogd-table-pad-y: 0.28em; --ogd-table-pad-x: 0.42em; --ogd-table-font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); --ogd-table-line-height: var(--ogd-pdf-surface-text-line-height, 1.42); --ogd-table-surface: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.56), transparent 0 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.82)); --ogd-table-head-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.82)); --ogd-table-border: rgba(203, 213, 225, 0.24); --ogd-table-cell-border: rgba(203, 213, 225, 0.78); margin-top: 0.62em; margin-bottom: 0.72em; line-height: var(--ogd-table-line-height); border-color: var(--ogd-table-border); background: var(--ogd-table-surface); } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table:is(.compact-table, .print-fit-table, .wide-table) { --ogd-table-pad-y: 0.22em; --ogd-table-pad-x: 0.34em; --ogd-table-font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); --ogd-table-line-height: var(--ogd-pdf-surface-text-line-height, 1.42); } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table :is(th, td) { padding: var(--ogd-table-pad-y) var(--ogd-table-pad-x); font-size: var(--ogd-table-font-size); line-height: var(--ogd-table-line-height); color: #1f2937; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table th { color: #0f172a; background: var(--ogd-table-head-bg); } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.table-note, .table-source) { margin-top: -0.18em; margin-bottom: 0.68em; font-size: 8.8pt; line-height: 1.28; color: #4b5563; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(ol, ul).ogd-reference-list { margin-top: 0.52em; margin-bottom: 0.8em; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(ol, ul).ogd-reference-list > li { gap: 0.5em; padding-top: 0.36em; padding-bottom: 0.42em; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .ogd-reference-summary { margin: 0.52em 0 0.78em; padding: 0.52em 0.68em; border: 1px solid #d7e4ec; background: #f8fafc; font-size: 9.6pt; line-height: 1.36; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre { margin-top: 0.58em; margin-bottom: 0.82em; padding: 8pt 10pt; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre code { font-size: var(--ogd-code-print-font-size, var(--ogd-pdf-surface-text-font-size, 11.6pt)); line-height: var(--ogd-code-print-line-height, 1.44); } /* v2.22.111 - PDF export parity for the approved Candidate C codeblock. Chromium print may flatten backdrop-filter, so the glass identity is carried by gradients, rim shadows, and the header divider as well. */ body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre, :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre { --ogd-codeblock-wrapper-margin: 0.68em 0 0.9em; --ogd-codeblock-margin: 0.68em 0 0.9em; --ogd-codeblock-radius: 8px; --ogd-codeblock-bg: radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.12), transparent 0 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.88)); --ogd-codeblock-border: rgba(186, 207, 229, 0.88); --ogd-codeblock-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.04); --ogd-codeblock-header-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(248, 250, 252, 0.56)); --ogd-codeblock-header-border: rgba(203, 213, 225, 0.72); --ogd-codeblock-header-padding: 5.5pt 8.5pt 5pt; --ogd-codeblock-header-font-size: 7.2pt; --ogd-codeblock-code-padding: 20pt 9pt 8.5pt; --ogd-codeblock-code-white-space: pre-wrap; --ogd-codeblock-code-overflow-wrap: anywhere; margin-top: 0.68em; margin-bottom: 0.9em; padding: 0; overflow: hidden; border: 1px solid var(--ogd-codeblock-border); border-radius: 8px; background: var(--ogd-codeblock-bg); background-color: #f8fbff; box-shadow: var(--ogd-codeblock-shadow); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre::before, :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre::before { display: block; min-height: 0; padding: 5.5pt 8.5pt 5pt; border-bottom: 1px solid var(--ogd-codeblock-header-border); background: var(--ogd-codeblock-header-bg); color: #475569; font-size: 7.2pt; font-weight: 760; line-height: 1.1; letter-spacing: 0.08em; text-transform: uppercase; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre code, :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre code { display: block; padding: var(--ogd-codeblock-code-padding, 20pt 9pt 8.5pt); background: transparent; color: var(--ogd-code-fg, #1e293b); font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-size: var(--ogd-code-print-font-size, var(--ogd-pdf-surface-text-font-size, 11.6pt)); font-weight: var(--ogd-code-font-weight, 520); font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); line-height: var(--ogd-code-print-line-height, 1.44); letter-spacing: var(--ogd-code-letter-spacing, 0); tab-size: var(--ogd-code-tab-size, 2); white-space: pre-wrap; overflow-wrap: anywhere; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre code :is(span, .token, [class*="token"], [class*="cm-"]) { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-feature-settings: inherit; font-variant-numeric: inherit; font-variant-ligatures: inherit; line-height: inherit; letter-spacing: inherit; } body.theme-dark :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre { border-color: rgba(71, 85, 105, 0.82); background: radial-gradient(circle at 78% 16%, rgba(125, 211, 252, 0.10), transparent 0 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.90), rgba(15, 23, 42, 0.76)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.30), 0 3px 8px rgba(0, 0, 0, 0.28); } body.theme-dark :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre::before { border-bottom-color: rgba(71, 85, 105, 0.64); background: rgba(15, 23, 42, 0.30); color: #cbd5e1; } body.theme-dark :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre code { color: var(--ogd-code-fg, #1e293b); } body.theme-dark.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre { border-color: var(--ogd-codeblock-border); background: var(--ogd-codeblock-bg); background-color: #f8fbff; box-shadow: var(--ogd-codeblock-shadow); } body.theme-dark.ogd-pdf-visibility :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) pre::before { border-bottom-color: var(--ogd-codeblock-header-border); background: var(--ogd-codeblock-header-bg); color: #475569; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered, .workspace-leaf-content .markdown-rendered) pre :is(.token.keyword, .token.operator, .token.boolean) { color: var(--ogd-code-keyword, #5b21b6); } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered, .workspace-leaf-content .markdown-rendered) pre :is(.token.string, .token.attr-value) { color: var(--ogd-code-string, #a16207); } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered, .workspace-leaf-content .markdown-rendered) pre :is(.token.function, .token.variable, .token.property) { color: var(--ogd-code-function, #0f766e); } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered, .workspace-leaf-content .markdown-rendered) pre :is(.token.number, .token.constant, .token.symbol) { color: var(--ogd-code-number, #be123c); } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered, .workspace-leaf-content .markdown-rendered) pre :is(.token.class-name, .token.tag, .token.attr-name) { color: var(--ogd-code-property, #2563eb); } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered, .workspace-leaf-content .markdown-rendered) pre :is(.token.comment, .token.prolog, .token.doctype) { color: var(--ogd-code-muted, #64748b); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table, body .workspace-leaf-content .markdown-rendered table { --ogd-table-pad-y: 0.62em; --ogd-table-pad-x: 0.78em; --ogd-table-font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); --ogd-table-line-height: var(--ogd-pdf-surface-text-line-height, 1.42); --ogd-table-surface: radial-gradient(circle at 78% 12%, rgba(125, 211, 252, 0.08), transparent 0 38%), linear-gradient(180deg, #ffffff, #fbfdff); --ogd-table-head-bg: linear-gradient(180deg, #ffffff, #f8fafc); --ogd-table-border: rgba(148, 163, 184, 0.38); --ogd-table-cell-border: rgba(226, 232, 240, 0.70); --ogd-table-row-even: rgba(236, 254, 255, 0.22); width: 100%; max-width: 100%; margin-top: 0.72em; margin-bottom: 0.92em; border-collapse: separate; border-spacing: 0; border: 1px solid var(--ogd-table-border); border-radius: 8px; background: var(--ogd-table-surface); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.06); overflow: hidden; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table:is(.print-fit-table, .wide-table), body .workspace-leaf-content .markdown-rendered table:is(.print-fit-table, .wide-table) { --ogd-table-pad-y: 0.44em; --ogd-table-pad-x: 0.56em; --ogd-table-font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); --ogd-table-line-height: var(--ogd-pdf-surface-text-line-height, 1.42); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table :is(th, td), body .workspace-leaf-content .markdown-rendered table :is(th, td) { padding: var(--ogd-table-pad-y) var(--ogd-table-pad-x); border-color: var(--ogd-table-cell-border); color: #334155; font-size: var(--ogd-table-font-size); line-height: var(--ogd-table-line-height); vertical-align: middle; background-clip: padding-box; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table th, body .workspace-leaf-content .markdown-rendered table th { border-bottom-color: rgba(148, 163, 184, 0.58); background: var(--ogd-table-head-bg); color: #334155; font-weight: 820; text-align: left; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table td, body .workspace-leaf-content .markdown-rendered table td { background: transparent; } body.ogd-zebra-disabled-permanently :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table tbody tr:nth-child(even) td, body.ogd-zebra-disabled-permanently .workspace-leaf-content .markdown-rendered table tbody tr:nth-child(even) td { background: var(--ogd-table-row-even); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) table.risk-table td:last-child, body .workspace-leaf-content .markdown-rendered table.risk-table td:last-child { border-radius: 0; background: transparent; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(img, svg, canvas) { max-height: 155mm; object-fit: contain; } body.ogd-pdf-compact :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .mermaid svg { max-height: none; } body.ogd-pdf-compact .markdown-rendered a[href^="http"]::after { content: ""; } /* v2.22.80 - PDF link output profiles and figure captions. Reference First keeps body copy clean while relying on explicit .ogd-reference-list / .figure-caption authoring for traceability. */ body.ogd-pdf-links-inline.ogd-pdf-compact .markdown-rendered a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 0.78em; color: #6b7280; word-break: break-all; } body:is(.ogd-pdf-links-clean, .ogd-pdf-links-reference, .ogd-pdf-client-delivery) .markdown-rendered a[href^="http"]::after { content: ""; } body:is(.ogd-pdf-links-reference, .ogd-pdf-client-delivery) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(.ogd-reference-summary, .source-note, .reference-note) { margin: 0.7em 0 0.86em; padding: 0.58em 0.72em; border: 1px solid #d7e4ec; border-radius: 6px; background: #f8fbff; color: #334155; font-size: 9.4pt; line-height: 1.36; page-break-inside: avoid; } body:is(.ogd-pdf-links-reference, .ogd-pdf-client-delivery) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(ol, ul).ogd-reference-list { margin: 0.74em 0 1em; padding: 0; border-top: 1px solid #d7e4ec; list-style: none; } body:is(.ogd-pdf-links-reference, .ogd-pdf-client-delivery) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(ol, ul).ogd-reference-list > li { display: grid; grid-template-columns: minmax(68px, 7em) minmax(0, 1fr); gap: 0.58em; align-items: start; margin: 0; padding: 0.44em 0; border-bottom: 1px solid #d7e4ec; page-break-inside: avoid; } body:is(.ogd-pdf-links-reference, .ogd-pdf-client-delivery) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(ol, ul).ogd-reference-list > li::before { display: none; content: none; } body:is(.ogd-pdf-links-reference, .ogd-pdf-client-delivery) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.ogd-reference-source, .reference-source, .source-label) { display: inline-flex; align-items: center; justify-content: center; min-height: 1.48em; padding: 0.1em 0.48em; border: 1px solid #bfdbfe; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: 7.8pt; font-weight: 800; line-height: 1.2; white-space: nowrap; } body.ogd-pdf-links-reference :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.ogd-reference-main, .reference-main, .source-main) { min-width: 0; color: #475569; font-size: 9pt; line-height: 1.32; overflow-wrap: anywhere; } body.ogd-pdf-links-reference :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.ogd-reference-title, .reference-title, .source-title) { color: #0f172a; font-weight: 780; } /* v3.1.38 - PDF image/body quality guards. Keep figures inspectable, captions bound to their media, and body rhythm predictable without changing the existing table design. */ body:is(.ogd-pdf-visibility, .ogd-pdf-client-delivery) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(h2, h3, h4) { page-break-after: avoid; } body:is(.ogd-pdf-visibility, .ogd-pdf-client-delivery) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(img, svg, canvas):not(.callout-icon *) { max-width: 100%; box-sizing: border-box; border: 1px solid rgba(148, 163, 184, 0.38); height: auto; object-fit: contain; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(figure, .ogd-figure, .figure-block) { --ogd-pdf-figure-max-height: 145mm; margin: 0.88em 0 1.05em; break-inside: avoid-page; page-break-inside: avoid; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.ogd-figure-wide, .ogd-img-wide) { --ogd-pdf-figure-max-height: 165mm; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.ogd-figure-compact, .ogd-img-compact) { --ogd-pdf-figure-max-height: 92mm; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.ogd-figure-keep, .ogd-img-keep) { break-inside: avoid-page; page-break-inside: avoid; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(figure, .ogd-figure, .figure-block) > :is(img, svg, canvas) { display: block; max-width: 100%; box-sizing: border-box; border: 1px solid rgba(148, 163, 184, 0.38); max-height: var(--ogd-pdf-figure-max-height, 145mm); height: auto; margin: 0 auto; object-fit: contain; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.ogd-img-contain, .ogd-figure-contain > :is(img, svg, canvas)) { object-fit: contain; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.ogd-img-sharp, .ogd-figure-sharp > :is(img, svg, canvas)) { image-rendering: auto; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(figcaption, .figure-caption, .ogd-figure-caption) { margin: 0.42em 0 0; color: #475569; font-size: 8.8pt; line-height: 1.32; text-align: center; break-before: avoid; page-break-before: avoid; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(figcaption, .figure-caption, .ogd-figure-caption) strong { color: #0f172a; font-weight: 780; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(.figure-source, .ogd-figure-source) { display: block; margin-top: 0.18em; color: #64748b; font-size: 8pt; line-height: 1.28; text-align: center; overflow-wrap: anywhere; } /* v2.22.85 - PDF Liquid Glass callout parity. Keep PDF export aligned with the full-frame frosted callout style and suppress legacy left-stripe report callouts in Chromium print cascade. */ body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout { --ogd-callout-accent: #475569; --ogd-callout-tint: rgba(148, 163, 184, 0.10); --ogd-callout-bg: radial-gradient(circle at 42% 0%, rgba(255, 255, 255, 0.56), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.84)), linear-gradient(135deg, var(--ogd-callout-tint), transparent 64%); --ogd-callout-border: rgba(203, 213, 225, 0.62); --ogd-callout-icon-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.72)); --ogd-callout-icon-ring: rgba(148, 163, 184, 0.12); margin: 0.86em 0 1.02em; padding: 0.7em 0.84em 0.74em; border: 1px solid var(--ogd-callout-border); border-radius: 7px; background: var(--ogd-callout-bg); color: #334155; box-shadow: inset 0 0 0 1px var(--ogd-callout-border), inset 0 1px 0 rgba(255, 255, 255, 0.88); break-inside: avoid-page; page-break-inside: avoid; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout:is([data-callout="note"], [data-callout="info"], [data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"], [data-callout="quote"], [data-callout="cite"], [data-callout="conclusion"], [data-callout="decision"]) { --ogd-callout-accent: #475569; --ogd-callout-tint: rgba(148, 163, 184, 0.10); --ogd-callout-border: rgba(203, 213, 225, 0.62); --ogd-callout-icon-ring: rgba(148, 163, 184, 0.12); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout:is([data-callout="tip"], [data-callout="hint"], [data-callout="important"], [data-callout="success"], [data-callout="check"], [data-callout="done"], [data-callout="recommendation"]) { --ogd-callout-accent: #047857; --ogd-callout-tint: rgba(94, 234, 212, 0.18); --ogd-callout-border: rgba(20, 184, 166, 0.34); --ogd-callout-icon-ring: rgba(94, 234, 212, 0.18); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout:is([data-callout="warning"], [data-callout="attention"], [data-callout="caution"], [data-callout="risk"]) { --ogd-callout-accent: #b45309; --ogd-callout-tint: rgba(252, 211, 77, 0.20); --ogd-callout-border: rgba(217, 119, 6, 0.30); --ogd-callout-icon-ring: rgba(252, 211, 77, 0.20); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout:is([data-callout="failure"], [data-callout="fail"], [data-callout="missing"], [data-callout="danger"], [data-callout="error"], [data-callout="bug"]) { --ogd-callout-accent: #b91c1c; --ogd-callout-tint: rgba(251, 113, 133, 0.16); --ogd-callout-border: rgba(225, 29, 72, 0.28); --ogd-callout-icon-ring: rgba(251, 113, 133, 0.16); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout:is([data-callout="example"], [data-callout="question"], [data-callout="help"], [data-callout="faq"]) { --ogd-callout-accent: #6d28d9; --ogd-callout-tint: rgba(196, 181, 253, 0.18); --ogd-callout-border: rgba(124, 58, 237, 0.26); --ogd-callout-icon-ring: rgba(196, 181, 253, 0.18); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout:is([data-callout="action"], [data-callout="todo"]) { --ogd-callout-accent: #0e7490; --ogd-callout-tint: rgba(125, 211, 252, 0.18); --ogd-callout-border: rgba(14, 165, 233, 0.30); --ogd-callout-icon-ring: rgba(125, 211, 252, 0.18); } body :is( .markdown-rendered, .markdown-preview-view, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) :is(p, li, dd, dt, blockquote, .el-p, .el-li, .el-ul, .el-ol):not(table *), body .workspace-leaf-content .markdown-rendered :is(p, li, dd, dt, blockquote):not(table *) { font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.42); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-title { min-height: 0; padding: 0; color: #111827; font-size: 0.98em; font-weight: 820; line-height: 1.28; page-break-after: avoid; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-title-inner { color: inherit; font-weight: 820; } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-icon { border: 1.5px solid var(--ogd-callout-border); border-radius: 999px; background: var(--ogd-callout-icon-bg); color: var(--ogd-callout-accent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 0 0 3px var(--ogd-callout-icon-ring); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-content { margin-top: 0.42em; padding-top: 0; color: #334155; font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.42); } body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout :is(p, li):not(table *), body :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-content > :is(p, ul, ol):not(table *) { font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.42); } body:is(.ogd-pdf-visibility, .ogd-pdf-screen-delivery, .ogd-pdf-font-comfortable, .ogd-pdf-font-large) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout :is(p, li):not(table *), body:is(.ogd-pdf-visibility, .ogd-pdf-screen-delivery, .ogd-pdf-font-comfortable, .ogd-pdf-font-large) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-content > :is(p, ul, ol):not(table *) { font-size: var(--ogd-pdf-surface-text-font-size, 11.6pt); line-height: var(--ogd-pdf-surface-text-line-height, 1.42); } body:is(.ogd-pdf-visibility, .ogd-pdf-screen-delivery) :is( .markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered ) .callout-content > :is(p, ul, ol, blockquote, pre, table) { break-inside: avoid-page; page-break-inside: avoid; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h2 { margin-top: 1.62em; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h3 { margin-top: 1.34em; } body :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h4 { margin-top: 1.12em; } body.ogd-pdf-compact :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h2 { margin-top: 1.46em; } body.ogd-pdf-compact :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h3 { margin-top: 1.22em; } body.ogd-pdf-compact :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) :is(p, ul, ol, blockquote, pre, table, .table-wrapper, .callout) + h4 { margin-top: 1.02em; } /* v2.30.4 - Forbidden left vertical bar removal (PDF/print parity). Mirrors the screen-side global force-disable in 10b. */ body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(h1, h2, h3, h4, h5, h6), body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(blockquote, .callout, nav.toc, .table-of-contents, .toc, .report-toc, .ogd-executive-summary, .ogd-action-summary) { border-left: 0; border-inline-start: 0; border-left-width: 0; } /* v2.30.4b - kill PDF pseudo-element left accent bars (preserve auto-number content) */ body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(h1, h2, h3, h4, h5, h6)::before, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(blockquote, .callout, .ogd-executive-summary, .ogd-action-summary)::before { border-left: 0; border-inline-start: 0; border-image: none; box-shadow: none; background-image: none; } /* v2.30.4 - Force PDF table zebra to transparent (defense in depth). */ body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:nth-child(even) td, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:nth-child(odd) td { background: transparent; background-color: transparent; } .markdown-rendered table th, .markdown-preview-view table th, .markdown-reading-view table th { background: #f4f6f8; border-bottom: 1px solid var(--ogd-text-soft, #94a3b8); } body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) { --ogd-print-table-bg: rgba(255, 255, 255, 0.72); --ogd-print-table-head-bg: rgba(248, 250, 252, 0.54); --ogd-print-table-cell-bg: rgba(255, 255, 255, 0.38); --ogd-print-table-zebra-bg: rgba(236, 254, 255, 0.16); --ogd-print-table-first-col-bg: rgba(248, 250, 252, 0.34); --ogd-print-table-border: rgba(203, 213, 225, 0.40); --ogd-print-table-strong-border: rgba(148, 163, 184, 0.46); --ogd-print-table-text: #334155; --ogd-print-table-strong-text: #1f2937; --ogd-print-caption-text: #475569; } body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(table, table *) { -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table, body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) .workspace-leaf-content .markdown-rendered table { --ogd-table-bg: var(--ogd-print-table-bg); --ogd-table-surface: var(--ogd-print-table-bg); --ogd-table-head-bg: var(--ogd-print-table-head-bg); --ogd-table-border: var(--ogd-print-table-border); --ogd-table-cell-border: var(--ogd-print-table-border); --ogd-table-row-even: var(--ogd-print-table-zebra-bg); --ogd-table-shadow: none; border-color: var(--ogd-print-table-border); background: var(--ogd-print-table-bg); background-color: var(--ogd-print-table-bg); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table :is(th, td), body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) .workspace-leaf-content .markdown-rendered table :is(th, td) { border-color: var(--ogd-print-table-border); color: var(--ogd-print-table-text); background-clip: padding-box; } body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table th, body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) .workspace-leaf-content .markdown-rendered table th { border-bottom-color: var(--ogd-print-table-strong-border); background: var(--ogd-print-table-head-bg); background-color: var(--ogd-print-table-head-bg); color: var(--ogd-print-table-strong-text); } body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td, body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) .workspace-leaf-content .markdown-rendered table td { background: var(--ogd-print-table-cell-bg); background-color: var(--ogd-print-table-cell-bg); } body.ogd-zebra-disabled-permanently:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:nth-child(even) td, body.ogd-zebra-disabled-permanently:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) .workspace-leaf-content .markdown-rendered table tbody tr:nth-child(even) td { background: var(--ogd-print-table-zebra-bg); background-color: var(--ogd-print-table-zebra-bg); } body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.comparison-table :is(th, td):first-child, body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) .workspace-leaf-content .markdown-rendered table.comparison-table :is(th, td):first-child { background: var(--ogd-print-table-first-col-bg); background-color: var(--ogd-print-table-first-col-bg); color: var(--ogd-print-table-strong-text); box-shadow: 1px 0 0 var(--ogd-print-table-border); } body:is(.theme-light, .theme-dark, :not(.theme-light)):is(.ogd-spacing-relaxed, :not(.ogd-spacing-relaxed)) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.ogd-caption, .table-caption, .figure-caption, .media-caption) { color: var(--ogd-print-caption-text); -webkit-print-color-adjust: exact; print-color-adjust: exact; } @supports selector(.markdown-rendered div:has(> pre)) { body :is(.markdown-preview-section, .markdown-rendered) > div:has(> pre) { box-sizing: border-box; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre, body .workspace-leaf-content .markdown-rendered pre { box-sizing: border-box; display: block; width: 100%; max-width: 100%; margin: 0.72em 0 1.05em; padding: 10pt 12pt; border: 1px solid #d8dee8; border-radius: 5px; background: #f8fafc; box-shadow: none; overflow: visible; page-break-inside: auto; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre::before, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre::after { display: none; content: none; } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, body .workspace-leaf-content .markdown-rendered pre code { --ogd-code-font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-code-print-font-size, 11.6pt)); --ogd-code-line-height: var(--ogd-pdf-surface-text-line-height, var(--ogd-code-print-line-height, 1.44)); box-sizing: border-box; display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--ogd-code-fg, #1e293b); font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-code-print-font-size, 11.6pt)); font-weight: var(--ogd-code-font-weight, 520); font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); line-height: var(--ogd-pdf-surface-text-line-height, var(--ogd-code-print-line-height, 1.44)); letter-spacing: var(--ogd-code-letter-spacing, 0); white-space: var(--ogd-codeblock-code-white-space, pre-wrap); word-break: normal; overflow-wrap: var(--ogd-codeblock-code-overflow-wrap, anywhere); } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) .el-pre, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered .el-pre { margin: var(--ogd-codeblock-wrapper-margin, 0.72em 0 1.05em); padding: 0; border: 0; background: transparent; box-shadow: none; } @supports selector(.markdown-rendered div:has(> pre)) { body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) div:has(> pre), body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered div:has(> pre) { margin-inline: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(.el-pre > pre, pre), body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered :is(.el-pre > pre, pre) { --ogd-codeblock-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.96)); --ogd-codeblock-border: rgba(203, 213, 225, 0.78); --ogd-codeblock-header-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(248, 251, 255, 0.42)); --ogd-codeblock-header-border: rgba(203, 213, 225, 0.52); --ogd-codeblock-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.04); margin: var(--ogd-codeblock-margin, 0); padding: 0; border-color: var(--ogd-codeblock-border); background: var(--ogd-codeblock-bg); box-shadow: var(--ogd-codeblock-shadow); overflow: hidden; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre::before, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre::before { border-color: var(--ogd-codeblock-header-border); background: #fbfdff; color: var(--ogd-text-soft, #94a3b8); font-size: 0.7em; font-weight: 600; line-height: 1.1; letter-spacing: 0.05em; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; filter: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre[class*="language-"]::after { border-bottom-color: transparent; background: transparent; box-shadow: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre code { background: transparent; -webkit-print-color-adjust: exact; print-color-adjust: exact; padding: 24pt 9pt 8.5pt; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::before, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre[class*="language-"]::before { content: ""; position: absolute; inset: 0 0 auto 0; z-index: 1; display: block; height: 16pt; padding: 0; border: 0; border-bottom: 1px solid var(--ogd-codeblock-header-border, rgba(203, 213, 225, 0.52)); background: transparent; box-shadow: none; pointer-events: none; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre[class*="language-"]::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre[class*="language-"]::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .markdown-source-view.mod-cm6 .code-block-flair, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .code-block-flair { position: absolute; top: 0; left: 8.5pt; right: auto; z-index: 2; display: inline-flex; align-items: center; height: 16pt; padding: 0; border: 0; background: transparent; box-shadow: none; color: #475569; font-family: var(--ogd-interface-font-stack), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 7.2pt; font-weight: 760; line-height: 1.1; letter-spacing: 0.08em; text-transform: uppercase; opacity: 1; pointer-events: none; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-powershell, .language-ps1, .language-pwsh)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-powershell, .language-ps1, .language-pwsh)::after { content: "POWERSHELL"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-kusto, .language-kql, .language-kql-query)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-kusto, .language-kql, .language-kql-query)::after { content: "KUSTO"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-bash, .language-sh, .language-shell, .language-zsh)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-bash, .language-sh, .language-shell, .language-zsh)::after { content: "SHELL"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-python, .language-py)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-python, .language-py)::after { content: "PYTHON"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-javascript, .language-js)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-javascript, .language-js)::after { content: "JAVASCRIPT"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-typescript, .language-ts)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-typescript, .language-ts)::after { content: "TYPESCRIPT"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-json::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre.language-json::after { content: "JSON"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-yaml, .language-yml)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-yaml, .language-yml)::after { content: "YAML"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-md, .language-markdown)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-md, .language-markdown)::after { content: "MARKDOWN"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-css::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre.language-css::after { content: "CSS"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-html::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre.language-html::after { content: "HTML"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre.language-sql::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre.language-sql::after { content: "SQL"; } body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre:is(.language-text, .language-txt, .language-plain, .language-plaintext)::after, body:not(.ogd-codeblock-print-legacy):not(.ogd-codeblock-print-vintage) .workspace-leaf-content .markdown-rendered pre:is(.language-text, .language-txt, .language-plain, .language-plaintext)::after { content: "TEXT"; } body:is(.ogd-pdf-screen-delivery, .ogd-pdf-font-comfortable, .ogd-pdf-font-large) :is(.markdown-rendered, .markdown-preview-view.markdown-rendered, .markdown-reading-view .markdown-rendered) pre code { --ogd-pdf-readable-code-font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-code-print-font-size, 11.6pt)); --ogd-code-font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-code-print-font-size, 11.6pt)); --ogd-code-line-height: var(--ogd-pdf-surface-text-line-height, var(--ogd-code-print-line-height, 1.44)); font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-code-print-font-size, 11.6pt)); line-height: var(--ogd-pdf-surface-text-line-height, var(--ogd-code-print-line-height, 1.44)); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre code :is(span, .token, [class*="token"], [class*="cm-"]), body .workspace-leaf-content .markdown-rendered pre code :is(span, .token, [class*="token"], [class*="cm-"]) { font-family: var(--ogd-code-font-family, var(--ogd-code-font-stack)); font-size: var(--ogd-pdf-surface-text-font-size, var(--ogd-code-print-font-size, 11.6pt)); font-weight: var(--ogd-code-font-weight, 520); font-style: normal; font-feature-settings: var(--ogd-code-font-feature-settings, "zero" 1, "tnum" 1); font-variant-numeric: var(--ogd-code-font-variant-numeric, tabular-nums slashed-zero); font-variant-ligatures: var(--ogd-code-font-variant-ligatures, none); line-height: var(--ogd-pdf-surface-text-line-height, var(--ogd-code-print-line-height, 1.44)); letter-spacing: var(--ogd-code-letter-spacing, 0); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.keyword, .token.operator, .token.boolean, .token.atrule, .cm-keyword, .cm-operator, .cm-atom, .cm-bool) { color: var(--ogd-code-keyword, #5b21b6); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.string, .token.attr-value, .token.selector, .cm-string, .cm-string-2, .cm-qualifier) { color: var(--ogd-code-string, #a16207); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.function, .token.variable, .cm-def, .cm-function, .cm-variableName, .cm-variable-2, .cm-variable-3) { color: var(--ogd-code-function, #0f766e); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.property, .token.class-name, .token.tag, .token.attr-name, .token.pseudo-class, .token.pseudo-element, .cm-property, .cm-attribute, .cm-typeName, .cm-className, .cm-tag, .cm-builtin) { color: var(--ogd-code-property, #2563eb); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.number, .token.constant, .token.symbol, .cm-number, .cm-literal) { color: var(--ogd-code-number, #be123c); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.comment, .token.prolog, .token.doctype, .cm-comment, .cm-meta) { color: var(--ogd-code-muted, #64748b); } body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view, .workspace-leaf-content .markdown-rendered) pre code :is(.token.punctuation, .cm-punctuation, .cm-separator, .cm-bracket) { color: var(--ogd-code-punctuation, #475569); } } /* <<< src/features/42-report-print-polish.css */ /* 09a-nav-ribbon-glass.css -> chrome/34 */ /* >>> src/chrome/34-nav-ribbon-glass.css */ /* ============================================================ v1.8.21 — Ribbon glass icons Translucent glass effect for left ribbon icons only. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action) { --ogd-ribbon-icon-border: rgba(203, 213, 225, 0.58); --ogd-ribbon-icon-bg: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.70), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.66)); --ogd-ribbon-icon-color: var(--ogd-text-slate, #334155); --ogd-ribbon-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 4px 10px rgba(15, 23, 42, 0.11), 0 1px 2px rgba(15, 23, 42, 0.07); padding: 8px; border: 1px solid var(--ogd-ribbon-icon-border); border-radius: var(--radius-l, 8px); background: var(--ogd-ribbon-icon-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(140%)); backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(140%)); color: var(--ogd-ribbon-icon-color); box-shadow: var(--ogd-ribbon-icon-shadow); transition: var(--ogd-glass-transition-control, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease); } body:not(.is-mobile) :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action):hover { --ogd-ribbon-icon-border: rgba(100, 116, 139, 0.34); --ogd-ribbon-icon-bg: radial-gradient(circle at 74% 22%, rgba(255, 255, 255, 0.84), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.74)); --ogd-ribbon-icon-color: var(--ogd-text-strong, #111827); --ogd-ribbon-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(15, 23, 42, 0.07), inset 0 0 16px rgba(255, 255, 255, 0.34), 0 12px 24px rgba(15, 23, 42, 0.16), 0 4px 10px rgba(15, 23, 42, 0.10); } body:not(.is-mobile).theme-dark :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action) { --ogd-ribbon-icon-border: rgba(203, 213, 225, 0.16); --ogd-ribbon-icon-bg: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.16), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.48)); --ogd-ribbon-icon-color: var(--ogd-line-strong, #cbd5e1); --ogd-ribbon-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), inset 0 -1px 0 rgba(0, 0, 0, 0.28), inset 0 0 12px rgba(148, 163, 184, 0.08), 0 5px 14px rgba(0, 0, 0, 0.30); } body:not(.is-mobile).theme-dark :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action):hover { --ogd-ribbon-icon-border: rgba(203, 213, 225, 0.24); --ogd-ribbon-icon-bg: radial-gradient(circle at 74% 22%, rgba(255, 255, 255, 0.10), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.82), rgba(30, 41, 59, 0.58)); --ogd-ribbon-icon-color: var(--ogd-text-inverted, #f8fafc); --ogd-ribbon-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.30), 0 8px 22px rgba(0, 0, 0, 0.42); } } /* ============================================================ v1.8.22 — Hover glass polish Stronger glass + drop shadow on hover for ribbon icons and nav items. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action):is(.is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"]) { --ogd-ribbon-icon-border: rgba(100, 116, 139, 0.38); --ogd-ribbon-icon-bg: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.80), transparent 36%), radial-gradient(circle at 16% 76%, rgba(148, 163, 184, 0.08), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.62)); --ogd-ribbon-icon-color: var(--ogd-text-slate, #334155); --ogd-ribbon-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(15, 23, 42, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 10px 22px rgba(15, 23, 42, 0.15), 0 0 0 3px rgba(148, 163, 184, 0.08); } body:not(.is-mobile).theme-dark :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action):is(.is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"]) { --ogd-ribbon-icon-border: rgba(203, 213, 225, 0.24); --ogd-ribbon-icon-bg: radial-gradient(circle at 76% 28%, rgba(148, 163, 184, 0.15), transparent 34%), radial-gradient(circle at 16% 74%, rgba(203, 213, 225, 0.07), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.78), rgba(15, 23, 42, 0.50)); --ogd-ribbon-icon-color: var(--ogd-line-strong, #cbd5e1); --ogd-ribbon-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 rgba(203, 213, 225, 0.08), inset 0 0 0 1px rgba(203, 213, 225, 0.08), 0 8px 22px rgba(0, 0, 0, 0.38); } } /* ============================================================ v2.22.21 — Vault footer liquid-glass band Soften the lower-left vault/profile footer without hiding its controls. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is( .workspace-sidedock-vault-profile, .workspace-sidedock-vault-profile-container, .workspace-drawer-vault-switcher, .workspace-drawer-vault-switcher-container ) { background: radial-gradient(circle at 84% 18%, rgba(255, 255, 255, 0.80), transparent 42%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.58)); border-top: 1px solid rgba(203, 213, 225, 0.48); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 -10px 26px rgba(15, 23, 42, 0.055), 0 -3px 10px rgba(56, 189, 248, 0.035); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(140%)); backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(140%)); } body:not(.is-mobile) :is( .workspace-sidedock-vault-profile, .workspace-sidedock-vault-profile-container, .workspace-drawer-vault-switcher, .workspace-drawer-vault-switcher-container, .workspace-drawer-vault-actions ) :is(.clickable-icon, .workspace-drawer-vault-action) { border: 1px solid rgba(203, 213, 225, 0.58); border-radius: var(--radius-l, 8px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.58)); color: var(--ogd-text-slate, #334155); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 2px 6px rgba(15, 23, 42, 0.08); transition: var(--ogd-glass-transition-control, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease); } body:not(.is-mobile) :is( .workspace-sidedock-vault-profile, .workspace-drawer-vault-switcher, .workspace-drawer-vault-actions ) :is(.clickable-icon, .workspace-drawer-vault-action):hover { border-color: rgba(100, 116, 139, 0.34); background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.70)); color: var(--ogd-text-strong, #111827); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 5px 14px rgba(15, 23, 42, 0.11), 0 0 0 1px rgba(148, 163, 184, 0.08); } body:not(.is-mobile) :is(.workspace-sidedock-vault-name, .workspace-drawer-vault-name, .workspace-drawer-vault-switcher-name) { color: var(--ogd-text-strong, #111827); font-weight: 700; } body:not(.is-mobile) .workspace-drawer-vault-switcher { border: 1px solid rgba(125, 211, 252, 0.58); border-radius: 9px; background: var(--ogd-glass-bg-strong, radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.78), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(240, 249, 255, 0.62))); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.07)); backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.07)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(14, 165, 233, 0.10), inset 0 0 18px rgba(255, 255, 255, 0.36), 0 12px 26px rgba(15, 23, 42, 0.115), 0 4px 12px rgba(56, 189, 248, 0.10); } body:not(.is-mobile) .workspace-drawer-vault-switcher:hover { border-color: rgba(125, 211, 252, 0.72); background: var(--ogd-glass-bg-hover, radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.84), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(224, 242, 254, 0.68))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(14, 165, 233, 0.14), inset 0 0 18px rgba(255, 255, 255, 0.40), 0 14px 30px rgba(15, 23, 42, 0.135), 0 5px 14px rgba(56, 189, 248, 0.13); transform: var(--ogd-hover-lift-subtle, translateY(-0.5px)); } body:not(.is-mobile).theme-dark :is( .workspace-sidedock-vault-profile, .workspace-sidedock-vault-profile-container, .workspace-drawer-vault-switcher, .workspace-drawer-vault-switcher-container ) { background: radial-gradient(circle at 84% 18%, rgba(148, 163, 184, 0.14), transparent 42%), linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.40)); border-top-color: rgba(203, 213, 225, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 -10px 26px rgba(0, 0, 0, 0.22), 0 -3px 10px rgba(56, 189, 248, 0.025); } body:not(.is-mobile).theme-dark :is( .workspace-sidedock-vault-profile, .workspace-sidedock-vault-profile-container, .workspace-drawer-vault-switcher, .workspace-drawer-vault-switcher-container, .workspace-drawer-vault-actions ) :is(.clickable-icon, .workspace-drawer-vault-action) { border-color: rgba(203, 213, 225, 0.16); background: linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.48)); color: var(--ogd-line-strong, #cbd5e1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 3px 9px rgba(0, 0, 0, 0.26); } body:not(.is-mobile).theme-dark :is( .workspace-sidedock-vault-profile, .workspace-drawer-vault-switcher, .workspace-drawer-vault-actions ) :is(.clickable-icon, .workspace-drawer-vault-action):hover { border-color: rgba(203, 213, 225, 0.24); background: linear-gradient(180deg, rgba(51, 65, 85, 0.76), rgba(30, 41, 59, 0.52)); color: var(--ogd-text-inverted, #f8fafc); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), 0 6px 16px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(203, 213, 225, 0.07); } body:not(.is-mobile).theme-dark :is(.workspace-sidedock-vault-name, .workspace-drawer-vault-name, .workspace-drawer-vault-switcher-name) { color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark .workspace-drawer-vault-switcher { border-color: rgba(186, 230, 253, 0.30); background: var(--ogd-glass-bg-strong, radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.18), transparent 35%), linear-gradient(180deg, rgba(51, 65, 85, 0.84), rgba(15, 23, 42, 0.56))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(0, 0, 0, 0.28), inset 0 0 16px rgba(148, 163, 184, 0.10), 0 12px 28px rgba(0, 0, 0, 0.34), 0 4px 12px rgba(56, 189, 248, 0.06); } body:not(.is-mobile).theme-dark .workspace-drawer-vault-switcher:hover { border-color: rgba(186, 230, 253, 0.40); background: var(--ogd-glass-bg-hover, radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.22), transparent 35%), linear-gradient(180deg, rgba(51, 65, 85, 0.88), rgba(15, 23, 42, 0.60))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), inset 0 -1px 0 rgba(0, 0, 0, 0.26), inset 0 0 16px rgba(148, 163, 184, 0.12), 0 14px 32px rgba(0, 0, 0, 0.38), 0 5px 14px rgba(56, 189, 248, 0.08); transform: var(--ogd-hover-lift-subtle, translateY(-0.5px)); } } /* ============================================================ v1.8.25b — Exclude right sidebar toggle from glass ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) .sidebar-toggle-button.mod-right, body:not(.is-mobile).theme-dark .sidebar-toggle-button.mod-right, body:not(.is-mobile) .workspace-tab-header-tab-list, body:not(.is-mobile).theme-dark .workspace-tab-header-tab-list { padding: 4px; margin: 0 3px; border: var(--ogd-border-none, 0); border-radius: 4px; background: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); -webkit-backdrop-filter: none; backdrop-filter: none; } body:not(.is-mobile) .sidebar-toggle-button.mod-right:hover, body:not(.is-mobile).theme-dark .sidebar-toggle-button.mod-right:hover { background: rgba(100, 116, 139, 0.10); border: var(--ogd-border-none, 0); box-shadow: var(--ogd-shadow-none, none); } } /* ============================================================ v1.8.28 — Subdue dark frame lines Soften header/splitter dark lines around document area. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) .mod-root .workspace-tab-header-container, body:not(.is-mobile) .mod-root .view-header { border-bottom-color: rgba(100, 116, 139, 0.22); box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile).theme-dark .mod-root .workspace-tab-header-container, body:not(.is-mobile).theme-dark .mod-root .view-header { border-bottom-color: rgba(203, 213, 225, 0.18); } body:not(.is-mobile) .workspace-split.mod-root, body:not(.is-mobile) .mod-root .workspace-leaf, body:not(.is-mobile) .mod-root .workspace-tabs { border-color: var(--ogd-surface-transparent, transparent); } /* Remove side dock split borders */ body:not(.is-mobile) .workspace-split.mod-horizontal, body:not(.is-mobile) .workspace-split.mod-left-split, body:not(.is-mobile) .workspace-split.mod-right-split { border: var(--ogd-border-none, 0); box-shadow: var(--ogd-shadow-none, none); } } /* ============================================================ v1.8.29 — Scrollable header dark line subdue Neutralize thin dark lines on top-of-content surfaces. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) .markdown-source-view.mod-cm6 .cm-scroller, body:not(.is-mobile) .markdown-preview-view .markdown-preview-sizer, body:not(.is-mobile) .markdown-reading-view .markdown-preview-sizer { border-top: 0; } } /* <<< src/chrome/34-nav-ribbon-glass.css */ /* 09b-editing-menu-tooltip-glass.css -> chrome/35 */ /* >>> src/chrome/35-editing-menu-tooltip-glass.css */ /* ============================================================ v1.8.32 — Editing toolbar glass surface + glass icons Apply liquid-glass effect to Editing Toolbar plugin bar and icons. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) { --ogd-09b-control-bg: var(--ogd-glass-control-bg, linear-gradient(180deg, rgba(255,255,255,0.72), rgba(241,245,249,0.36))); --ogd-09b-control-border: rgba(148,163,184,0.20); --ogd-09b-control-shadow: inset 0 1px 0 rgba(255,255,255,0.82), inset 0 -1px 0 rgba(148,163,184,0.10), 0 2px 7px rgba(15,23,42,0.055); --ogd-09b-control-hover-bg: var(--ogd-glass-control-hover-bg, radial-gradient(circle at 76% 28%, rgba(255,255,255,0.78), transparent 35%), radial-gradient(circle at 18% 82%, rgba(125,211,252,0.14), transparent 34%), linear-gradient(180deg, rgba(255,255,255,0.94), rgba(240,249,255,0.58))); --ogd-09b-control-hover-shadow: inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(14,165,233,0.08), 0 9px 22px rgba(15,23,42,0.12), 0 3px 9px rgba(56,189,248,0.10); --ogd-09b-toolbar-bg: var(--ogd-glass-toolbar-bg, radial-gradient(circle at 78% 20%, rgba(255,255,255,0.76), transparent 34%), linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.68))); --ogd-09b-toolbar-border: rgba(203,213,225,0.42); --ogd-09b-toolbar-shadow: inset 0 1px 0 rgba(255,255,255,0.96), inset 0 -1px 0 rgba(148,163,184,0.10), 0 18px 34px rgba(15,23,42,0.11), 0 5px 13px rgba(56,189,248,0.075); --ogd-09b-floating-bg: var(--ogd-glass-toolbar-bg, radial-gradient(circle at 78% 20%, rgba(255,255,255,0.76), transparent 34%), linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.68))); --ogd-09b-floating-border: rgba(203,213,225,0.42); --ogd-09b-floating-shadow: inset 0 1px 0 rgba(255,255,255,0.96), inset 0 -1px 0 rgba(148,163,184,0.10), 0 22px 42px rgba(15,23,42,0.12), 0 6px 16px rgba(56,189,248,0.08); } body:not(.is-mobile).theme-dark { --ogd-09b-control-bg: var(--ogd-glass-control-bg, linear-gradient(180deg, rgba(51,65,85,0.52), rgba(30,41,59,0.28))); --ogd-09b-control-border: rgba(148,163,184,0.22); --ogd-09b-control-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.22), 0 2px 8px rgba(0,0,0,0.18); --ogd-09b-control-hover-bg: var(--ogd-glass-control-hover-bg, radial-gradient(circle at 76% 26%, rgba(148,163,184,0.20), transparent 34%), radial-gradient(circle at 16% 70%, rgba(56,189,248,0.08), transparent 34%), linear-gradient(180deg, rgba(51,65,85,0.68), rgba(15,23,42,0.42))); --ogd-09b-control-hover-shadow: inset 0 1px 0 rgba(255,255,255,0.16), inset 0 -1px 0 rgba(203,213,225,0.06), 0 9px 22px rgba(0,0,0,0.30), 0 3px 10px rgba(56,189,248,0.06); --ogd-09b-toolbar-bg: var(--ogd-glass-toolbar-bg, radial-gradient(circle at 78% 22%, rgba(148,163,184,0.16), transparent 34%), linear-gradient(180deg, rgba(30,41,59,0.72), rgba(15,23,42,0.48))); --ogd-09b-toolbar-border: rgba(203,213,225,0.18); --ogd-09b-toolbar-shadow: inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.22), 0 18px 36px rgba(0,0,0,0.34), 0 5px 14px rgba(56,189,248,0.05); --ogd-09b-floating-bg: var(--ogd-glass-toolbar-bg, radial-gradient(circle at 78% 22%, rgba(148,163,184,0.16), transparent 34%), linear-gradient(180deg, rgba(30,41,59,0.72), rgba(15,23,42,0.48))); --ogd-09b-floating-border: rgba(203,213,225,0.18); --ogd-09b-floating-shadow: inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.22), 0 22px 44px rgba(0,0,0,0.38), 0 6px 16px rgba(56,189,248,0.05); } body:not(.is-mobile) :is(.cm-editor, .markdown-source-view, .markdown-preview-view) .editing-toolbar, body:not(.is-mobile) #editingToolbarModalBar, body:not(.is-mobile) .editing-toolbar { background: var(--ogd-09b-toolbar-bg); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(18px) saturate(160%)); backdrop-filter: var(--ogd-glass-filter, blur(18px) saturate(160%)); border-bottom: 1px solid var(--ogd-09b-toolbar-border); box-shadow: var(--ogd-09b-toolbar-shadow); border-radius: 18px; margin: 8px 12px; } body:not(.is-mobile) :is(.cm-editor, .markdown-source-view, .markdown-preview-view) .editing-toolbar, body:not(.is-mobile) .editing-toolbar { padding-left: 72px; } /* Glass icon buttons inside the toolbar */ body:not(.is-mobile) .editing-toolbar :is(.editing-toolbar-button, button, .clickable-icon), body:not(.is-mobile) #editingToolbarModalBar :is(.clickable-icon, button, .editingToolbarButton), body:not(.is-mobile) .editing-toolbar [class*="editing-toolbar"] button { background: var(--ogd-09b-control-bg); border: 1px solid var(--ogd-09b-control-border); box-shadow: var(--ogd-09b-control-shadow); border-radius: 12px; transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease; } body:not(.is-mobile) .editing-toolbar :is(.editing-toolbar-button, button, .clickable-icon):hover, body:not(.is-mobile) #editingToolbarModalBar :is(.clickable-icon, button, .editingToolbarButton):hover, body:not(.is-mobile) .editing-toolbar [class*="editing-toolbar"] button:hover { background: var(--ogd-09b-control-hover-bg); border-color: rgba(125, 211, 252, 0.44); box-shadow: var(--ogd-09b-control-hover-shadow); transform: var(--ogd-hover-lift-subtle, translateY(-0.5px)); } } /* ============================================================ v1.8.33 — Editing toolbar submenu glass Apply glass to popover submenu (paste/cut/copy etc.) under toolbar. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is(.editing-toolbar-modal-bg, .editing-toolbar-modal, .editing-toolbar-popover), body:not(.is-mobile) [class*="cMenu"][class*="SubmenuBar"], body:not(.is-mobile) [class*="cMenuToolbar"][class*="Submenu"], body:not(.is-mobile) [class*="cMenuToolbar"][class*="Popup"], body:not(.is-mobile) [class*="editing-toolbar"][class*="submenu"], body:not(.is-mobile) [class*="editing-toolbar"][class*="Submenu"] { background: var(--ogd-09b-floating-bg); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(18px) saturate(160%)); backdrop-filter: var(--ogd-glass-filter, blur(18px) saturate(160%)); border: 1px solid var(--ogd-09b-floating-border); border-radius: 12px; box-shadow: var(--ogd-09b-floating-shadow); padding: 6px; } /* Buttons inside submenu inherit the same glass icon style */ body:not(.is-mobile) :is(.editing-toolbar-modal, .editing-toolbar-popover, [class*="cMenuToolbar"][class*="Submenu"]) :is(button, .clickable-icon) { background: var(--ogd-09b-control-bg); border: 1px solid var(--ogd-09b-control-border); box-shadow: var(--ogd-09b-control-shadow); border-radius: var(--radius-l, 8px); transition: background 160ms ease, box-shadow 160ms ease; } body:not(.is-mobile) :is(.editing-toolbar-modal, .editing-toolbar-popover, [class*="cMenuToolbar"][class*="Submenu"]) :is(button, .clickable-icon):hover { background: var(--ogd-09b-control-hover-bg); box-shadow: var(--ogd-09b-control-hover-shadow); } } /* ============================================================ v1.8.34 — Context menu glass surface Apply liquid-glass effect to right-click / dropdown menus. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) .menu { background: var(--ogd-glass-surface-bg, linear-gradient(180deg, rgba(255,255,255,0.88), rgba(241,245,249,0.50))); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(16px) saturate(160%)); backdrop-filter: var(--ogd-glass-filter, blur(16px) saturate(160%)); border: 1px solid rgba(148,163,184,0.22); border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 0 -1px 0 rgba(148,163,184,0.14), 0 12px 28px rgba(15,23,42,0.12), 0 4px 10px rgba(15,23,42,0.06); padding: 6px; } body:not(.is-mobile) .menu .menu-item { box-sizing: border-box; border: 1px solid transparent; border-radius: var(--radius-l, 8px); transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease; } body:not(.is-mobile) .menu .menu-item:hover, body:not(.is-mobile) .menu .menu-item.selected, body:not(.is-mobile) .menu .menu-item:focus { background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,252,0.55)); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(140%)); backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(140%)); border-color: rgba(100,116,139,0.34); color: #0f172a; box-shadow: inset 0 1px 0 rgba(255,255,255,0.94), inset 0 -1px 0 rgba(15,23,42,0.06), 0 6px 16px rgba(15,23,42,0.12); } body:not(.is-mobile) .menu .menu-separator { background: rgba(148,163,184,0.28); } body:not(.is-mobile).theme-dark .menu { background: var(--ogd-glass-surface-bg, linear-gradient(180deg, rgba(30,41,59,0.82), rgba(15,23,42,0.58))); border-color: rgba(203,213,225,0.18); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.35), 0 12px 28px rgba(0,0,0,0.45), 0 4px 10px rgba(0,0,0,0.30); } body:not(.is-mobile).theme-dark .menu .menu-item:hover, body:not(.is-mobile).theme-dark .menu .menu-item.selected, body:not(.is-mobile).theme-dark .menu .menu-item:focus { background: linear-gradient(180deg, rgba(30,41,59,0.75), rgba(15,23,42,0.45)); border-color: rgba(203,213,225,0.20); color: var(--ogd-text-inverted, #f8fafc); box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.24), 0 6px 16px rgba(0,0,0,0.32); } body:not(.is-mobile).theme-dark .menu .menu-separator { background: rgba(203,213,225,0.18); } } /* ============================================================ v1.8.35 — Tooltip glass surface Apply liquid-glass effect to Obsidian tooltips (.tooltip). ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) .tooltip, body:not(.is-mobile) .tooltip:is(.mod-top, .mod-bottom, .mod-left, .mod-right) { background: var(--ogd-glass-surface-bg, linear-gradient(180deg, rgba(255,255,255,0.88), rgba(241,245,249,0.50))); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(16px) saturate(160%)); backdrop-filter: var(--ogd-glass-filter, blur(16px) saturate(160%)); color: #0f172a; border: 1px solid rgba(148,163,184,0.22); border-radius: var(--radius-l, 8px); padding: 4px 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 0 -1px 0 rgba(148,163,184,0.14), 0 12px 28px rgba(15,23,42,0.12), 0 4px 10px rgba(15,23,42,0.06); } body:not(.is-mobile) .tooltip .tooltip-arrow { border-top-color: rgba(255,255,255,0.92); border-bottom-color: rgba(255,255,255,0.92); filter: drop-shadow(0 1px 2px rgba(15,23,42,0.10)); } body:not(.is-mobile) .tooltip.mod-right { margin-left: -6px; } body:not(.is-mobile) .tooltip.mod-left { margin-left: 6px; } body:not(.is-mobile) .tooltip.mod-bottom { margin-top: -4px; } body:not(.is-mobile) .tooltip.mod-top { margin-top: 4px; } body:not(.is-mobile).theme-dark .tooltip, body:not(.is-mobile).theme-dark .tooltip:is(.mod-top, .mod-bottom, .mod-left, .mod-right) { background: var(--ogd-glass-surface-bg, linear-gradient(180deg, rgba(30,41,59,0.82), rgba(15,23,42,0.58))); color: var(--ogd-text-inverted, #f8fafc); border-color: rgba(203,213,225,0.18); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.35), 0 12px 28px rgba(0,0,0,0.45), 0 4px 10px rgba(0,0,0,0.30); } body:not(.is-mobile).theme-dark .tooltip .tooltip-arrow { border-top-color: rgba(30,41,59,0.82); border-bottom-color: rgba(30,41,59,0.82); filter: drop-shadow(0 1px 2px rgba(0,0,0,0.45)); } } /* ============================================================ v1.8.36 — Breadcrumb centerline glow Keep breadcrumbs minimal, with active underline and hover glass icons. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) .mod-root .view-header-title-container { align-items: center; justify-content: center; gap: 9px; min-width: 0; } body:not(.is-mobile) :is(.view-header-breadcrumb, .view-header-title) { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 30px; padding: 3px 4px; border: var(--ogd-border-none, 0); border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-transparent, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--ogd-text-subtle, #475569); box-shadow: var(--ogd-shadow-none, none); font-size: 14.8px; font-weight: 560; line-height: 1.22; max-width: min(34vw, 260px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; transition: color 160ms ease, text-shadow 160ms ease, transform 160ms ease; } body:not(.is-mobile) :is(.view-header-breadcrumb, .view-header-title)::before { content: ""; display: inline-block; flex: 0 0 0; width: 0; height: 18px; margin-right: 0; border: 1px solid rgba(148, 163, 184, 0.22); border-radius: 6px; background-color: rgba(255, 255, 255, 0.72); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.5h6.2l1.9 2h8.9v9.8a1.7 1.7 0 0 1-1.7 1.7H5.2a1.7 1.7 0 0 1-1.7-1.7Z'/%3E%3Cpath d='M3.5 8.5h17'/%3E%3C/svg%3E"), var(--ogd-glass-control-bg, linear-gradient(180deg, rgba(255,255,255,0.76), rgba(241,245,249,0.34))); background-position: center, center; background-repeat: no-repeat, no-repeat; background-size: 12px 12px, 100% 100%; -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(10px) saturate(135%)); backdrop-filter: var(--ogd-glass-filter-control, blur(10px) saturate(135%)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(148, 163, 184, 0.10), 0 4px 12px rgba(15, 23, 42, 0.08); opacity: 0; transform: scale(0.92); transition: flex-basis 160ms ease, width 160ms ease, margin-right 160ms ease, opacity 160ms ease, transform 160ms ease; } body:not(.is-mobile) .view-header-title { color: var(--ogd-text-strong, #111827); font-size: 15.6px; font-weight: 780; } body:not(.is-mobile) .view-header-title::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h7.4l3.6 3.8v13.2h-11Z'/%3E%3Cpath d='M13.7 3.7v4h3.8'/%3E%3C/svg%3E"), var(--ogd-glass-bg-strong, linear-gradient(180deg, rgba(255,255,255,0.86), rgba(248,250,252,0.48))); } body:not(.is-mobile) :is(.view-header-breadcrumb, .view-header-title):is(:hover, :focus, :focus-visible) { color: var(--ogd-text-strong, #111827); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.60), 0 0 12px rgba(100, 116, 139, 0.12); } body:not(.is-mobile) :is(.view-header-breadcrumb, .view-header-title):is(:hover, :focus, :focus-visible)::before { flex-basis: 18px; width: 18px; margin-right: 7px; opacity: 1; transform: scale(1); } body:not(.is-mobile) :is(.view-header-breadcrumb-separator, .view-header-breadcrumb-separator span) { color: rgba(100, 116, 139, 0.54); font-size: 18px; font-weight: 340; } body:not(.is-mobile).theme-dark :is(.view-header-breadcrumb, .view-header-title) { color: var(--ogd-line-strong, #cbd5e1); } body:not(.is-mobile).theme-dark :is(.view-header-breadcrumb, .view-header-title)::before { border-color: rgba(203, 213, 225, 0.18); background-color: rgba(30, 41, 59, 0.58); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.5h6.2l1.9 2h8.9v9.8a1.7 1.7 0 0 1-1.7 1.7H5.2a1.7 1.7 0 0 1-1.7-1.7Z'/%3E%3Cpath d='M3.5 8.5h17'/%3E%3C/svg%3E"), var(--ogd-glass-control-bg, linear-gradient(180deg, rgba(51,65,85,0.56), rgba(30,41,59,0.30))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 4px 12px rgba(0, 0, 0, 0.28); } body:not(.is-mobile).theme-dark .view-header-title { color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark .view-header-title::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f8fafc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h7.4l3.6 3.8v13.2h-11Z'/%3E%3Cpath d='M13.7 3.7v4h3.8'/%3E%3C/svg%3E"), var(--ogd-glass-bg-strong, linear-gradient(180deg, rgba(51,65,85,0.78), rgba(15,23,42,0.48))); } body:not(.is-mobile).theme-dark :is(.view-header-breadcrumb, .view-header-title):is(:hover, :focus, :focus-visible) { color: var(--ogd-text-inverted, #f8fafc); text-shadow: 0 0 12px rgba(147, 197, 253, 0.12); } body:not(.is-mobile).theme-dark :is(.view-header-breadcrumb-separator, .view-header-breadcrumb-separator span) { color: rgba(203, 213, 225, 0.48); } } /* ============================================================ v3.1.52 — Bottom document frame Desktop default. Moves the root view header to a low bottom frame and lets the status bar read as right-side chips. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) { --ogd-bottom-document-frame-height: 40px; --ogd-bottom-document-frame-gap: 6px; --ogd-bottom-document-frame-inset: clamp(28px, 4vw, 64px); --ogd-bottom-document-frame-reserve: calc(var(--ogd-bottom-document-frame-height) + (var(--ogd-bottom-document-frame-gap) * 2) + 8px); --ogd-bottom-document-frame-status-space: clamp(520px, 35vw, 760px); --ogd-bottom-document-frame-source-header-height: 40px; --ogd-bottom-document-toolbar-top-gap: 20px; --ogd-bottom-document-toolbar-lift: 160px; --ogd-bottom-document-toolbar-height: 50px; --ogd-bottom-document-toolbar-gap: 8px; --ogd-bottom-document-toolbar-margin: 32px; --ogd-editor-toolbar-height: 42px; --ogd-editor-toolbar-content-gap: 16px; --ogd-editor-toolbar-top-offset: 54px; --ogd-editor-toolbar-top-content-lift: 30px; --ogd-bottom-document-toolbar-clearance: calc(var(--ogd-editor-toolbar-height) + var(--ogd-bottom-document-toolbar-margin) + var(--ogd-bottom-document-toolbar-gap)); --ogd-bottom-document-toolbar-floor-offset: calc(var(--ogd-bottom-document-frame-height) + var(--ogd-bottom-document-toolbar-margin)); --ogd-bottom-document-toolbar-bottom: var(--ogd-bottom-document-toolbar-floor-offset); --ogd-bottom-document-toolbar-boundary-offset: calc(-1 * (var(--ogd-bottom-document-frame-source-header-height) + var(--ogd-bottom-document-toolbar-lift) + var(--ogd-bottom-document-toolbar-height) + var(--ogd-bottom-document-toolbar-gap)) + var(--ogd-bottom-document-toolbar-top-gap)); --toolbar-vertical-offset: var(--ogd-bottom-document-toolbar-boundary-offset); } body:not(.is-mobile) .workspace-split.mod-root .workspace-leaf-content { position: relative; } body:not(.is-mobile) .workspace-split.mod-root .workspace-leaf-content > .view-header { position: absolute; left: var(--ogd-bottom-document-frame-inset); right: var(--ogd-bottom-document-frame-inset); bottom: var(--ogd-bottom-document-frame-gap); z-index: 30; display: flex; align-items: center; box-sizing: border-box; min-height: var(--ogd-bottom-document-frame-height); height: var(--ogd-bottom-document-frame-height); padding: 4px calc(var(--ogd-bottom-document-frame-status-space) + 10px) 4px 8px; border: 1px solid rgba(14, 165, 233, 0.22); border-radius: 12px; background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.24), transparent 58%), linear-gradient(180deg, rgba(240, 249, 255, 0.18), rgba(255, 255, 255, 0.08)); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.10)); backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.10)); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.34), inset 0 0 18px rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(14, 165, 233, 0.08), 0 12px 30px rgba(15, 23, 42, 0.10), 0 4px 12px rgba(15, 23, 42, 0.05), 0 0 18px rgba(14, 165, 233, 0.04), 0 -8px 22px rgba(15, 23, 42, 0.04); overflow: hidden; } body:not(.is-mobile) .workspace-split.mod-root .workspace-leaf-content > .view-content { position: absolute; inset: 0 0 var(--ogd-bottom-document-frame-reserve) 0; min-height: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; } body:not(.is-mobile) .workspace-split.mod-root .workspace-leaf-content > .view-content :is(.markdown-source-view.mod-cm6 .cm-scroller, .markdown-preview-view .markdown-preview-sizer, .markdown-reading-view .markdown-preview-sizer) { padding-bottom: var(--ogd-bottom-document-toolbar-clearance); } body:not(.is-mobile) :is(.cm-editor, .markdown-source-view, .markdown-preview-view) .editing-toolbar, body:not(.is-mobile) .editing-toolbar, body:not(.is-mobile) #editingToolbarModalBar, body:not(.is-mobile) .editingToolbarModalBar, body:not(.is-mobile) .workspace-leaf-content #editingToolbarModalBar { margin-top: 0; transform: translate(var(--toolbar-horizontal-offset, 16px), min(var(--toolbar-vertical-offset, var(--ogd-bottom-document-toolbar-boundary-offset)), var(--ogd-bottom-document-toolbar-boundary-offset))); } body:not(.is-mobile).owen-editor-toolbar-top .owen-editor-glass-toolbar.mod-top { top: var(--ogd-editor-toolbar-top-offset); bottom: auto; } body:not(.is-mobile).owen-editor-toolbar-bottom .owen-editor-glass-toolbar.mod-bottom { top: auto; bottom: var(--ogd-bottom-document-toolbar-bottom); } body:not(.is-mobile).owen-editor-toolbar-offset.owen-editor-toolbar-top .workspace-leaf-content[data-type="markdown"] .markdown-reading-view .markdown-preview-sizer, body:not(.is-mobile).owen-editor-toolbar-offset.owen-editor-toolbar-top .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-scroller { padding-top: calc(var(--ogd-editor-toolbar-top-offset) + var(--ogd-editor-toolbar-height) + var(--ogd-editor-toolbar-content-gap) - var(--ogd-editor-toolbar-top-content-lift)); scroll-padding-top: calc(var(--ogd-editor-toolbar-top-offset) + var(--ogd-editor-toolbar-height) + var(--ogd-editor-toolbar-content-gap) - var(--ogd-editor-toolbar-top-content-lift)); } body:not(.is-mobile).owen-editor-toolbar-offset.owen-editor-toolbar-bottom .workspace-leaf-content[data-type="markdown"] .markdown-reading-view .markdown-preview-sizer, body:not(.is-mobile).owen-editor-toolbar-offset.owen-editor-toolbar-bottom .workspace-leaf-content[data-type="markdown"] .markdown-source-view .cm-scroller { padding-bottom: var(--ogd-bottom-document-toolbar-clearance); scroll-padding-bottom: var(--ogd-bottom-document-toolbar-clearance); } body:not(.is-mobile) .mod-root .view-header :is(.view-header-nav-buttons, .view-actions) { display: inline-flex; align-items: center; flex: 0 0 auto; min-width: 0; margin: 0; } body:not(.is-mobile) .mod-root .view-header .view-actions { order: 0; margin-right: 6px; } body:not(.is-mobile) .mod-root .view-header .view-header-nav-buttons { order: 1; } body:not(.is-mobile) .mod-root .view-header .view-header-title-container { order: 2; display: flex; flex: 1 1 0; justify-content: flex-start; min-width: 0; width: 100%; max-width: 100%; gap: 5px; margin-inline: 8px; overflow: hidden; } body:not(.is-mobile) .mod-root .view-header :is(.view-header-breadcrumb, .view-header-breadcrumb-separator, .view-header-breadcrumb-separator span) { display: none; } body:not(.is-mobile) .mod-root .view-header :is(.view-header-breadcrumb, .view-header-title) { min-height: 28px; max-width: min(26vw, 260px); padding-block: 2px; font-size: 13.6px; } body:not(.is-mobile) .mod-root .view-header .view-header-title { flex: 1 1 auto; min-width: 0; width: 100%; max-width: 100%; padding: 5px 16px; border: 1px solid rgba(203, 213, 225, 0.46); border-radius: 9px; background-clip: padding-box; background: var(--ogd-glass-bg-strong, radial-gradient(circle at 76% 24%, rgba(186, 230, 253, 0.28), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(240, 249, 255, 0.54))); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.07)); backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.07)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 34%, transparent), 0 1px 5px rgba(15, 23, 42, 0.05); font-size: 14.2px; font-weight: 820; color: var(--ogd-text-strong, #111827); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.62); } body:not(.is-mobile) .mod-root .view-header :is(.view-action, .clickable-icon, button.clickable-icon) { width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 4px; border-radius: 9px; border-color: rgba(203, 213, 225, 0.48); background: rgba(255, 255, 255, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56), 0 1px 4px rgba(15, 23, 42, 0.04); } body:not(.is-mobile) .mod-root .view-header .view-header-title:is(:hover, :focus, :focus-visible) { border-color: rgba(125, 211, 252, 0.42); background: var(--ogd-glass-bg-hover, radial-gradient(circle at 76% 24%, rgba(186, 230, 253, 0.34), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(224, 242, 254, 0.58))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 42%, transparent), 0 1px 6px rgba(15, 23, 42, 0.07); } body:not(.is-mobile) .status-bar { position: fixed; right: calc(var(--ogd-bottom-document-frame-inset) + 10px); bottom: calc(var(--ogd-bottom-document-frame-gap) + 6px); z-index: 35; display: flex; align-items: center; justify-content: flex-end; gap: 5px; box-sizing: border-box; max-width: calc(var(--ogd-bottom-document-frame-status-space) - 14px); height: 28px; min-height: 28px; padding: 0; border: 0; background: var(--ogd-surface-transparent, transparent); box-shadow: none; overflow: hidden; } body:not(.is-mobile) .status-bar > :is(.status-bar-item, .status-bar-item-segment) { margin: 0; padding: 0 12px; border: 1px solid rgba(203, 213, 225, 0.56); border-radius: 9px; background: rgba(255, 255, 255, 0.30); -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(10px) saturate(145%) brightness(1.04)); backdrop-filter: var(--ogd-glass-filter-control, blur(10px) saturate(145%) brightness(1.04)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 1px 5px rgba(15, 23, 42, 0.05); color: var(--text-muted); } body:not(.is-mobile) .status-bar > :is(.status-bar-item, .status-bar-item-segment):is(:hover, :focus-visible) { border-color: rgba(125, 211, 252, 0.58); background: var(--ogd-glass-control-hover-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(224, 242, 254, 0.58))); box-shadow: var(--ogd-glass-shadow-hover, inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 8px 18px rgba(15, 23, 42, 0.12)); color: var(--text-normal); } body:not(.is-mobile).theme-dark .workspace-split.mod-root .workspace-leaf-content > .view-header { border-color: rgba(203, 213, 225, 0.20); background: radial-gradient(ellipse at 50% 0%, rgba(148, 163, 184, 0.16), transparent 58%), linear-gradient(180deg, rgba(51, 65, 85, 0.50), rgba(15, 23, 42, 0.30)); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.12), inset 0 0 22px rgba(148, 163, 184, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.34), 0 14px 34px rgba(0, 0, 0, 0.30), 0 3px 10px rgba(0, 0, 0, 0.17), 0 0 22px rgba(0, 0, 0, 0.18), 0 -12px 30px rgba(0, 0, 0, 0.26); } body:not(.is-mobile).theme-dark .mod-root .view-header .view-header-title { border-color: rgba(203, 213, 225, 0.18); background: var(--ogd-glass-bg-strong, radial-gradient(circle at 76% 24%, var(--ogd-surface-tint-aqua-soft), transparent 35%), linear-gradient(180deg, rgba(51, 65, 85, 0.70), rgba(15, 23, 42, 0.50))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 34%, transparent), 0 2px 7px rgba(0, 0, 0, 0.20); color: var(--ogd-text-inverted, #f8fafc); text-shadow: 0 0 12px rgba(147, 197, 253, 0.10); } body:not(.is-mobile).theme-dark .mod-root .view-header .view-header-title:is(:hover, :focus, :focus-visible) { border-color: rgba(186, 230, 253, 0.28); background: var(--ogd-glass-bg-hover, radial-gradient(circle at 76% 24%, var(--ogd-surface-tint-aqua-soft), transparent 35%), linear-gradient(180deg, rgba(51, 65, 85, 0.76), rgba(15, 23, 42, 0.54))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 42%, transparent), 0 3px 9px rgba(0, 0, 0, 0.24); } body:not(.is-mobile).theme-dark .status-bar > :is(.status-bar-item, .status-bar-item-segment) { border-color: rgba(203, 213, 225, 0.16); background: rgba(30, 41, 59, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 2px 7px rgba(0, 0, 0, 0.20); color: var(--text-muted); } body:not(.is-mobile).theme-dark .status-bar > :is(.status-bar-item, .status-bar-item-segment):is(:hover, :focus-visible) { border-color: rgba(186, 230, 253, 0.30); background: var(--ogd-glass-control-hover-bg, linear-gradient(180deg, rgba(51, 65, 85, 0.66), rgba(15, 23, 42, 0.42))); color: var(--text-normal); } } @media (min-width: 701px) and (max-width: 1180px) { body:not(.is-mobile) { --ogd-bottom-document-frame-status-space: min(46vw, 520px); } body:not(.is-mobile) .status-bar > :is(.status-bar-item, .status-bar-item-segment) { max-width: 148px; padding-inline: 10px; } } @media (min-width: 701px) and (max-width: 980px) { body:not(.is-mobile) { --ogd-bottom-document-frame-status-space: min(40vw, 380px); } body:not(.is-mobile) .status-bar > :is(.status-bar-item, .status-bar-item-segment) { max-width: 116px; padding-inline: 8px; } body:not(.is-mobile) .status-bar > :is(.status-bar-item, .status-bar-item-segment):is([aria-label*="word" i], [aria-label*="character" i], [data-tooltip*="word" i], [data-tooltip*="character" i], [title*="word" i], [title*="character" i]) { display: none; } } @media (min-width: 701px) and (max-width: 820px) { body:not(.is-mobile) { --ogd-bottom-document-frame-status-space: min(34vw, 260px); } body:not(.is-mobile) .status-bar > :is(.status-bar-item, .status-bar-item-segment):not(:last-child) { display: none; } } /* ============================================================ v1.8.37 — macOS sidebar toggle reset On macOS, the left/right sidebar toggle buttons live inside the title bar (not the ribbon). The v1.8.21–22 glass treatment turns them into heavy 36×36 framed buttons that float awkwardly in the chrome. Restore Obsidian's native subtle styling on macOS only, while keeping the ribbon icons glassy. v1.8.38 — macOS sidebar toggle hover glass On hover, lift the toggle with the same liquid-glass surface used across other chrome (light slate gradient + subtle blur + sky tint), so it visually matches ribbon icons / nav hover / resize handle. ============================================================ */ @media (min-width: 701px) { body.mod-macos:not(.is-mobile) :is(.sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right) { --ogd-macos-toggle-border: var(--ogd-border-none, 0); --ogd-macos-toggle-bg: var(--ogd-surface-transparent, transparent); --ogd-macos-toggle-shadow: var(--ogd-shadow-none, none); --ogd-macos-toggle-color: var(--icon-color, var(--text-muted)); padding: 4px; border: var(--ogd-macos-toggle-border); border-radius: var(--clickable-icon-radius, 6px); background: var(--ogd-macos-toggle-bg); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: var(--ogd-macos-toggle-shadow); color: var(--ogd-macos-toggle-color); transition: background 160ms ease, box-shadow 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; } body.mod-macos:not(.is-mobile) :is(.sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right)::after { content: none; } /* Liquid-glass hover (light) */ body.mod-macos:not(.is-mobile) :is(.sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right):hover { --ogd-macos-toggle-border: 1px solid rgba(100, 116, 139, 0.34); --ogd-macos-toggle-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(241, 245, 249, 0.34)); --ogd-macos-toggle-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 -1px 0 rgba(15, 23, 42, 0.04), 0 2px 7px rgba(15, 23, 42, 0.055); --ogd-macos-toggle-color: var(--ogd-text-strong, #111827); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(150%)); backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(150%)); } /* Liquid-glass hover (dark) */ body.mod-macos:not(.is-mobile).theme-dark :is(.sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right):hover { --ogd-macos-toggle-border: 1px solid rgba(203, 213, 225, 0.22); --ogd-macos-toggle-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.54), rgba(15, 23, 42, 0.34)); --ogd-macos-toggle-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.20); --ogd-macos-toggle-color: var(--ogd-text-inverted, #f8fafc); } } /* ============================================================ v1.8.39 — Settings modal hover liquid-glass Apply the same glass+shadow lift used across ribbon/nav/toggle to Settings modal items: left nav (.vertical-tab-nav-item) and right pane rows (.setting-item). Desktop only (>=701px, non-mobile). ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) .modal.mod-settings .vertical-tab-nav-item, body:not(.is-mobile) .modal.mod-settings .vertical-tab-content .setting-item { border-radius: var(--radius-l, 8px); transition: background 160ms ease, box-shadow 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; } /* Left nav hover (light) */ body:not(.is-mobile) .modal.mod-settings .vertical-tab-nav-item:hover { background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.55)); border: 1px solid rgba(100, 116, 139, 0.34); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(150%)); backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(150%)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(15, 23, 42, 0.07), 0 1px 3px rgba(15, 23, 42, 0.05); color: var(--ogd-text-strong, #111827); transform: var(--ogd-hover-lift, translateY(-1px)); } /* Active stays distinct through neutral glass, rim, and lift. */ body:not(.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active, body:not(.is-mobile) .modal.mod-settings .vertical-tab-nav-item.is-active:hover { background: radial-gradient(circle at 76% 26%, rgba(255, 255, 255, 0.72), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.58)); border: 1px solid rgba(100, 116, 139, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.08), 0 8px 18px rgba(15, 23, 42, 0.13), 0 0 0 2px rgba(148, 163, 184, 0.08); color: var(--ogd-text-strong, #111827); } /* Left nav hover (dark) */ body:not(.is-mobile).theme-dark .modal.mod-settings .vertical-tab-nav-item:hover { background: linear-gradient(180deg, rgba(51, 65, 85, 0.78), rgba(15, 23, 42, 0.55)); border: 1px solid rgba(203, 213, 225, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.28), 0 1px 3px rgba(0, 0, 0, 0.14); color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark .modal.mod-settings .vertical-tab-nav-item.is-active, body:not(.is-mobile).theme-dark .modal.mod-settings .vertical-tab-nav-item.is-active:hover { background: radial-gradient(circle at 76% 26%, rgba(148, 163, 184, 0.16), transparent 36%), radial-gradient(circle at 14% 64%, rgba(203, 213, 225, 0.06), transparent 32%), linear-gradient(180deg, rgba(30, 41, 59, 0.78), rgba(15, 23, 42, 0.52)); border: 1px solid rgba(203, 213, 225, 0.24); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 -1px 0 rgba(203, 213, 225, 0.08), 0 8px 22px rgba(0, 0, 0, 0.36), 0 0 0 2px rgba(203, 213, 225, 0.06); color: var(--ogd-text-inverted, #f8fafc); } /* Right pane setting-item hover (light) */ body:not(.is-mobile) .modal.mod-settings .vertical-tab-content .setting-item:hover { background: var(--ogd-glass-control-hover-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.40))); border: 1px solid var(--ogd-setting-row-border, rgba(100, 116, 139, 0.18)); -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(10px) saturate(140%)); backdrop-filter: var(--ogd-glass-filter-control, blur(10px) saturate(140%)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 1px 2px rgba(15, 23, 42, 0.035); transform: var(--ogd-hover-lift, translateY(-1px)); } /* Right pane setting-item hover (dark) */ body:not(.is-mobile).theme-dark .modal.mod-settings .vertical-tab-content .setting-item:hover { background: var(--ogd-glass-control-hover-bg, linear-gradient(180deg, rgba(30, 41, 59, 0.62), rgba(15, 23, 42, 0.36))); border: 1px solid var(--ogd-setting-row-border, rgba(203, 213, 225, 0.12)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 1px 2px rgba(0, 0, 0, 0.10); } } /* ============================================================ v1.8.40 — Search options liquid-glass hover Apply the same translucent glass + drop shadow treatment to search option suggestion popovers and their hover/click states. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is(.suggestion-container, .search-suggest-container, .search-suggestion-container) { background: var(--ogd-glass-surface-bg, radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.64), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(241, 245, 249, 0.50))); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.07)); backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.07)); border: 1px solid var(--ogd-glass-border, rgba(148, 163, 184, 0.30)); border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(148, 163, 184, 0.16), inset 0 0 18px rgba(255, 255, 255, 0.26), 0 20px 40px rgba(15, 23, 42, 0.16), 0 6px 14px rgba(15, 23, 42, 0.09); padding: 6px; } body:not(.is-mobile) :is(.suggestion-container, .search-suggest-container, .search-suggestion-container) :is(.suggestion-item, .search-suggest-item) { border: 1px solid transparent; border-radius: var(--radius-l, 8px); margin: 2px 4px; transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease; } body:not(.is-mobile) :is(.suggestion-container, .search-suggest-container, .search-suggestion-container) :is(.suggestion-item, .search-suggest-item):is(:hover, :focus, :active, .is-selected, .selected, [aria-selected="true"]) { background: var(--ogd-glass-bg-hover, radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.78), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.56))); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(16px) saturate(165%) brightness(1.05)); backdrop-filter: var(--ogd-glass-filter-soft, blur(16px) saturate(165%) brightness(1.05)); border-color: var(--ogd-glass-border-hover, rgba(125, 211, 252, 0.60)); color: #0f172a; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(14, 165, 233, 0.10), inset 0 0 16px rgba(255, 255, 255, 0.28), 0 10px 22px rgba(15, 23, 42, 0.14), 0 3px 10px rgba(56, 189, 248, 0.10); transform: var(--ogd-hover-lift, translateY(-1px)); } body:not(.is-mobile).theme-dark :is(.suggestion-container, .search-suggest-container, .search-suggestion-container) { background: var(--ogd-glass-surface-bg, radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.16), transparent 35%), linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.58))); border-color: var(--ogd-glass-border, rgba(203, 213, 225, 0.22)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 -1px 0 rgba(0, 0, 0, 0.35), inset 0 0 18px rgba(148, 163, 184, 0.08), 0 18px 38px rgba(0, 0, 0, 0.48), 0 4px 12px rgba(0, 0, 0, 0.30); } body:not(.is-mobile).theme-dark :is(.suggestion-container, .search-suggest-container, .search-suggestion-container) :is(.suggestion-item, .search-suggest-item):is(:hover, :focus, :active, .is-selected, .selected, [aria-selected="true"]) { background: var(--ogd-glass-bg-hover, radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.19), transparent 35%), linear-gradient(180deg, rgba(30, 41, 59, 0.75), rgba(15, 23, 42, 0.45))); border-color: var(--ogd-glass-border-hover, rgba(186, 230, 253, 0.30)); color: var(--ogd-text-inverted, #f8fafc); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.24), inset 0 0 14px rgba(148, 163, 184, 0.10), 0 10px 24px rgba(0, 0, 0, 0.36), 0 3px 10px rgba(56, 189, 248, 0.06); } } /* ============================================================ v1.8.41 - Workspace frame cleanup Remove persistent vertical frame lines from Obsidian split panes, active tab outlines, and resize handle layers. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) { --divider-color: var(--ogd-surface-transparent, transparent); --divider-color-hover: var(--ogd-surface-transparent, transparent); --divider-width: 0px; --divider-width-hover: 0px; --divider-vertical-height: 100%; --tab-outline-color: var(--ogd-surface-transparent, transparent); --tab-outline-width: 0px; } body:not(.is-mobile) :is( .workspace, .workspace-split, .workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-split.mod-root, .workspace-tabs, .workspace-tabs.mod-active, .workspace-leaf, .workspace-leaf.mod-active, .workspace-leaf-content, .workspace-tab-container, .workspace-ribbon, .side-dock-ribbon, .view-content ) { border: var(--ogd-border-none, 0); border-left-color: var(--ogd-surface-transparent, transparent); border-right-color: var(--ogd-surface-transparent, transparent); outline: 0; box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile) :is(.workspace-leaf-resize-handle, .workspace-split > .workspace-leaf-resize-handle) { display: block; width: 6px; min-width: 6px; flex-basis: 6px; background: var(--ogd-surface-transparent, transparent); border: var(--ogd-border-none, 0); box-shadow: var(--ogd-shadow-none, none); outline: none; opacity: 0; transition: opacity 160ms ease, background 160ms ease; } body:not(.is-mobile) :is(.workspace-leaf-resize-handle, .workspace-split > .workspace-leaf-resize-handle):is(:hover, :focus, :active) { opacity: 1; background: rgba(100, 116, 139, 0.22); } body:not(.is-mobile).theme-dark :is(.workspace-leaf-resize-handle, .workspace-split > .workspace-leaf-resize-handle):is(:hover, :focus, :active) { opacity: 1; background: rgba(203, 213, 225, 0.22); } } /* Left side pane: quiet frosted sheet with a soft editor boundary. */ @media (min-width: 701px) { body:not(.is-mobile) .workspace-split.mod-left-split { --background-secondary: rgba(241, 245, 249, 0.86); --background-primary: rgba(248, 250, 252, 0.50); background: radial-gradient(circle at 18% 8%, rgba(255, 255, 255, 0.62), transparent 38%), linear-gradient(180deg, rgba(241, 245, 249, 0.92), rgba(226, 232, 240, 0.52)); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(155%) brightness(1.04)); backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(155%) brightness(1.04)); box-shadow: inset -1px 0 0 rgba(148, 163, 184, 0.08); } body:not(.is-mobile) .workspace-split.mod-left-split :is(.workspace-tabs, .workspace-leaf, .workspace-leaf-content, .workspace-tab-container, .view-content), body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-content, .nav-files-container) { background-color: transparent; box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .view-content, body:not(.is-mobile) .nav-files-container { background: radial-gradient(circle at 22% 10%, rgba(255, 255, 255, 0.44), transparent 40%), linear-gradient(180deg, rgba(255, 255, 255, 0.30), rgba(248, 250, 252, 0.12)); } body:not(.is-mobile) .workspace-split.mod-left-split .workspace-tab-header-container { background: linear-gradient(180deg, rgba(241, 245, 249, 0.90), rgba(226, 232, 240, 0.52)); border-bottom: 1px solid rgba(203, 213, 225, 0.42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78); } body:not(.is-mobile) .workspace-split.mod-left-split .workspace-leaf-resize-handle, body:not(.is-mobile) .workspace-split.mod-left-split > .workspace-leaf-resize-handle { width: 7px; min-width: 7px; flex-basis: 7px; opacity: 0; background: var(--ogd-surface-transparent, transparent); box-shadow: none; } body:not(.is-mobile) .workspace-split.mod-left-split :is(.workspace-leaf-resize-handle, .workspace-split > .workspace-leaf-resize-handle):is(:hover, :focus, :active) { opacity: 0; background: var(--ogd-surface-transparent, transparent); box-shadow: none; } body:not(.is-mobile).theme-dark .workspace-split.mod-left-split { --background-secondary: rgba(15, 23, 42, 0.62); --background-primary: rgba(15, 23, 42, 0.36); background: radial-gradient(circle at 18% 8%, rgba(148, 163, 184, 0.12), transparent 42%), linear-gradient(180deg, rgba(30, 41, 59, 0.64), rgba(15, 23, 42, 0.46)); box-shadow: inset -1px 0 0 rgba(203, 213, 225, 0.07); } body:not(.is-mobile).theme-dark .workspace-split.mod-left-split .workspace-tab-header-container { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.34)); border-bottom-color: rgba(203, 213, 225, 0.13); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .view-content, body:not(.is-mobile).theme-dark .nav-files-container { background: radial-gradient(circle at 22% 10%, rgba(148, 163, 184, 0.08), transparent 40%), linear-gradient(180deg, rgba(30, 41, 59, 0.20), rgba(15, 23, 42, 0.10)); } body:not(.is-mobile).theme-dark .workspace-split.mod-left-split .workspace-leaf-resize-handle, body:not(.is-mobile).theme-dark .workspace-split.mod-left-split > .workspace-leaf-resize-handle { opacity: 0; background: var(--ogd-surface-transparent, transparent); } body:not(.is-mobile).theme-dark .workspace-split.mod-left-split :is(.workspace-leaf-resize-handle, .workspace-split > .workspace-leaf-resize-handle):is(:hover, :focus, :active) { opacity: 0; background: var(--ogd-surface-transparent, transparent); box-shadow: none; } } /* File explorer scrollbar cleanup: hide the sidebar thumb line. */ @media (min-width: 701px) { body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) { --scrollbar-bg: var(--ogd-surface-transparent, transparent); --scrollbar-thumb-bg: var(--ogd-surface-transparent, transparent); --scrollbar-active-thumb-bg: var(--ogd-surface-transparent, transparent); } body:not(.is-mobile) :is( .workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-leaf-content[data-type="file-explorer"], .workspace-leaf-content[data-type="file-explorer"] .view-content, .nav-files-container ) { -ms-overflow-style: none; } body:not(.is-mobile) :is( .workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-leaf-content[data-type="file-explorer"], .workspace-leaf-content[data-type="file-explorer"] .view-content, .nav-files-container )::-webkit-scrollbar { width: 0; height: 0; display: none; } body:not(.is-mobile) :is( .workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-leaf-content[data-type="file-explorer"], .workspace-leaf-content[data-type="file-explorer"] .view-content, .nav-files-container )::-webkit-scrollbar-thumb, body:not(.is-mobile) :is( .workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-leaf-content[data-type="file-explorer"], .workspace-leaf-content[data-type="file-explorer"] .view-content, .nav-files-container )::-webkit-scrollbar-track { background: var(--ogd-surface-transparent, transparent); border: var(--ogd-border-none, 0); box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-leaf-content[data-type="file-explorer"]) *::-webkit-scrollbar { width: 0; height: 0; display: none; } body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-leaf-content[data-type="file-explorer"]) *::-webkit-scrollbar-thumb, body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-leaf-content[data-type="file-explorer"]) *::-webkit-scrollbar-track, body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split, .workspace-leaf-content[data-type="file-explorer"]) *::-webkit-scrollbar-corner { background: var(--ogd-surface-transparent, transparent); border: var(--ogd-border-none, 0); box-shadow: var(--ogd-shadow-none, none); } } /* <<< src/chrome/35-editing-menu-tooltip-glass.css */ /* 09c-floating-ui-glass-system.css -> chrome/36 */ /* >>> src/chrome/36-floating-ui-glass-system.css */ /* ============================================================ v1.8.42 - Floating UI glass expansion Extend the liquid-glass language to remaining floating controls: command palette, hover previews, Properties, Canvas controls, status bar hover segments, notices, and general modal surfaces. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) { --ogd-glass-filter: blur(24px) saturate(185%) brightness(1.07); --ogd-glass-filter-soft: blur(16px) saturate(165%) brightness(1.05); --ogd-glass-filter-control: blur(12px) saturate(152%) brightness(1.04); --ogd-glass-transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease; --ogd-glass-transition-control: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; --ogd-glass-bg: radial-gradient(circle at 76% 26%, rgba(255, 255, 255, 0.68), transparent 36%), radial-gradient(circle at 14% 62%, rgba(186, 230, 253, 0.16), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.46)); --ogd-glass-bg-strong: radial-gradient(circle at 74% 24%, rgba(255, 255, 255, 0.76), transparent 36%), radial-gradient(circle at 12% 62%, rgba(186, 230, 253, 0.18), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.58)); --ogd-glass-bg-hover: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.78), transparent 35%), radial-gradient(circle at 12% 60%, rgba(186, 230, 253, 0.18), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.56)); --ogd-glass-surface-bg: radial-gradient(circle at 76% 26%, rgba(255, 255, 255, 0.64), transparent 35%), radial-gradient(circle at 12% 64%, rgba(186, 230, 253, 0.13), transparent 34%), linear-gradient(180deg, rgba(255,255,255,0.86), rgba(241,245,249,0.46)); --ogd-glass-toolbar-bg: radial-gradient(circle at 78% 24%, rgba(255, 255, 255, 0.68), transparent 35%), linear-gradient(180deg, rgba(255,255,255,0.90), rgba(241,245,249,0.50)); --ogd-glass-control-bg: radial-gradient(circle at 74% 26%, rgba(255,255,255,0.58), transparent 35%), linear-gradient(180deg, rgba(255,255,255,0.64), rgba(241,245,249,0.24)); --ogd-glass-control-hover-bg: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.78), transparent 35%), radial-gradient(circle at 12% 58%, rgba(186, 230, 253, 0.16), transparent 34%), linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,252,0.56)); --ogd-glass-border: rgba(148, 163, 184, 0.30); --ogd-glass-border-hover: rgba(125, 211, 252, 0.60); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(148, 163, 184, 0.18), inset 0 0 22px rgba(255, 255, 255, 0.34), 0 22px 42px rgba(15, 23, 42, 0.18), 0 6px 14px rgba(15, 23, 42, 0.10); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(14, 165, 233, 0.10), inset 0 0 20px rgba(255, 255, 255, 0.36), 0 14px 28px rgba(15, 23, 42, 0.16), 0 4px 12px rgba(56, 189, 248, 0.10); --ogd-glass-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(148, 163, 184, 0.13), inset 0 0 12px rgba(255, 255, 255, 0.28), 0 4px 10px rgba(15, 23, 42, 0.10); --ogd-setting-row-bg: rgba(248, 250, 252, 0.34); --ogd-setting-row-border: rgba(203, 213, 225, 0.16); --ogd-setting-row-shadow: none; } body:not(.is-mobile).theme-dark { --ogd-glass-bg: radial-gradient(circle at 76% 26%, rgba(148, 163, 184, 0.16), transparent 36%), radial-gradient(circle at 12% 62%, rgba(56, 189, 248, 0.06), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.80), rgba(15, 23, 42, 0.54)); --ogd-glass-bg-strong: radial-gradient(circle at 74% 24%, rgba(148, 163, 184, 0.18), transparent 36%), radial-gradient(circle at 12% 62%, rgba(56, 189, 248, 0.08), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.88), rgba(15, 23, 42, 0.64)); --ogd-glass-bg-hover: radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.19), transparent 35%), radial-gradient(circle at 12% 58%, rgba(56, 189, 248, 0.08), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.44)); --ogd-glass-surface-bg: radial-gradient(circle at 76% 26%, rgba(148, 163, 184, 0.15), transparent 35%), radial-gradient(circle at 12% 64%, rgba(56, 189, 248, 0.06), transparent 34%), linear-gradient(180deg, rgba(30,41,59,0.80), rgba(15,23,42,0.54)); --ogd-glass-toolbar-bg: radial-gradient(circle at 78% 24%, rgba(148, 163, 184, 0.16), transparent 35%), linear-gradient(180deg, rgba(30,41,59,0.78), rgba(15,23,42,0.52)); --ogd-glass-control-bg: radial-gradient(circle at 74% 26%, rgba(148,163,184,0.18), transparent 35%), linear-gradient(180deg, rgba(51,65,85,0.54), rgba(30,41,59,0.28)); --ogd-glass-control-hover-bg: radial-gradient(circle at 76% 24%, rgba(148,163,184,0.20), transparent 35%), radial-gradient(circle at 12% 58%, rgba(56,189,248,0.06), transparent 34%), linear-gradient(180deg, rgba(30,41,59,0.70), rgba(15,23,42,0.42)); --ogd-glass-border: rgba(203, 213, 225, 0.22); --ogd-glass-border-hover: rgba(186, 230, 253, 0.30); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.38), inset 0 0 22px rgba(148, 163, 184, 0.10), 0 22px 42px rgba(0, 0, 0, 0.52), 0 6px 14px rgba(0, 0, 0, 0.32); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(0, 0, 0, 0.26), inset 0 0 20px rgba(148, 163, 184, 0.12), 0 14px 30px rgba(0, 0, 0, 0.38), 0 4px 12px rgba(56, 189, 248, 0.08); --ogd-glass-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.30), inset 0 0 12px rgba(148, 163, 184, 0.10), 0 4px 10px rgba(0, 0, 0, 0.28); --ogd-setting-row-bg: rgba(15, 23, 42, 0.22); --ogd-setting-row-border: rgba(203, 213, 225, 0.10); --ogd-setting-row-shadow: none; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { body:not(.is-mobile) { --ogd-glass-bg: var(--background-primary); --ogd-glass-bg-strong: var(--background-primary); --ogd-glass-bg-hover: var(--background-modifier-hover); --ogd-glass-surface-bg: var(--background-primary); --ogd-glass-toolbar-bg: var(--background-primary); --ogd-glass-control-bg: var(--background-primary-alt); --ogd-glass-control-hover-bg: var(--background-modifier-hover); --ogd-glass-filter: none; --ogd-glass-filter-soft: none; --ogd-glass-filter-control: none; --ogd-glass-shadow: 0 8px 22px rgba(15, 23, 42, 0.12); --ogd-glass-shadow-hover: 0 4px 12px rgba(15, 23, 42, 0.10); --ogd-glass-control-shadow: 0 1px 3px rgba(15, 23, 42, 0.08); } body:not(.is-mobile).theme-dark { --ogd-glass-bg: var(--background-primary); --ogd-glass-bg-strong: var(--background-primary); --ogd-glass-bg-hover: var(--background-modifier-hover); --ogd-glass-surface-bg: var(--background-primary); --ogd-glass-toolbar-bg: var(--background-primary); --ogd-glass-control-bg: var(--background-primary-alt); --ogd-glass-control-hover-bg: var(--background-modifier-hover); --ogd-glass-shadow: 0 10px 28px rgba(0, 0, 0, 0.38); --ogd-glass-shadow-hover: 0 5px 14px rgba(0, 0, 0, 0.30); --ogd-glass-control-shadow: 0 1px 4px rgba(0, 0, 0, 0.26); } } body:not(.is-mobile) :is(.prompt, .modal, .popover.hover-popover, .notice, .notice-container .notice) { background: var(--ogd-glass-bg); border: 1px solid var(--ogd-glass-border); box-shadow: var(--ogd-glass-shadow); -webkit-backdrop-filter: var(--ogd-glass-filter); backdrop-filter: var(--ogd-glass-filter); } body:not(.is-mobile) :is(.notice, .notice-container .notice) { background: radial-gradient(circle at 78% 20%, rgba(255, 255, 255, 0.74), transparent 32%), radial-gradient(circle at 14% 74%, var(--ogd-rim-active-low), transparent 38%), linear-gradient(180deg, rgba(240, 249, 255, 0.96), rgba(219, 234, 254, 0.78)); color: var(--ogd-text-strong, #0f172a); border-color: var(--ogd-rim-hover); border-radius: 12px; box-shadow: none; font-weight: 650; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.48); } body:not(.is-mobile) :is(.notice, .notice-container .notice) :is(.notice-message, .notice-content) { color: inherit; font-weight: inherit; } body:not(.is-mobile).theme-dark :is(.notice, .notice-container .notice) { background: radial-gradient(circle at 76% 22%, var(--ogd-rim-active-low), transparent 34%), radial-gradient(circle at 14% 74%, var(--ogd-lg-mist-line), transparent 38%), linear-gradient(180deg, rgba(14, 35, 58, 0.94), rgba(8, 47, 73, 0.80)); color: var(--ogd-text-inverted, #f8fafc); border-color: var(--ogd-rim-hover); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.46); } body:not(.is-mobile) :is(.prompt-input, .modal input[type="text"], .modal input[type="search"], .modal textarea) { background: var(--ogd-glass-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border-color: var(--ogd-glass-border); box-shadow: var(--ogd-glass-control-shadow); } body:not(.is-mobile).theme-dark :is(.prompt-input, .modal input[type="text"], .modal input[type="search"], .modal textarea) { background: var(--ogd-glass-control-bg); border-color: var(--ogd-glass-border); box-shadow: var(--ogd-glass-control-shadow); } body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .popover.hover-popover .suggestion-item) { border: 1px solid transparent; border-radius: var(--radius-l, 8px); transition: var(--ogd-glass-transition); } body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .popover.hover-popover .suggestion-item):is(:hover, :focus, :active, .is-selected, .selected, [aria-selected="true"]) { background: var(--ogd-glass-bg-hover); -webkit-backdrop-filter: var(--ogd-glass-filter-soft); backdrop-filter: var(--ogd-glass-filter-soft); border-color: var(--ogd-glass-border-hover); box-shadow: var(--ogd-glass-shadow-hover); transform: var(--ogd-hover-lift, translateY(-1px)); } body:not(.is-mobile) :is(.metadata-container, .metadata-properties-heading) { background: var(--ogd-glass-bg-strong); -webkit-backdrop-filter: var(--ogd-glass-filter-soft); backdrop-filter: var(--ogd-glass-filter-soft); border-color: var(--ogd-glass-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 4px 14px rgba(15, 23, 42, 0.08); } body:not(.is-mobile).theme-dark :is(.metadata-container, .metadata-properties-heading) { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 22px rgba(0, 0, 0, 0.28); } body:not(.is-mobile) .metadata-container .metadata-property:is(:hover, :focus-within) { background: rgba(255, 255, 255, 0.58); border-radius: var(--radius-m, 6px); } body:not(.is-mobile).theme-dark .metadata-container .metadata-property:is(:hover, :focus-within) { background: rgba(30, 41, 59, 0.48); } body:not(.is-mobile) :is(.canvas-controls, .canvas-card-menu) { background: var(--ogd-glass-bg); -webkit-backdrop-filter: var(--ogd-glass-filter); backdrop-filter: var(--ogd-glass-filter); border-color: var(--ogd-glass-border); box-shadow: var(--ogd-glass-shadow); } body:not(.is-mobile) :is(.canvas-control-item, .canvas-card-menu .clickable-icon):hover { background: var(--ogd-glass-bg-hover); box-shadow: var(--ogd-glass-shadow-hover); } .status-bar { font-family: var(--ogd-status-font-stack, var(--ogd-interface-font-stack)); font-size: 11px; letter-spacing: 0.02em; } body:not(.is-mobile) .status-bar .status-bar-item-segment { border: 1px solid transparent; border-radius: var(--ogd-radius-pill, 999px); margin: 0 1px; position: relative; transition: var(--ogd-glass-transition); } body:not(.is-mobile) .status-bar .status-bar-item { font-family: var(--ogd-status-font-stack, var(--ogd-interface-font-stack)); font-size: 11px; letter-spacing: 0.02em; position: relative; } body:not(.is-mobile) .status-bar :is(.status-bar-item, .status-bar-item-segment) + :is(.status-bar-item, .status-bar-item-segment)::before { content: ""; position: absolute; left: -3px; top: calc(50% - 6px); width: 1px; height: 12px; border-radius: var(--ogd-radius-pill, 999px); background: linear-gradient(180deg, rgba(148, 163, 184, 0), rgba(100, 116, 139, 0.24), rgba(148, 163, 184, 0)); opacity: 0.66; pointer-events: none; } body:not(.is-mobile).theme-dark .status-bar :is(.status-bar-item, .status-bar-item-segment) + :is(.status-bar-item, .status-bar-item-segment)::before { background: linear-gradient(180deg, rgba(148, 163, 184, 0), rgba(203, 213, 225, 0.16), rgba(148, 163, 184, 0)); opacity: 0.74; } body:not(.is-mobile) .modal .modal-close-button { border: 1px solid transparent; border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); color: var(--text-muted); transition: var(--ogd-glass-transition-control); } body:not(.is-mobile) .modal .modal-close-button:is(:hover, :focus-visible) { background: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.62), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(248, 250, 252, 0.58)); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border-color: rgba(100, 116, 139, 0.32); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 0 -1px 0 rgba(15, 23, 42, 0.05), 0 3px 10px rgba(15, 23, 42, 0.09); color: var(--ogd-text-strong, #111827); } body:not(.is-mobile).theme-dark .modal .modal-close-button:is(:hover, :focus-visible) { background: radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.11), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.60), rgba(15, 23, 42, 0.42)); border-color: rgba(203, 213, 225, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(203, 213, 225, 0.04), 0 4px 12px rgba(0, 0, 0, 0.24); color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile) .status-bar :is(.status-bar-item, .status-bar-item-segment):is([aria-label*="sync" i], [aria-label*="git" i], [data-tooltip*="sync" i], [data-tooltip*="git" i], [title*="sync" i], [title*="git" i]) { border-color: rgba(148, 163, 184, 0.26); background: radial-gradient(circle at 76% 28%, rgba(255, 255, 255, 0.46), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(248, 250, 252, 0.38)); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 2px 7px rgba(15, 23, 42, 0.08); color: var(--text-normal); font-variant-numeric: tabular-nums; padding-inline: 7px; } body:not(.is-mobile).theme-dark .status-bar :is(.status-bar-item, .status-bar-item-segment):is([aria-label*="sync" i], [aria-label*="git" i], [data-tooltip*="sync" i], [data-tooltip*="git" i], [title*="sync" i], [title*="git" i]) { border-color: rgba(203, 213, 225, 0.18); background: radial-gradient(circle at 76% 28%, rgba(148, 163, 184, 0.10), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.36)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 3px 9px rgba(0, 0, 0, 0.24); } body:not(.is-mobile) .status-bar .status-bar-item-segment:hover { background: var(--ogd-glass-bg-hover); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border-color: var(--ogd-glass-border-hover); box-shadow: var(--ogd-glass-shadow-hover); color: var(--text-normal); transform: var(--ogd-hover-lift, translateY(-1px)); } /* Bottom document frame uses status-bar items as compact chips; separators would overlap icons. */ body:not(.is-mobile) .status-bar :is(.status-bar-item, .status-bar-item-segment)::before, body:not(.is-mobile) .status-bar :is(.status-bar-item, .status-bar-item-segment)::after, body:not(.is-mobile) .status-bar :is(.status-bar-item, .status-bar-item-segment) + :is(.status-bar-item, .status-bar-item-segment)::before, body:not(.is-mobile) .status-bar :is(.status-bar-item, .status-bar-item-segment) + :is(.status-bar-item, .status-bar-item-segment)::after { content: none; display: none; width: 0; height: 0; background: transparent; opacity: 0; } body:not(.is-mobile) .status-bar > :is(.status-bar-item, .status-bar-item-segment) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 1 auto; min-width: 0; max-width: 220px; min-height: 28px; padding-inline: 12px; overflow: hidden; text-overflow: clip; white-space: nowrap; } body:not(.is-mobile) .status-bar > :is(.status-bar-item, .status-bar-item-segment) :is(svg, .svg-icon, .clickable-icon, .status-bar-item-icon) { flex: 0 0 auto; margin-inline: 0 4px; min-width: 16px; } body:not(.is-mobile) .status-bar > .status-bar-item :is(.status-bar-item, .status-bar-item-segment) { display: inline; min-width: 0; min-height: 0; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; overflow: visible; text-overflow: clip; white-space: nowrap; } } /* Settings rows: keep hover glass covering the full outer row box. */ @media (min-width: 701px) { body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) > .setting-item, body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) .setting-item { width: 100%; box-sizing: border-box; border: 1px solid transparent; border-radius: 10px; background: var(--ogd-setting-row-bg); box-shadow: var(--ogd-setting-row-shadow); background-clip: padding-box; padding: 12px 16px; margin: 2px 0; } body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) > .setting-item:is(:hover, :focus-within), body:not(.is-mobile) .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) .setting-item:is(:hover, :focus-within) { background: var(--ogd-glass-bg-hover); -webkit-backdrop-filter: var(--ogd-glass-filter-soft); backdrop-filter: var(--ogd-glass-filter-soft); border-color: var(--ogd-setting-row-border); outline: 1px solid rgba(125, 211, 252, 0.22); outline-offset: -1px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transform: var(--ogd-hover-lift-subtle, translateY(-0.5px)); } /* v2.30.8 - dark theme override for the hairline shadow above */ body:not(.is-mobile).theme-dark .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) > .setting-item:is(:hover, :focus-within), body:not(.is-mobile).theme-dark .modal.mod-settings :is(.vertical-tab-content, .vertical-tab-content-container) .setting-item:is(:hover, :focus-within) { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); } body:not(.is-mobile) .checkbox-container { background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(203, 213, 225, 0.58)); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border: 1px solid rgba(148, 163, 184, 0.42); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(15, 23, 42, 0.08), 0 3px 8px rgba(15, 23, 42, 0.10); transition: var(--ogd-glass-transition-control); } body:not(.is-mobile) .checkbox-container::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.86)); border: 1px solid rgba(148, 163, 184, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 2px 6px rgba(15, 23, 42, 0.20); } body:not(.is-mobile) .checkbox-container:is(:hover, :focus-visible) { border-color: var(--ogd-glass-border-hover); box-shadow: var(--ogd-glass-shadow-hover); transform: var(--ogd-hover-lift, translateY(-1px)); } body:not(.is-mobile) .checkbox-container.is-enabled { background: linear-gradient(180deg, rgba(75, 85, 99, 0.88), rgba(51, 65, 85, 0.76)); border-color: rgba(75, 85, 99, 0.62); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(15, 23, 42, 0.20), 0 4px 10px rgba(15, 23, 42, 0.16); } body:not(.is-mobile) .checkbox-container.is-enabled::after { background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(248, 250, 252, 0.90)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 2px 7px rgba(15, 23, 42, 0.28); } body:not(.is-mobile).theme-dark .checkbox-container { background: linear-gradient(180deg, rgba(51, 65, 85, 0.74), rgba(15, 23, 42, 0.58)); border-color: rgba(203, 213, 225, 0.20); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.30), 0 3px 8px rgba(0, 0, 0, 0.28); } body:not(.is-mobile).theme-dark .checkbox-container::after { background: linear-gradient(180deg, rgba(226, 232, 240, 0.96), rgba(148, 163, 184, 0.86)); border-color: rgba(203, 213, 225, 0.16); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.42); } body:not(.is-mobile).theme-dark .checkbox-container.is-enabled { background: linear-gradient(180deg, rgba(148, 163, 184, 0.84), rgba(71, 85, 105, 0.72)); border-color: rgba(203, 213, 225, 0.34); } body:not(.is-mobile).theme-dark .checkbox-container.is-enabled::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(226, 232, 240, 0.90)); } } /* v1.8.42 - Glass control polish and selected-state clarity. */ @media (min-width: 701px) { body:not(.is-mobile) .modal.mod-settings :is(.style-settings-container, .vertical-tab-content-container) .setting-item .setting-item { border-radius: var(--radius-l, 8px); padding: 9px 12px; margin: 1px 0; } body:not(.is-mobile) .modal.mod-settings :is(.style-settings-container, .vertical-tab-content-container) .setting-item .setting-item:is(:hover, :focus-within) { background: rgba(255, 255, 255, 0.46); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); outline-color: rgba(148, 163, 184, 0.28); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transform: none; } body:not(.is-mobile).theme-dark .modal.mod-settings :is(.style-settings-container, .vertical-tab-content-container) .setting-item .setting-item:is(:hover, :focus-within) { background: rgba(30, 41, 59, 0.42); outline-color: rgba(203, 213, 225, 0.16); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); } body:not(.is-mobile) .setting-item-control :is(input[type="text"], input[type="number"], input[type="search"], textarea, select, .dropdown), body:not(.is-mobile) .modal .setting-item-control :is(input[type="text"], input[type="number"], input[type="search"], textarea, select, .dropdown) { background: var(--ogd-glass-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border-color: var(--ogd-glass-border); box-shadow: var(--ogd-glass-control-shadow); transition: var(--ogd-glass-transition-control); } body:not(.is-mobile) .setting-item-control :is(input[type="text"], input[type="number"], input[type="search"], textarea, select, .dropdown):is(:hover, :focus, :focus-visible), body:not(.is-mobile) .modal .setting-item-control :is(input[type="text"], input[type="number"], input[type="search"], textarea, select, .dropdown):is(:hover, :focus, :focus-visible) { background: var(--ogd-glass-bg-hover); border-color: var(--ogd-glass-border-hover); box-shadow: var(--ogd-glass-shadow-hover); } body:not(.is-mobile).theme-dark .setting-item-control :is(input[type="text"], input[type="number"], input[type="search"], textarea, select, .dropdown), body:not(.is-mobile).theme-dark .modal .setting-item-control :is(input[type="text"], input[type="number"], input[type="search"], textarea, select, .dropdown) { background: var(--ogd-glass-control-bg); border-color: var(--ogd-glass-border); box-shadow: var(--ogd-glass-control-shadow); } body:not(.is-mobile) .setting-item-control input[type="range"]::-webkit-slider-runnable-track { background: rgba(203, 213, 225, 0.58); border: 1px solid rgba(148, 163, 184, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66); } body:not(.is-mobile) .setting-item-control input[type="range"]::-webkit-slider-thumb { background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.86)); border-color: rgba(148, 163, 184, 0.36); box-shadow: 0 2px 7px rgba(15, 23, 42, 0.20); } body:not(.is-mobile) .setting-item-control input[type="range"]::-moz-range-track { background: rgba(203, 213, 225, 0.58); border: 1px solid rgba(148, 163, 184, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66); } body:not(.is-mobile) .setting-item-control input[type="range"]::-moz-range-thumb { background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.86)); border-color: rgba(148, 163, 184, 0.36); box-shadow: 0 2px 7px rgba(15, 23, 42, 0.20); } body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .popover.hover-popover .suggestion-item):is(.is-selected, .selected, [aria-selected="true"]) { background: radial-gradient(circle at 76% 30%, rgba(255, 255, 255, 0.56), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.54)); border-color: rgba(100, 116, 139, 0.26); box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.28), 0 3px 10px rgba(15, 23, 42, 0.08); } body:not(.is-mobile).theme-dark :is(.prompt-results .suggestion-item, .modal .suggestion-item, .popover.hover-popover .suggestion-item):is(.is-selected, .selected, [aria-selected="true"]) { background: radial-gradient(circle at 76% 30%, rgba(148, 163, 184, 0.11), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.64), rgba(15, 23, 42, 0.44)); border-color: rgba(203, 213, 225, 0.18); box-shadow: inset 0 0 0 1px rgba(203, 213, 225, 0.20), 0 4px 14px rgba(0, 0, 0, 0.26); } body:not(.is-mobile) .status-bar .status-bar-item-segment:hover { box-shadow: 0 3px 10px rgba(15, 23, 42, 0.10); transform: var(--ogd-hover-lift-subtle, translateY(-0.5px)); } body:not(.is-mobile).theme-dark .status-bar .status-bar-item-segment:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24); } } /* v1.8.43 - User-selectable glass intensity, plugin polish, and print isolation. */ @media (min-width: 701px) { body:not(.is-mobile).ogd-glass-off, body:not(.is-mobile).ogd-glass-reduced { --ogd-glass-filter: none; --ogd-glass-filter-soft: none; --ogd-glass-filter-control: none; } body:not(.is-mobile).ogd-glass-off { --ogd-glass-bg: var(--background-primary); --ogd-glass-bg-strong: var(--background-primary); --ogd-glass-bg-hover: var(--background-modifier-hover); --ogd-glass-border: var(--background-modifier-border); --ogd-glass-border-hover: var(--background-modifier-border-hover); --ogd-glass-shadow: none; --ogd-glass-shadow-hover: none; --ogd-glass-control-shadow: none; } body:not(.is-mobile).ogd-glass-reduced { --ogd-glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.82)); --ogd-glass-bg-strong: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.90)); --ogd-glass-bg-hover: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.88)); --ogd-glass-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); --ogd-glass-shadow-hover: 0 3px 10px rgba(15, 23, 42, 0.10); --ogd-glass-control-shadow: 0 1px 3px rgba(15, 23, 42, 0.08); } body:not(.is-mobile).ogd-glass-subtle { --ogd-glass-filter: blur(10px) saturate(130%); --ogd-glass-filter-soft: blur(8px) saturate(125%); --ogd-glass-filter-control: blur(6px) saturate(120%); --ogd-glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.62)); --ogd-glass-bg-strong: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.72)); --ogd-glass-bg-hover: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(241, 245, 249, 0.68)); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 8px 20px rgba(15, 23, 42, 0.10); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 4px 12px rgba(15, 23, 42, 0.10); } body:not(.is-mobile).ogd-glass-standard { --ogd-glass-filter: blur(22px) saturate(175%) brightness(1.06); --ogd-glass-filter-soft: blur(14px) saturate(155%) brightness(1.04); --ogd-glass-filter-control: blur(11px) saturate(145%) brightness(1.03); } body:not(.is-mobile).ogd-glass-strong { --ogd-glass-filter: blur(28px) saturate(195%) brightness(1.10); --ogd-glass-filter-soft: blur(18px) saturate(170%) brightness(1.07); --ogd-glass-filter-control: blur(13px) saturate(155%) brightness(1.05); --ogd-glass-bg: radial-gradient(circle at 76% 34%, rgba(255, 255, 255, 0.54), transparent 36%), radial-gradient(circle at 12% 58%, rgba(148, 163, 184, 0.14), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(226, 232, 240, 0.40)); --ogd-glass-bg-strong: radial-gradient(circle at 74% 32%, rgba(255, 255, 255, 0.62), transparent 36%), radial-gradient(circle at 14% 58%, rgba(148, 163, 184, 0.16), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.50)); --ogd-glass-bg-hover: radial-gradient(circle at 76% 30%, rgba(255, 255, 255, 0.70), transparent 34%), radial-gradient(circle at 12% 56%, rgba(148, 163, 184, 0.14), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(248, 250, 252, 0.54)); --ogd-glass-border: rgba(148, 163, 184, 0.30); --ogd-glass-border-hover: rgba(100, 116, 139, 0.30); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(148, 163, 184, 0.20), inset 0 0 24px rgba(255, 255, 255, 0.34), 0 20px 44px rgba(15, 23, 42, 0.20), 0 6px 16px rgba(15, 23, 42, 0.10); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 0 22px rgba(255, 255, 255, 0.38), 0 10px 26px rgba(15, 23, 42, 0.18); } body:not(.is-mobile).theme-dark.ogd-glass-reduced { --ogd-glass-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.86), rgba(15, 23, 42, 0.78)); --ogd-glass-bg-strong: linear-gradient(180deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.84)); --ogd-glass-bg-hover: linear-gradient(180deg, rgba(51, 65, 85, 0.84), rgba(30, 41, 59, 0.74)); --ogd-glass-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); --ogd-glass-shadow-hover: 0 3px 10px rgba(0, 0, 0, 0.30); } body:not(.is-mobile).theme-dark.ogd-glass-subtle { --ogd-glass-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.74), rgba(15, 23, 42, 0.62)); --ogd-glass-bg-strong: linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.70)); --ogd-glass-bg-hover: linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.54)); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 8px 20px rgba(0, 0, 0, 0.34); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 4px 12px rgba(0, 0, 0, 0.28); } body:not(.is-mobile).theme-dark.ogd-glass-strong { --ogd-glass-bg: radial-gradient(circle at 76% 34%, rgba(148, 163, 184, 0.14), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(2, 6, 23, 0.48)); --ogd-glass-bg-strong: radial-gradient(circle at 74% 32%, rgba(148, 163, 184, 0.16), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.80), rgba(15, 23, 42, 0.56)); --ogd-glass-bg-hover: radial-gradient(circle at 76% 30%, rgba(148, 163, 184, 0.18), transparent 34%), radial-gradient(circle at 12% 56%, rgba(203, 213, 225, 0.07), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.78), rgba(15, 23, 42, 0.46)); --ogd-glass-border: rgba(203, 213, 225, 0.22); --ogd-glass-border-hover: rgba(203, 213, 225, 0.24); --ogd-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 -1px 0 rgba(0, 0, 0, 0.38), inset 0 0 22px rgba(148, 163, 184, 0.12), 0 20px 46px rgba(0, 0, 0, 0.54), 0 6px 16px rgba(0, 0, 0, 0.34); --ogd-glass-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 0 20px rgba(148, 163, 184, 0.14), 0 10px 28px rgba(0, 0, 0, 0.40); } body:not(.is-mobile) :is(.prompt, .modal, .popover.hover-popover, .notice, .notice-container .notice, #editingToolbarModalBar, .editingToolbarModalBar, .editingToolbarPopover, .editingToolbarPopoverItems, .editingToolbarSubmenu, .editingToolbarMenu) { -webkit-backdrop-filter: var(--ogd-glass-filter); backdrop-filter: var(--ogd-glass-filter); } body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .popover.hover-popover .suggestion-item, .modal.mod-settings .setting-item, .metadata-container .metadata-property, .canvas-control-item, .canvas-card-menu .clickable-icon, .status-bar .status-bar-item-segment, .modal .modal-close-button):is(:hover, :focus, :focus-within, :active, .is-selected, .selected, [aria-selected="true"]) { -webkit-backdrop-filter: var(--ogd-glass-filter-soft); backdrop-filter: var(--ogd-glass-filter-soft); } body:not(.is-mobile) .setting-item-control :is(input[type="text"], input[type="number"], input[type="search"], textarea, select, .dropdown, input[type="color"], .pickr .pcr-button), body:not(.is-mobile) .checkbox-container { -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); } body:not(.is-mobile) .setting-item-control :is(input[type="color"], .pickr .pcr-button) { background: var(--ogd-glass-bg-strong); border-color: var(--ogd-glass-border); box-shadow: 0 2px 7px rgba(15, 23, 42, 0.12); transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; } body:not(.is-mobile) .setting-item-control :is(input[type="color"], .pickr .pcr-button):is(:hover, :focus-visible) { border-color: var(--ogd-glass-border-hover); box-shadow: var(--ogd-glass-shadow-hover); transform: var(--ogd-hover-lift, translateY(-1px)); } body:not(.is-mobile) .setting-item-control :is(button, input, textarea, select, .dropdown, .checkbox-container):disabled, body:not(.is-mobile) .setting-item-control :is(button, input, textarea, select, .dropdown, .checkbox-container).is-disabled, body:not(.is-mobile) .setting-item-control :is(button, input, textarea, select, .dropdown, .checkbox-container)[aria-disabled="true"] { opacity: 0.54; filter: saturate(0.72); transform: none; box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile) .setting-item-control button:is(.mod-cta, .mod-warning, .mod-destructive):active, body:not(.is-mobile) .modal .setting-item-control button:is(.mod-cta, .mod-warning, .mod-destructive):active { transform: var(--ogd-press-lift, translateY(0) scale(0.99)); box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.20); } body:not(.is-mobile) .prompt-input:focus, body:not(.is-mobile) .modal .prompt-input:focus { outline: 1px solid rgba(100, 116, 139, 0.42); outline-offset: 1px; box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.10); } body:not(.is-mobile) .metadata-container .metadata-property-value:is(:hover, :focus-within) { border-radius: var(--radius-m, 6px); background: rgba(255, 255, 255, 0.42); } body:not(.is-mobile).theme-dark .metadata-container .metadata-property-value:is(:hover, :focus-within) { background: rgba(15, 23, 42, 0.34); } body:not(.is-mobile).ogd-glass-off :is(.prompt, .modal, .popover.hover-popover, .notice, .notice-container .notice, #editingToolbarModalBar, .editingToolbarModalBar, .editingToolbarPopover, .editingToolbarPopoverItems, .editingToolbarSubmenu, .editingToolbarMenu), body:not(.is-mobile).ogd-glass-off :is(.prompt-results .suggestion-item, .modal .suggestion-item, .popover.hover-popover .suggestion-item, .modal.mod-settings .setting-item, .metadata-container .metadata-property, .canvas-control-item, .canvas-card-menu .clickable-icon, .status-bar .status-bar-item-segment, .modal .modal-close-button, .checkbox-container):is(:hover, :focus, :focus-within, :active, .is-selected, .selected, [aria-selected="true"]) { -webkit-backdrop-filter: none; backdrop-filter: none; } body:not(.is-mobile):is(.ogd-glass-off, .ogd-glass-reduced) :is( .workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action, .nav-file-title.is-active, .nav-file-title:hover, .nav-folder-title:hover, .tree-item-self:hover, #editingToolbarModalBar, .editingToolbarModalBar, .editingToolbarPopover, .editingToolbarPopoverItems, .editingToolbarSubmenu, .editingToolbarMenu, .editingToolbarButton, .menu, .menu .menu-item, .tooltip, .view-header-breadcrumb, .view-header-title, .suggestion-container, .search-suggest-container, .search-suggestion-container ), body:not(.is-mobile):is(.ogd-glass-off, .ogd-glass-reduced) :is( .workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action, .nav-file-title.is-active, .nav-file-title:hover, .nav-folder-title:hover, .tree-item-self:hover, .editingToolbarButton, .menu .menu-item, .view-header-breadcrumb, .view-header-title, .suggestion-item, .search-suggest-item ):is(:hover, :focus, :focus-within, :active, .is-selected, .selected, [aria-selected="true"]) { -webkit-backdrop-filter: none; backdrop-filter: none; } body:not(.is-mobile):is(.ogd-glass-off, .ogd-glass-reduced) :is(.view-header-breadcrumb, .view-header-title)::before { -webkit-backdrop-filter: none; backdrop-filter: none; } } /* v1.8.56 - Overlay interaction polish. */ .search-input-container input, .prompt-input, :is(.workspace-leaf-content[data-type="search"], .modal) :is(input[type="search"], input[type="text"]) { transition: border-color 0.14s ease, box-shadow 0.14s ease, background-color 0.14s ease; } :is( .search-input-container input, .prompt-input, .workspace-leaf-content[data-type="search"] :is(input[type="search"], input[type="text"]), .modal :is(input[type="search"], input[type="text"]) ):is(:focus, :focus-visible) { background: var(--ogd-surface-base, #ffffff); border-color: #64748b; box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.16), inset 0 1px 1px rgba(15, 23, 42, 0.04); outline: none; } body:not(.is-mobile) :is(.modal.mod-community-theme, .modal .community-modal) :is(.search-input-container, .community-modal-search):is(:focus, :focus-visible, :focus-within), body:not(.is-mobile) :is(.modal.mod-community-theme, .modal .community-modal) :is(.prompt-input, input[type="search"], input[type="text"], .community-modal-search-input):is(:focus, :focus-visible) { background: var(--ogd-glass-control-bg, var(--ogd-surface-muted, #f8fafc)); border-color: var(--ogd-glass-border, var(--ogd-line-strong, #cbd5e1)); box-shadow: var(--ogd-glass-control-shadow, inset 0 1px 1px rgba(15, 23, 42, 0.04)); outline: none; transform: none; } .prompt-results, .suggestion-container, .menu { --ogd-overlay-selected-bg: rgba(226, 232, 240, 0.72); --ogd-overlay-selected-line: var(--ogd-text-subtle, #475569); --ogd-overlay-selected-text: var(--ogd-text-strong, #111827); } .prompt-results .suggestion-item, .suggestion-container .suggestion-item, .menu .menu-item { min-height: 30px; padding-top: 5px; padding-bottom: 5px; color: var(--ogd-text-slate, #334155); border-radius: var(--ogd-radius-control, 7px); transition: background-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease; } .prompt-results .suggestion-item.is-selected, .suggestion-container .suggestion-item.is-selected, .menu .menu-item:hover, .menu .menu-item.selected { background: var(--ogd-overlay-selected-bg); color: var(--ogd-overlay-selected-text); box-shadow: inset 0 0 0 1px var(--ogd-overlay-selected-line); } .suggestion-item.is-selected .suggestion-title, .suggestion-item.is-selected .suggestion-note, .menu-item:hover .menu-item-title, .menu-item.selected .menu-item-title { color: inherit; } .suggestion-highlight, .search-result-file-matched-text, .search-result-file-match-text { background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(254, 243, 199, 0.30)); color: #92400e; box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.22); } .search-result-file-match.mod-current, .search-result-file-match.is-active, .search-result-file-match:hover { background: var(--ogd-surface-muted, #f8fafc); border-color: rgba(100, 116, 139, 0.42); } .tooltip, .popover, .popover.hover-popover, .hover-popover .markdown-embed, .hover-popover .markdown-embed-content, .modal, .prompt, .suggestion-container, .menu { border-color: rgba(148, 163, 184, 0.34); box-shadow: 0 14px 34px rgba(15, 23, 42, 0.13); } .tooltip { background: radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.74), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.74)); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(150%) brightness(1.03)); backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(150%) brightness(1.03)); border: 1px solid rgba(186, 230, 253, 0.54); border-radius: var(--ogd-radius-control, 7px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(148, 163, 184, 0.10), 0 14px 30px rgba(15, 23, 42, 0.13), 0 4px 10px rgba(56, 189, 248, 0.08); color: var(--ogd-text-strong, #111827); font-size: 12px; font-weight: 620; letter-spacing: 0; line-height: 1.35; padding: 8px 12px; } .tooltip :is(.tooltip-content, .tooltip-inner) { color: inherit; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42); } .tooltip .tooltip-arrow { border-top-color: rgba(255, 255, 255, 0.92); border-bottom-color: rgba(255, 255, 255, 0.92); filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.10)); } .popover.hover-popover .markdown-preview-view, .popover.hover-popover .markdown-rendered { font-size: 0.94em; line-height: 1.55; padding: 12px 14px; color: var(--ogd-text-slate, #334155); } .popover.hover-popover .markdown-rendered :is(h1, h2, h3) { margin-top: 0.2em; margin-bottom: 0.45em; } .popover.hover-popover .markdown-rendered p { margin-top: 0.42em; margin-bottom: 0.42em; } .empty-state, .empty-state-container, .search-empty-state, .backlink-pane .search-empty-state, .outgoing-link-pane .search-empty-state, .workspace-leaf-content[data-type="search"] .search-empty-state, .workspace-leaf-content[data-type="backlink"] .search-empty-state, .workspace-leaf-content[data-type="outgoing-link"] .search-empty-state { color: #64748b; font-size: 0.94em; font-weight: 520; line-height: 1.52; } .empty-state-title, .empty-state-action, .empty-state-container .empty-state-title { color: var(--ogd-text-subtle, #475569); font-weight: 680; } .empty-state-action { border-color: rgba(148, 163, 184, 0.36); background: rgba(248, 250, 252, 0.74); border-radius: var(--ogd-radius-control, 7px); } .empty-state-action:hover { background: #f1f5f9; color: var(--ogd-text-strong, #111827); } :is( button, input, textarea, select, a, [role="button"], [role="link"], [role="menuitem"], .nav-file-title, .nav-folder-title, .suggestion-item, .menu-item, .tree-item-self, .empty-state-action ):focus-visible { outline: 2px solid rgba(71, 85, 105, 0.86); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(100, 116, 139, 0.15); } :is( button, input, textarea, select, a, [role="button"], [role="link"], [role="menuitem"], .nav-file-title, .nav-folder-title, .suggestion-item, .menu-item, .tree-item-self, .empty-state-action ):focus:not(:focus-visible) { outline: none; } .theme-dark :is( .search-input-container input, .prompt-input, .workspace-leaf-content[data-type="search"] :is(input[type="search"], input[type="text"]), .modal :is(input[type="search"], input[type="text"]) ):is(:focus, :focus-visible) { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(15, 23, 42, 0.42)); border-color: var(--ogd-line-faint, #94a3b8); box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06); } .theme-dark .prompt-results, .theme-dark .suggestion-container, .theme-dark .menu { --ogd-overlay-selected-bg: rgba(51, 65, 85, 0.78); --ogd-overlay-selected-line: var(--ogd-line-strong, #cbd5e1); --ogd-overlay-selected-text: var(--ogd-surface-muted, #f8fafc); } .theme-dark .prompt-results .suggestion-item, .theme-dark .suggestion-container .suggestion-item, .theme-dark .menu .menu-item { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .suggestion-highlight, .theme-dark .search-result-file-matched-text, .theme-dark .search-result-file-match-text { background: linear-gradient(180deg, rgba(30, 41, 59, 0.58), rgba(120, 53, 15, 0.20)); color: #fde68a; box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.22); } .theme-dark .search-result-file-match.mod-current, .theme-dark .search-result-file-match.is-active, .theme-dark .search-result-file-match:hover { background: var(--ogd-surface-dark, #111827); border-color: rgba(203, 213, 225, 0.30); } .theme-dark .tooltip, .theme-dark .popover, .theme-dark .popover.hover-popover, .theme-dark .hover-popover .markdown-embed, .theme-dark .hover-popover .markdown-embed-content, .theme-dark .modal, .theme-dark .prompt, .theme-dark .suggestion-container, .theme-dark .menu { border-color: rgba(100, 116, 139, 0.48); box-shadow: 0 16px 38px rgba(0, 0, 0, 0.42); } .theme-dark .tooltip { background: radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.16), transparent 36%), linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.64)); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(150%) brightness(1.02)); backdrop-filter: var(--ogd-glass-filter-soft, blur(14px) saturate(150%) brightness(1.02)); border-color: rgba(203, 213, 225, 0.20); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.28), 0 16px 34px rgba(0, 0, 0, 0.46), 0 4px 10px rgba(15, 23, 42, 0.24); color: var(--ogd-text-inverted, #f8fafc); } .theme-dark .tooltip :is(.tooltip-content, .tooltip-inner) { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.34); } .theme-dark .tooltip .tooltip-arrow { border-top-color: rgba(30, 41, 59, 0.82); border-bottom-color: rgba(30, 41, 59, 0.82); filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.42)); } .theme-dark .popover.hover-popover .markdown-preview-view, .theme-dark .popover.hover-popover .markdown-rendered { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .empty-state, .theme-dark .empty-state-container, .theme-dark .search-empty-state, .theme-dark .backlink-pane .search-empty-state, .theme-dark .outgoing-link-pane .search-empty-state, .theme-dark .workspace-leaf-content[data-type="search"] .search-empty-state, .theme-dark .workspace-leaf-content[data-type="backlink"] .search-empty-state, .theme-dark .workspace-leaf-content[data-type="outgoing-link"] .search-empty-state { color: var(--ogd-text-soft, #94a3b8); } .theme-dark .empty-state-title, .theme-dark .empty-state-action, .theme-dark .empty-state-container .empty-state-title { color: var(--ogd-line-strong, #cbd5e1); } .theme-dark .empty-state-action { border-color: rgba(100, 116, 139, 0.48); background: rgba(15, 23, 42, 0.64); } .theme-dark .empty-state-action:hover { background: #1f2937; color: var(--ogd-text-inverted, #f8fafc); } .theme-dark :is( button, input, textarea, select, a, [role="button"], [role="link"], [role="menuitem"], .nav-file-title, .nav-folder-title, .suggestion-item, .menu-item, .tree-item-self, .empty-state-action ):focus-visible { outline-color: rgba(203, 213, 225, 0.9); box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.18); } @media (prefers-contrast: more), (forced-colors: active) { :is( button, input, textarea, select, a, [role="button"], [role="link"], [role="menuitem"], .nav-file-title, .nav-folder-title, .suggestion-item, .menu-item, .tree-item-self, .empty-state-action ):focus-visible { outline: 2px solid CanvasText; box-shadow: var(--ogd-shadow-none, none); } } @media print { body { --ogd-glass-bg: var(--ogd-surface-transparent, transparent); --ogd-glass-bg-strong: var(--ogd-surface-transparent, transparent); --ogd-glass-bg-hover: var(--ogd-surface-transparent, transparent); --ogd-glass-shadow: none; --ogd-glass-shadow-hover: none; --ogd-glass-filter: none; --ogd-glass-filter-soft: none; --ogd-glass-filter-control: none; } } /* <<< src/chrome/36-floating-ui-glass-system.css */ /* 09d-tabs-file-explorer-search.css -> chrome/37 */ /* >>> src/chrome/37-tabs-file-explorer-search.css */ /* v1.8.47 - Square workspace tab glass, scoped to the inner tab surface. */ @media (min-width: 701px) { body:not(.is-mobile) { --ogd-tab-glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.72)); --ogd-tab-glass-bg-hover: rgba(255, 255, 255, 0.40); --ogd-tab-glass-border: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-border-hover: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-border-bottom: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(255, 255, 255, 0.30), 0 12px 26px -18px rgba(15, 23, 42, 0.38), 0 5px 12px -10px rgba(56, 189, 248, 0.24); --ogd-tab-glass-shadow-hover: none; --ogd-tab-header-bg: var(--ogd-surface-transparent, transparent); --ogd-tab-header-border-color: var(--ogd-surface-transparent, transparent); --ogd-tab-header-border-bottom: rgba(203, 213, 225, 0.34); --ogd-tab-header-shadow: var(--ogd-shadow-none, none); --ogd-tab-connected-bg: radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.64)); --ogd-tab-connected-bridge: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.66)); --ogd-chrome-hairline: rgba(148, 163, 184, 0.22); } body:not(.is-mobile).theme-dark { --ogd-tab-glass-bg: linear-gradient(180deg, rgba(71, 85, 105, 0.84), rgba(15, 23, 42, 0.60)); --ogd-tab-glass-bg-hover: rgba(51, 65, 85, 0.34); --ogd-tab-glass-border: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-border-hover: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-border-bottom: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 -1px 0 rgba(255, 255, 255, 0.04), 0 12px 26px -18px rgba(0, 0, 0, 0.72), 0 5px 12px -10px rgba(56, 189, 248, 0.18); --ogd-tab-glass-shadow-hover: none; --ogd-tab-header-border-bottom: rgba(203, 213, 225, 0.14); --ogd-tab-connected-bg: radial-gradient(circle at 72% 18%, rgba(148, 163, 184, 0.18), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.50)); --ogd-tab-connected-bridge: linear-gradient(180deg, rgba(51, 65, 85, 0.62), rgba(30, 41, 59, 0.48)); --ogd-chrome-hairline: rgba(203, 213, 225, 0.14); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-header { min-height: 40px; padding: 6px 8px 2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-header .nav-buttons-container { display: flex; align-items: center; justify-content: flex-start; gap: 6px; width: 100%; margin: 0; padding: 0; } body:not(.is-mobile).ogd-glass-off { --ogd-tab-glass-bg: var(--tab-background-active) ; --ogd-tab-glass-bg-hover: var(--background-modifier-hover) ; --ogd-tab-glass-border: var(--ogd-surface-transparent, transparent) ; --ogd-tab-glass-border-hover: var(--ogd-surface-transparent, transparent) ; --ogd-tab-glass-border-bottom: var(--ogd-surface-transparent, transparent) ; --ogd-tab-glass-shadow: none ; --ogd-tab-glass-shadow-hover: none ; } body:not(.is-mobile).ogd-glass-reduced { --ogd-tab-glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.82)) ; --ogd-tab-glass-bg-hover: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.84)) ; --ogd-tab-glass-border-bottom: var(--ogd-surface-transparent, transparent) ; --ogd-tab-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 5px 12px -10px rgba(15, 23, 42, 0.26) ; --ogd-tab-glass-shadow-hover: none ; } body:not(.is-mobile).theme-dark.ogd-glass-reduced { --ogd-tab-glass-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.86), rgba(15, 23, 42, 0.74)) ; --ogd-tab-glass-bg-hover: linear-gradient(180deg, rgba(51, 65, 85, 0.74), rgba(30, 41, 59, 0.62)) ; --ogd-tab-glass-border-bottom: var(--ogd-surface-transparent, transparent) ; --ogd-tab-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 5px 12px -10px rgba(0, 0, 0, 0.48) ; --ogd-tab-glass-shadow-hover: none ; } body:not(.is-mobile) :is(.workspace-tab-header-container, .workspace-tab-header-container-inner) { gap: 8px; } body:not(.is-mobile) .workspace-tab-header-container-inner { position: relative; } body:not(.is-mobile) .workspace-tab-header-container-inner::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--ogd-chrome-hairline); pointer-events: none; z-index: 1; } body:not(.is-mobile) .workspace-split.mod-left-split { position: relative; } body:not(.is-mobile) .workspace-split.mod-left-split::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: var(--ogd-chrome-hairline); pointer-events: none; z-index: 2; } body:not(.is-mobile) .workspace-tab-header { border-top: 0; border-left: 0; border-right: 0; border-inline-start: 0; border-inline-end: 0; margin-top: 0; box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile) :is(.workspace-tab-header, .workspace-tab-header-inner)::before, body:not(.is-mobile) :is(.workspace-tab-header, .workspace-tab-header-inner)::after { content: none; } body:not(.is-mobile) .workspace-tab-header-inner { border: 1px solid var(--ogd-tab-header-border-color); border-bottom-color: var(--ogd-tab-header-border-bottom); border-left-color: var(--ogd-surface-transparent, transparent); border-right-color: var(--ogd-surface-transparent, transparent); border-inline-start-color: var(--ogd-surface-transparent, transparent); border-inline-end-color: var(--ogd-surface-transparent, transparent); border-radius: 13px 13px 0 0; background: var(--ogd-tab-header-bg); -webkit-backdrop-filter: none; backdrop-filter: none; background-clip: padding-box; box-shadow: var(--ogd-tab-header-shadow); transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease; } body:not(.is-mobile) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner { position: relative; z-index: 2; border-color: rgba(203, 213, 225, 0.36); border-bottom-color: rgba(203, 213, 225, 0.34); border-radius: 13px; margin-bottom: 4px; background: rgba(255, 255, 255, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 3px 10px rgba(15, 23, 42, 0.04); } body:not(.is-mobile) .workspace-tab-header.is-active .workspace-tab-header-inner { --ogd-tab-header-bg: var(--ogd-tab-connected-bg); --ogd-tab-header-border-color: rgba(203, 213, 225, 0.52); --ogd-tab-header-border-bottom: var(--ogd-surface-transparent, transparent); --ogd-tab-header-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.78), inset 0 -1px 0 rgba(255, 255, 255, 0.32), 0 5px 14px rgba(15, 23, 42, 0.05); position: relative; z-index: 4; margin-bottom: -4px; transform: translateY(4px); -webkit-backdrop-filter: var(--ogd-glass-filter-soft); backdrop-filter: var(--ogd-glass-filter-soft); } body:not(.is-mobile) .workspace-tab-header.is-active .workspace-tab-header-inner::after { content: ""; display: block; position: absolute; left: -1px; right: -1px; bottom: -6px; height: 7px; border-inline: 1px solid rgba(203, 213, 225, 0.32); background: var(--ogd-tab-connected-bridge); pointer-events: none; } body:not(.is-mobile).theme-dark .workspace-tab-header.is-active .workspace-tab-header-inner { --ogd-tab-header-border-color: rgba(203, 213, 225, 0.18); --ogd-tab-header-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(148, 163, 184, 0.07), 0 5px 14px rgba(0, 0, 0, 0.18); } body:not(.is-mobile).theme-dark .workspace-tab-header:not(.is-active) .workspace-tab-header-inner { border-color: rgba(203, 213, 225, 0.14); border-bottom-color: rgba(203, 213, 225, 0.16); background: rgba(30, 41, 59, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 3px 10px rgba(0, 0, 0, 0.14); } body:not(.is-mobile).theme-dark .workspace-tab-header.is-active .workspace-tab-header-inner::after { border-inline-color: rgba(203, 213, 225, 0.12); } body:not(.is-mobile) .workspace-tab-header:not(.is-active):is(:hover, :focus-within) .workspace-tab-header-inner { --ogd-tab-header-bg: var(--ogd-tab-glass-bg-hover); --ogd-tab-header-border-color: var(--ogd-tab-glass-border-hover); --ogd-tab-header-shadow: var(--ogd-tab-glass-shadow-hover); transform: none; -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); } body:not(.is-mobile) :is(.workspace-tab-header-new-tab, .workspace-tab-header-container .clickable-icon.mod-new-tab) { border-radius: 13px 13px 0 0; } } /* File explorer compact sections, keeping the existing glass hover and active file surface. */ @media (max-width: 768px) { .workspace-tab-header-inner-title { font-size: 0.85em; } } @media (min-width: 701px) { body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .view-content, body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-files-container { padding-inline: 8px 10px; background: linear-gradient(180deg, transparent calc(100% - 34px), rgba(100, 116, 139, 0.055)), var(--background-primary); box-shadow: inset 0 -16px 18px -22px rgba(100, 116, 139, 0.16); /* Neutralize Obsidian core nav-item paint paths so only the explicit glass pill below renders. Prevents a second gray rounded box from appearing underneath the inner pill on hover/active. */ --nav-item-background-hover: transparent; --nav-item-background-active: transparent; --nav-item-background-selected: transparent; } body:not(.is-mobile) :is(.nav-folder-title, .nav-file-title, .tree-item-self) { display: flex; align-items: center; min-height: 24px; margin: 0 2px; padding-top: 1px; padding-bottom: 1px; border: 1px solid transparent; border-radius: var(--radius-m, 6px); line-height: 1.3; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.nav-folder-title[data-path*="/"], .nav-file-title[data-path]) { flex: 1 1 auto; width: 100%; max-width: 100%; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-tag { display: none; flex: 0 0 0; width: 0; margin: 0; padding: 0; overflow: hidden; } body:not(.is-mobile) .nav-folder-title { font-size: 13.5px; } body:not(.is-mobile) .nav-file-title { font-size: 13px; } body:not(.is-mobile) .nav-folder-title-content { font-weight: 760; --ogd-nav-hover-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.36)); --ogd-nav-hover-border: rgba(148, 163, 184, 0.20); --ogd-nav-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 2px 6px rgba(15, 23, 42, 0.04); } body:not(.is-mobile) .nav-file-title-content { color: #405066; font-weight: 500; --ogd-nav-hover-border: rgba(148, 163, 184, 0.18); --ogd-lg-row-active-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.78), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), color-mix(in srgb, var(--ogd-surface-tint-aqua) 34%, rgba(248, 250, 252, 0.46))); --ogd-lg-refined-active-bg: var(--ogd-lg-row-active-bg); --ogd-lg-row-active-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 18%, transparent), 0 8px 18px rgba(15, 23, 42, 0.09), 0 0 0 2px color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 28%, transparent); --ogd-lg-refined-shadow-hover: var(--ogd-lg-row-active-shadow); --ogd-lg-mist-rim: var(--ogd-rim-active-low); } body:not(.is-mobile) :is(.nav-folder-title-content, .nav-file-title-content) { display: block; position: relative; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; padding: 2px 12px 2px 27px; border: 1px solid transparent; border-radius: var(--ogd-radius-control, 7px); font-size: inherit; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform-origin: left center; transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease; } body:not(.is-mobile) :is(.nav-folder-title-content, .nav-file-title-content)::before { content: ""; position: absolute; left: 5px; top: 50%; width: 13px; height: 13px; background-color: currentColor; opacity: 0.42; transform: translateY(-50%); pointer-events: none; } body:not(.is-mobile) .nav-folder-title-content::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 6.5h6.2l1.9 2h8.9v9.8a1.7 1.7 0 0 1-1.7 1.7H5.2a1.7 1.7 0 0 1-1.7-1.7Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M3.5 8.5h17' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 6.5h6.2l1.9 2h8.9v9.8a1.7 1.7 0 0 1-1.7 1.7H5.2a1.7 1.7 0 0 1-1.7-1.7Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M3.5 8.5h17' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; } body:not(.is-mobile) .nav-file-title-content::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5h7.4l3.6 3.8v13.2h-11Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M13.7 3.7v4h3.8' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.5h7.4l3.6 3.8v13.2h-11Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M13.7 3.7v4h3.8' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; } body:not(.is-mobile) .nav-folder-title.is-collapsed .nav-folder-title-content::before { opacity: 0.34; transform: translateY(-50%) scale(0.92); } body:not(.is-mobile) .nav-folder-title:not(.is-collapsed) .nav-folder-title-content::before { opacity: 0.48; } body:not(.is-mobile) .nav-folder-title[data-path]:not([data-path*="/"]) { justify-content: flex-start; min-height: 26px; margin-top: 2px; margin-bottom: 0; padding-inline: 16px 12px; border-color: rgba(100, 116, 139, 0.22); background: rgba(248, 250, 252, 0.36); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0 0 0.5px rgba(148, 163, 184, 0.10); color: #64748b; } body:not(.is-mobile) .nav-folder-title[data-path]:not([data-path*="/"]) .nav-folder-title-content { display: block; flex: 1 1 auto; max-width: 100%; color: var(--ogd-text-subtle, #475569); font-size: 12.5px; font-weight: 760; letter-spacing: 0.02em; margin-left: -4px; width: calc(100% + 4px); padding-left: 26px; } body:not(.is-mobile) .nav-folder-title[data-path*="/"] .nav-folder-title-content { font-size: 13.25px; font-weight: 760; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-children .nav-folder-title[data-path*="/"] .nav-folder-title-content { margin-left: -16px; width: calc(100% + 16px); padding-left: 26px; } body:not(.is-mobile) .nav-file-title[data-path] .nav-file-title-content { font-size: 12.75px; } body:not(.is-mobile) .nav-folder-title[data-path^="outputs"] .nav-folder-title-content, body:not(.is-mobile) .nav-folder-title[data-path^="raw/obsidian/outputs"] .nav-folder-title-content { color: var(--ogd-text-strong, #111827); font-weight: 850; } body:not(.is-mobile) :is(.nav-folder-children, .tree-item-children) { margin-left: 1px; padding-left: 7px; border-left: 1px solid rgba(148, 163, 184, 0.10); } body:not(.is-mobile) .nav-folder-children .nav-folder-children { padding-left: 8px; } body:not(.is-mobile) .nav-folder.mod-root > .nav-folder-children { margin-left: 0; padding-left: 0; border-left: 0; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) { position: relative; margin: 6px 2px 6px 2px; padding: 28px 0 0 0; border: 1px solid rgba(125, 152, 178, 0.34); border-radius: 10px; background: radial-gradient(circle at 78% 12%, color-mix(in srgb, var(--ogd-surface-tint-aqua) 56%, transparent), transparent 34%), linear-gradient(180deg, rgba(244, 249, 252, 0.82), rgba(255, 255, 255, 0.56)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 24%, transparent), 0 6px 16px rgba(15, 23, 42, 0.078); -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(12px) saturate(152%) brightness(1.04)); backdrop-filter: var(--ogd-glass-filter-control, blur(12px) saturate(152%) brightness(1.04)); overflow: hidden; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active)::before { content: ""; position: absolute; inset: 0 0 auto; height: 28px; border-bottom: 1px solid rgba(148, 163, 184, 0.22); background: radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--ogd-surface-tint-aqua) 64%, transparent), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.18)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 4px 10px rgba(15, 23, 42, 0.055); pointer-events: none; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title { position: absolute; inset: 0 0 auto; z-index: 1; display: flex; align-items: center; justify-content: center; height: 28px; min-height: 28px; margin: 0; padding: 0 8px; padding-inline-start: 0; border-color: var(--ogd-surface-transparent, transparent); border-radius: 10px 10px 0 0; background: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content { display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; width: auto; max-width: calc(100% - 20px); min-width: 0; height: 20px; min-height: 20px; margin-left: 0; padding: 0 8px 0 16px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #25364b; font-weight: 820; line-height: 20px; --ogd-nav-hover-bg: var(--ogd-surface-transparent, transparent); --ogd-nav-hover-border: var(--ogd-surface-transparent, transparent); --ogd-nav-hover-shadow: var(--ogd-shadow-none, none); --ogd-glass-filter-soft: none; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content::before { left: 1px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children { margin: 0; width: 100%; padding: 6px 0 2px 0; border-left: 0; border-radius: 0 0 8px 8px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.78)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 14%, transparent); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children > .nav-file > .nav-file-title { margin-left: 0; width: 100%; max-width: 100%; padding-left: 10px; padding-right: 2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-children .nav-folder-children .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children > .nav-file > .nav-file-title { margin-left: 0; width: 100%; max-width: 100%; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children > .nav-file > .nav-file-title .nav-file-title-content { padding-left: 22px; padding-right: 2px; font-size: 13px; --ogd-lg-row-active-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.68), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.86), color-mix(in srgb, var(--ogd-surface-tint-aqua) 24%, rgba(248, 250, 252, 0.48))); --ogd-lg-row-active-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 14%, transparent), 0 5px 12px rgba(15, 23, 42, 0.06), 0 0 0 1px color-mix(in srgb, var(--ogd-rim-active-low) 54%, transparent); color: #4b5f77; font-weight: 560; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children > .nav-file > .nav-file-title .nav-file-title-content::before { left: 5px; width: 14px; } body:not(.is-mobile) .nav-folder.mod-root > .nav-folder-children > .nav-folder + .nav-folder > .nav-folder-title { margin-top: 4px; } body:not(.is-mobile) :is(.nav-folder-collapse-indicator, .tree-item-icon.collapse-icon) { display: none; width: 0; height: 0; min-width: 0; margin: 0; padding: 0; opacity: 0; } body:not(.is-mobile) :is(.nav-folder-collapse-indicator::before, .tree-item-icon.collapse-icon::before) { content: none; display: none; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title { position: relative; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title > .nav-folder-collapse-indicator { display: block; position: absolute; inset: 0; width: auto; height: auto; min-width: 0; margin: 0; opacity: 0; pointer-events: auto; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title > .nav-folder-collapse-indicator::before { content: ""; display: block; position: absolute; inset: 0; } body:not(.is-mobile) :is(.nav-file-title:hover, .nav-folder-title:hover, .tree-item-self:hover) { background: var(--ogd-surface-transparent, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); color: var(--ogd-text-strong, #111827); transform: none; } body:not(.is-mobile) :is(.nav-file-title:hover .nav-file-title-content, .nav-folder-title:hover .nav-folder-title-content, .tree-item-self:hover .tree-item-inner) { background: var(--ogd-nav-hover-bg, var(--ogd-glass-bg-hover, linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.55)))); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(140%)); backdrop-filter: var(--ogd-glass-filter-soft, blur(12px) saturate(140%)); border-color: var(--ogd-nav-hover-border, rgba(148, 163, 184, 0.18)); box-shadow: var(--ogd-nav-hover-shadow, var(--ogd-glass-shadow-hover, inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 6px 16px rgba(15, 23, 42, 0.12))); color: var(--ogd-text-strong, #111827); --ogd-nav-file-type-bg: color-mix(in srgb, var(--ogd-surface-tint-aqua) 36%, rgba(255, 255, 255, 0.72)); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-border: var(--ogd-rim-active-low); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title:hover .nav-folder-title-content { background: var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); -webkit-backdrop-filter: none; backdrop-filter: none; transform: none; } body:not(.is-mobile) :is(.nav-file-title:focus-within .nav-file-title-content, .nav-folder-title:focus-within .nav-folder-title-content, .tree-item-self:focus-within .tree-item-inner) { border-color: var(--ogd-focus-ring-border); box-shadow: var(--ogd-focus-ring-shadow); } body:not(.is-mobile) .nav-folder-title[data-path]:not([data-path*="/"]):hover, body:not(.is-mobile) .nav-folder.mod-root > .nav-folder-children > .nav-folder > .nav-folder-title:hover { background: rgba(255, 255, 255, 0.92); border-color: rgba(148, 163, 184, 0.32); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 2px 6px rgba(15, 23, 42, 0.05); } body:not(.is-mobile) .nav-folder-title[data-path]:not([data-path*="/"]):hover .nav-folder-title-content, body:not(.is-mobile) .nav-folder.mod-root > .nav-folder-children > .nav-folder > .nav-folder-title:hover .nav-folder-title-content { background: var(--ogd-surface-transparent, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); transform: none; } body:not(.is-mobile) .nav-file-title.is-active { min-height: 30px; padding-left: 9px; border-radius: var(--ogd-radius-control, 7px); border: 1px solid transparent; background: var(--ogd-surface-transparent, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: var(--ogd-shadow-none, none); color: #0f172a; } body:not(.is-mobile) .nav-file-title.is-active::before { content: none; display: none; } body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content { padding: 3px 14px 3px 30px; border-color: var(--ogd-rim-active-low, rgba(125, 211, 252, 0.42)); background: var(--ogd-glass-bg-strong, radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.78), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(240, 249, 255, 0.62))); -webkit-backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.07)); backdrop-filter: var(--ogd-glass-filter, blur(24px) saturate(185%) brightness(1.07)); box-shadow: var(--ogd-glass-shadow, inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(14, 165, 233, 0.12), inset 0 0 18px rgba(255, 255, 255, 0.34), 0 16px 32px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(56, 189, 248, 0.12)); color: #0f172a; font-size: 13.25px; font-weight: 850; transform: none; } body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content::before { left: 12px; width: 16px; height: 16px; opacity: 0.50; background-color: #64748b; } body:not(.is-mobile).theme-dark :is(.nav-folder-title, .nav-file-title, .tree-item-self) { border-color: var(--ogd-surface-transparent, transparent); --ogd-nav-hover-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.52), rgba(15, 23, 42, 0.30)); --ogd-nav-hover-border: rgba(148, 163, 184, 0.14); --ogd-nav-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 2px 6px rgba(0, 0, 0, 0.14); } body:not(.is-mobile).theme-dark .nav-file-title-content { color: var(--ogd-line-strong, #cbd5e1); --ogd-nav-hover-border: rgba(148, 163, 184, 0.14); --ogd-lg-row-active-bg: radial-gradient(circle at 76% 20%, rgba(148, 163, 184, 0.12), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.58), color-mix(in srgb, var(--ogd-surface-tint-aqua) 20%, rgba(15, 23, 42, 0.40))); --ogd-lg-refined-active-bg: var(--ogd-lg-row-active-bg); --ogd-lg-row-active-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.20), 0 8px 20px rgba(0, 0, 0, 0.30), 0 0 0 2px rgba(148, 163, 184, 0.05); --ogd-lg-refined-shadow-hover: var(--ogd-lg-row-active-shadow); --ogd-lg-mist-rim: rgba(203, 213, 225, 0.18); } body:not(.is-mobile).theme-dark .nav-folder-title[data-path]:not([data-path*="/"]) { border-color: rgba(203, 213, 225, 0.18); background: rgba(15, 23, 42, 0.24); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); color: var(--ogd-text-soft, #94a3b8); } body:not(.is-mobile).theme-dark .nav-folder-title[data-path]:not([data-path*="/"]) .nav-folder-title-content { color: var(--ogd-line-strong, #cbd5e1); } body:not(.is-mobile).theme-dark .nav-folder-title:not(.is-collapsed) .nav-folder-title-content::before { opacity: 0.50; } body:not(.is-mobile).theme-dark :is(.nav-folder-children, .tree-item-children) { border-left-color: rgba(148, 163, 184, 0.10); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) { border-color: rgba(203, 213, 225, 0.24); background: radial-gradient(circle at 78% 14%, color-mix(in srgb, var(--ogd-surface-tint-aqua) 22%, transparent), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.54), rgba(15, 23, 42, 0.34)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 6px 16px rgba(0, 0, 0, 0.26); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active)::before { border-bottom-color: rgba(203, 213, 225, 0.22); background: radial-gradient(circle at 72% 22%, color-mix(in srgb, var(--ogd-surface-tint-aqua) 28%, transparent), transparent 38%), linear-gradient(180deg, rgba(51, 65, 85, 0.42), rgba(15, 23, 42, 0.14)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 10px rgba(0, 0, 0, 0.24); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title { border-color: var(--ogd-surface-transparent, transparent); background: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content { color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children { border-left: 0; background: linear-gradient(180deg, rgba(30, 41, 59, 0.50), rgba(15, 23, 42, 0.34)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 12%, transparent); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children > .nav-file > .nav-file-title:not(.is-active) .nav-file-title-content { color: #cbd5e1; font-weight: 540; } body:not(.is-mobile).theme-dark :is(.nav-file-title:hover, .nav-folder-title:hover, .tree-item-self:hover) { background: var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark :is(.nav-file-title:hover .nav-file-title-content, .nav-folder-title:hover .nav-folder-title-content, .tree-item-self:hover .tree-item-inner) { background: var(--ogd-glass-bg-hover, linear-gradient(180deg, rgba(30, 41, 59, 0.75), rgba(15, 23, 42, 0.45))); border-color: var(--ogd-nav-hover-border, rgba(148, 163, 184, 0.14)); box-shadow: var(--ogd-glass-shadow-hover, inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.24), 0 6px 16px rgba(0, 0, 0, 0.32)); color: var(--ogd-text-inverted, #f8fafc); --ogd-nav-file-type-bg: color-mix(in srgb, var(--ogd-surface-tint-aqua) 34%, rgba(30, 41, 59, 0.62)); --ogd-nav-file-type-fg: #bfdbfe; --ogd-nav-file-type-border: var(--ogd-rim-active-low); } body:not(.is-mobile).theme-dark .nav-folder-title[data-path]:not([data-path*="/"]):hover, body:not(.is-mobile).theme-dark .nav-folder.mod-root > .nav-folder-children > .nav-folder > .nav-folder-title:hover { background: rgba(15, 23, 42, 0.48); border-color: rgba(148, 163, 184, 0.26); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 2px 6px rgba(0, 0, 0, 0.20); } body:not(.is-mobile).theme-dark .nav-folder-title[data-path]:not([data-path*="/"]):hover .nav-folder-title-content, body:not(.is-mobile).theme-dark .nav-folder.mod-root > .nav-folder-children > .nav-folder > .nav-folder-title:hover .nav-folder-title-content { background: var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile).theme-dark .nav-file-title.is-active { border-color: var(--ogd-surface-transparent, transparent); background: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark .nav-file-title.is-active .nav-file-title-content { padding: 3px 14px 3px 30px; border-color: var(--ogd-rim-hover, rgba(186, 230, 253, 0.30)); background: var(--ogd-glass-bg-strong, radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.18), transparent 35%), linear-gradient(180deg, rgba(51, 65, 85, 0.84), rgba(15, 23, 42, 0.56))); box-shadow: var(--ogd-glass-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(0, 0, 0, 0.34), inset 0 0 16px rgba(148, 163, 184, 0.10), 0 16px 34px rgba(0, 0, 0, 0.52), 0 4px 12px rgba(56, 189, 248, 0.06)); color: var(--ogd-text-inverted, #f8fafc); font-size: 13.25px; transform: none; } body:not(.is-mobile).theme-dark .nav-file-title.is-active .nav-file-title-content::before { background-color: var(--ogd-line-strong, #cbd5e1); opacity: 0.56; } } body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content { border-color: var(--ogd-rim-active); background: radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.86), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--ogd-surface-tint-aqua) 42%, rgba(248, 250, 252, 0.70))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 color-mix(in srgb, var(--ogd-rim-active-low) 24%, transparent), 0 4px 11px rgba(15, 23, 42, 0.075), 0 0 0 1px color-mix(in srgb, var(--ogd-rim-active-low) 68%, transparent); color: #172033; } body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0.90), color-mix(in srgb, var(--ogd-surface-tint-aqua) 48%, rgba(226, 232, 240, 0.68))); filter: drop-shadow(0 1px 1px rgba(255, 255, 255, 0.24)); opacity: 0.74; color: #1d4ed8; } body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content::after { content: none; position: absolute; left: 12px; right: 18px; bottom: 5px; height: 2px; border-radius: var(--ogd-radius-pill, 999px); background: linear-gradient(90deg, rgba(148, 163, 184, 0.04), color-mix(in srgb, var(--ogd-rim-active-low) 58%, rgba(100, 116, 139, 0.12)), rgba(148, 163, 184, 0.04)); box-shadow: 0 0 4px color-mix(in srgb, var(--ogd-rim-active-low) 36%, transparent); pointer-events: none; } body:not(.is-mobile).theme-dark .nav-file-title.is-active .nav-file-title-content { border-color: var(--ogd-rim-active); background: radial-gradient(circle at 78% 20%, rgba(148, 163, 184, 0.14), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.66), color-mix(in srgb, var(--ogd-surface-tint-aqua) 32%, rgba(15, 23, 42, 0.48))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.28), 0 0 0 1px color-mix(in srgb, var(--ogd-rim-active-low) 66%, transparent); color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark .nav-file-title.is-active .nav-file-title-content::before { background: linear-gradient(180deg, rgba(248, 250, 252, 0.88), color-mix(in srgb, var(--ogd-surface-tint-aqua) 46%, rgba(203, 213, 225, 0.54))); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.24)); opacity: 0.76; color: #bfdbfe; } body:not(.is-mobile).theme-dark .nav-file-title.is-active .nav-file-title-content::after { background: linear-gradient(90deg, rgba(148, 163, 184, 0.06), color-mix(in srgb, var(--ogd-rim-active-low) 52%, rgba(203, 213, 225, 0.10)), rgba(148, 163, 184, 0.06)); box-shadow: 0 0 4px color-mix(in srgb, var(--ogd-rim-active-low) 34%, transparent); } @media (min-width: 701px) { body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path] .nav-file-title-content::before { content: "DOC"; display: flex; align-items: center; justify-content: center; left: 5px; top: calc(50% + 0.5px); width: 15px; height: 12px; border: 1px solid var(--ogd-nav-file-type-border, rgba(100, 116, 139, 0.18)); border-radius: 3px; background: var(--ogd-nav-file-type-bg, linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(226, 232, 240, 0.66))); color: var(--ogd-nav-file-type-fg, #475569); font-size: var(--ogd-nav-file-type-size, 5.8px); font-weight: 850; letter-spacing: 0; line-height: 1; opacity: 0.58; -webkit-mask: none; mask: none; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content { padding-left: 27px; padding-right: 12px; font-weight: 780; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is(:hover, .is-active) .nav-file-title-content::before { opacity: 0.76; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".md" i] .nav-file-title-content::before { content: "MD"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f8fafc, #e2e8f0); --ogd-nav-file-type-fg: #64748b; --ogd-nav-file-type-border: rgba(148, 163, 184, 0.22); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mdx" i] .nav-file-title-content::before { content: "MDX"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f8fafc, #e2e8f0); --ogd-nav-file-type-fg: #64748b; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".canvas" i] .nav-file-title-content::before { content: "MAP"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fdf4ff, #e9d5ff); --ogd-nav-file-type-fg: #7e22ce; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".excalidraw" i] .nav-file-title-content::before { content: "EXC"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fdf4ff, #e9d5ff); --ogd-nav-file-type-fg: #7e22ce; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".mmd" i], [data-path$=".mermaid" i]) .nav-file-title-content::before { content: "MMD"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".html" i] .nav-file-title-content::before { content: "HTML"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 4.7px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xml" i] .nav-file-title-content::before { content: "XML"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".css" i] .nav-file-title-content::before { content: "CSS"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 5.3px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".scss" i], [data-path$=".sass" i], [data-path$=".less" i]) .nav-file-title-content::before { content: "CSS"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 5.3px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".js" i] .nav-file-title-content::before { content: "JS"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".jsx" i], [data-path$=".tsx" i]) .nav-file-title-content::before { content: "JSX"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ts" i] .nav-file-title-content::before { content: "TS"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".vue" i] .nav-file-title-content::before { content: "VUE"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".json" i] .nav-file-title-content::before { content: "JSON"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; --ogd-nav-file-type-size: 4.7px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".yaml" i], [data-path$=".yml" i]) .nav-file-title-content::before { content: "YML"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".toml" i] .nav-file-title-content::before { content: "TOML"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; --ogd-nav-file-type-size: 4.7px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".ini" i], [data-path$=".conf" i], [data-path$=".cfg" i], [data-path$=".properties" i]) .nav-file-title-content::before { content: "CFG"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".env" i], [data-path*=".env." i]) .nav-file-title-content::before { content: "ENV"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".svg" i] .nav-file-title-content::before { content: "SVG"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fdf4ff, #e9d5ff); --ogd-nav-file-type-fg: #7e22ce; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".png" i], [data-path$=".jpg" i], [data-path$=".jpeg" i], [data-path$=".webp" i], [data-path$=".gif" i]) .nav-file-title-content::before { content: "IMG"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fdf4ff, #e9d5ff); --ogd-nav-file-type-fg: #7e22ce; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pdf" i] .nav-file-title-content::before { content: "PDF"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f8fafc, #e2e8f0); --ogd-nav-file-type-fg: #64748b; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".doc" i], [data-path$=".docx" i], [data-path$=".rtf" i], [data-path$=".odt" i]) .nav-file-title-content::before { content: "DOC"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f8fafc, #e2e8f0); --ogd-nav-file-type-fg: #64748b; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".ppt" i], [data-path$=".pptx" i]) .nav-file-title-content::before { content: "PPT"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f8fafc, #e2e8f0); --ogd-nav-file-type-fg: #64748b; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".xls" i], [data-path$=".xlsx" i]) .nav-file-title-content::before { content: "XLS"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".csv" i], [data-path$=".tsv" i]) .nav-file-title-content::before { content: "CSV"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".sql" i] .nav-file-title-content::before { content: "SQL"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".db" i], [data-path$=".sqlite" i], [data-path$=".sqlite3" i]) .nav-file-title-content::before { content: "DB"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f0fdfa, #ccfbf1); --ogd-nav-file-type-fg: #0f766e; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".py" i] .nav-file-title-content::before { content: "PY"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".java" i], [data-path$=".cs" i], [data-path$=".go" i], [data-path$=".rs" i], [data-path$=".rb" i], [data-path$=".php" i]) .nav-file-title-content::before { content: "DEV"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".c" i], [data-path$=".h" i], [data-path$=".cpp" i], [data-path$=".hpp" i]) .nav-file-title-content::before { content: "C++"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".ps1" i], [data-path$=".psm1" i]) .nav-file-title-content::before { content: "PS"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".sh" i], [data-path$=".bash" i], [data-path$=".zsh" i]) .nav-file-title-content::before { content: "SH"; --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$="Dockerfile" i], [data-path$=".dockerfile" i]) .nav-file-title-content::before { content: "DOCK"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fefce8, #fde68a); --ogd-nav-file-type-fg: #854d0e; --ogd-nav-file-type-size: 4.7px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".gitignore" i], [data-path$=".gitattributes" i], [data-path$=".lock" i]) .nav-file-title-content::before { content: "GIT"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fefce8, #fde68a); --ogd-nav-file-type-fg: #854d0e; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".txt" i] .nav-file-title-content::before { content: "TXT"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f8fafc, #e2e8f0); --ogd-nav-file-type-fg: #64748b; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".log" i] .nav-file-title-content::before { content: "LOG"; --ogd-nav-file-type-bg: linear-gradient(180deg, #f8fafc, #e2e8f0); --ogd-nav-file-type-fg: #64748b; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".zip" i], [data-path$=".7z" i], [data-path$=".tar" i], [data-path$=".gz" i]) .nav-file-title-content::before { content: "ZIP"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fefce8, #fde68a); --ogd-nav-file-type-fg: #854d0e; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".mp3" i], [data-path$=".wav" i], [data-path$=".m4a" i], [data-path$=".flac" i]) .nav-file-title-content::before { content: "AUD"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fdf4ff, #e9d5ff); --ogd-nav-file-type-fg: #7e22ce; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".mp4" i], [data-path$=".mov" i], [data-path$=".webm" i], [data-path$=".mkv" i]) .nav-file-title-content::before { content: "VID"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fdf4ff, #e9d5ff); --ogd-nav-file-type-fg: #7e22ce; --ogd-nav-file-type-size: 5.2px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is([data-path$=".ttf" i], [data-path$=".otf" i], [data-path$=".woff" i], [data-path$=".woff2" i]) .nav-file-title-content::before { content: "FONT"; --ogd-nav-file-type-bg: linear-gradient(180deg, #fdf4ff, #e9d5ff); --ogd-nav-file-type-fg: #7e22ce; --ogd-nav-file-type-size: 4.5px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path]:not(:hover):not(.is-active) .nav-file-title-content::before { --ogd-nav-file-type-bg: linear-gradient(180deg, #f8fafc, #e2e8f0); --ogd-nav-file-type-fg: #64748b; --ogd-nav-file-type-border: rgba(148, 163, 184, 0.18); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is(:hover, .is-active):is([data-path$=".md" i], [data-path$=".mdx" i]) .nav-file-title-content::before { --ogd-nav-file-type-bg: linear-gradient(180deg, #eff6ff, #bfdbfe); --ogd-nav-file-type-fg: #1d4ed8; --ogd-nav-file-type-border: var(--ogd-rim-active-low); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path] .nav-file-title-content::before { border-color: rgba(203, 213, 225, 0.18); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.22)); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path]:not(:hover):not(.is-active) .nav-file-title-content::before { --ogd-nav-file-type-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.52), rgba(15, 23, 42, 0.42)); --ogd-nav-file-type-fg: #cbd5e1; --ogd-nav-file-type-border: rgba(148, 163, 184, 0.14); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-file-title:is(:hover, .is-active):is([data-path$=".md" i], [data-path$=".mdx" i]) .nav-file-title-content::before { --ogd-nav-file-type-bg: linear-gradient(180deg, color-mix(in srgb, var(--ogd-surface-tint-aqua) 44%, rgba(30, 41, 59, 0.56)), color-mix(in srgb, var(--ogd-surface-tint-aqua-soft) 50%, rgba(15, 23, 42, 0.48))); --ogd-nav-file-type-fg: #bfdbfe; --ogd-nav-file-type-border: var(--ogd-rim-active-low); } } @media (min-width: 701px) { @supports selector(.nav-folder:has(.nav-file-title.is-active)) { body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title, body:not(.is-mobile) .nav-folder:has(.nav-file-title.is-active) > .tree-item-self { color: #1f2937; } body:not(.is-mobile) .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path]:not([data-path*="/"]) { border-color: rgba(100, 116, 139, 0.22); background: rgba(248, 250, 252, 0.36); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0 0 0.5px rgba(148, 163, 184, 0.10); color: #64748b; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content, body:not(.is-mobile) .nav-folder:has(.nav-file-title.is-active) > .tree-item-self .tree-item-inner { color: #1e3a5f; font-weight: 800; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content { --ogd-direct-parent-folder-icon: #64748b; --ogd-direct-parent-folder-icon-opacity: 0.60; --ogd-direct-parent-folder-halo-border: rgba(125, 211, 252, 0.38); --ogd-direct-parent-folder-halo-bg: radial-gradient(circle at 68% 22%, rgba(255, 255, 255, 0.78), transparent 38%), radial-gradient(circle at 30% 74%, rgba(186, 230, 253, 0.12), transparent 40%), linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(240, 249, 255, 0.36)); --ogd-direct-parent-folder-halo-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(125, 211, 252, 0.08), inset 0 0 8px rgba(255, 255, 255, 0.18), 0 3px 8px rgba(56, 189, 248, 0.06); min-height: 20px; height: 20px; padding: 0 8px 0 16px; isolation: isolate; color: #18375a; font-weight: 830; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children > .nav-file > .nav-file-title .nav-file-title-content { padding-left: 22px; padding-right: 2px; color: #334155; font-size: 13px; font-weight: 540; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children > .nav-file > .nav-file-title .nav-file-title-content::before { left: 5px; width: 14px; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content::before { left: 1px; z-index: 1; opacity: var(--ogd-direct-parent-folder-icon-opacity, 0.58); background-color: var(--ogd-direct-parent-folder-icon, #64748b); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content::after { content: none; position: absolute; left: 2px; top: 50%; width: 27px; height: 27px; border: 1px solid var(--ogd-direct-parent-folder-halo-border, rgba(186, 230, 253, 0.56)); border-radius: var(--ogd-radius-pill, 999px); background: var(--ogd-direct-parent-folder-halo-bg, radial-gradient(circle at 68% 24%, rgba(255, 255, 255, 0.78), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(240, 249, 255, 0.46))); box-shadow: var(--ogd-direct-parent-folder-halo-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(125, 211, 252, 0.10), 0 3px 8px rgba(56, 189, 248, 0.10)); transform: translateY(-50%); pointer-events: none; z-index: 0; } body:not(.is-mobile) .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path]:not([data-path*="/"]) .nav-folder-title-content { color: var(--ogd-text-subtle, #475569); font-weight: 720; } body:not(.is-mobile) .nav-folder:has(.is-active) > .nav-folder-children { border-left-color: rgba(100, 116, 139, 0.14); } body:not(.is-mobile) .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path*="/"] { position: relative; padding-left: 0; padding-right: 8px; color: #64748b; } body:not(.is-mobile) .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path*="/"]::before { content: none; display: none; pointer-events: none; } body:not(.is-mobile) .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path*="/"] .nav-folder-title-content { color: var(--ogd-text-subtle, #64748b); font-weight: 720; } body:not(.is-mobile) .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path*="/"] .nav-folder-title-content::before { background-color: #64748b; opacity: 0.38; } } @supports selector(.nav-folder:has(.nav-file-title.is-active)) { body:not(.is-mobile).theme-dark .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path]:not([data-path*="/"]) { border-color: rgba(203, 213, 225, 0.18); background: rgba(15, 23, 42, 0.24); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); color: var(--ogd-text-soft, #94a3b8); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content, body:not(.is-mobile).theme-dark .nav-folder:has(.nav-file-title.is-active) > .tree-item-self .tree-item-inner { color: var(--ogd-text-inverted, #f8fafc); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-title .nav-folder-title-content { --ogd-direct-parent-folder-icon: #cbd5e1; --ogd-direct-parent-folder-icon-opacity: 0.62; --ogd-direct-parent-folder-halo-border: rgba(186, 230, 253, 0.20); --ogd-direct-parent-folder-halo-bg: radial-gradient(circle at 68% 22%, rgba(255, 255, 255, 0.10), transparent 38%), radial-gradient(circle at 30% 74%, rgba(56, 189, 248, 0.04), transparent 40%), linear-gradient(180deg, rgba(51, 65, 85, 0.40), rgba(15, 23, 42, 0.26)); --ogd-direct-parent-folder-halo-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.18), inset 0 0 7px rgba(148, 163, 184, 0.05), 0 3px 8px rgba(0, 0, 0, 0.20); color: #e0f2fe; } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] .nav-folder:has(> .nav-folder-title[data-path]):has(> .nav-folder-children > .nav-file .nav-file-title.is-active) > .nav-folder-children > .nav-file > .nav-file-title .nav-file-title-content { padding-left: 22px; padding-right: 2px; color: #d6e0ee; font-size: 13px; font-weight: 540; --ogd-lg-row-active-bg: radial-gradient(circle at 76% 20%, rgba(148, 163, 184, 0.10), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.50), color-mix(in srgb, var(--ogd-surface-tint-aqua) 16%, rgba(15, 23, 42, 0.38))); --ogd-lg-row-active-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(0, 0, 0, 0.16), 0 5px 13px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(148, 163, 184, 0.06); } body:not(.is-mobile).theme-dark .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path]:not([data-path*="/"]) .nav-folder-title-content { color: var(--ogd-line-strong, #cbd5e1); font-weight: 720; } body:not(.is-mobile).theme-dark .nav-folder:has(.is-active) > .nav-folder-children { border-left-color: rgba(148, 163, 184, 0.16); } body:not(.is-mobile).theme-dark .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path*="/"] { position: relative; padding-left: 0; padding-right: 8px; color: var(--ogd-text-soft, #94a3b8); } body:not(.is-mobile).theme-dark .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path*="/"]::before { content: none; display: none; pointer-events: none; } body:not(.is-mobile).theme-dark .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path*="/"] .nav-folder-title-content { color: var(--ogd-line-strong, #cbd5e1); font-weight: 720; } body:not(.is-mobile).theme-dark .nav-folder:has(.is-active):not(:has(> .nav-folder-children > .nav-file .nav-file-title.is-active)) > .nav-folder-title[data-path*="/"] .nav-folder-title-content::before { background-color: #94a3b8; opacity: 0.42; } } } /* Search pane input glass, aligned with the focused workspace tab surface. */ @media (min-width: 701px) { body:not(.is-mobile) .workspace-leaf-content[data-type="search"] { --ogd-search-input-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.68)); --ogd-search-input-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.58)); --ogd-search-input-border: rgba(100, 116, 139, 0.28); --ogd-search-input-control-border: rgba(100, 116, 139, 0.20); --ogd-search-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(255, 255, 255, 0.34), 0 10px 24px -16px rgba(15, 23, 42, 0.42), 0 5px 12px -9px rgba(15, 23, 42, 0.32); --ogd-search-input-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 4px 12px -10px rgba(15, 23, 42, 0.22); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="search"] { --ogd-search-input-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.82), rgba(15, 23, 42, 0.58)); --ogd-search-input-control-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.66), rgba(15, 23, 42, 0.46)); --ogd-search-input-border: rgba(203, 213, 225, 0.18); --ogd-search-input-control-border: rgba(203, 213, 225, 0.14); --ogd-search-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(255, 255, 255, 0.04), 0 10px 24px -16px rgba(0, 0, 0, 0.68), 0 5px 12px -9px rgba(0, 0, 0, 0.56); --ogd-search-input-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 12px -10px rgba(0, 0, 0, 0.42); } body:not(.is-mobile).ogd-glass-off .workspace-leaf-content[data-type="search"] { --ogd-search-input-bg: var(--background-primary) ; --ogd-search-input-control-bg: var(--background-secondary) ; --ogd-search-input-border: var(--background-modifier-border) ; --ogd-search-input-control-border: var(--background-modifier-border) ; --ogd-search-input-shadow: none ; --ogd-search-input-control-shadow: none ; } body:not(.is-mobile).ogd-glass-reduced .workspace-leaf-content[data-type="search"] { --ogd-search-input-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.82)) ; --ogd-search-input-control-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(248, 250, 252, 0.76)) ; --ogd-search-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 5px 12px -10px rgba(15, 23, 42, 0.22) ; --ogd-search-input-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) ; } body:not(.is-mobile).theme-dark.ogd-glass-reduced .workspace-leaf-content[data-type="search"] { --ogd-search-input-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.86), rgba(15, 23, 42, 0.74)) ; --ogd-search-input-control-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.66), rgba(30, 41, 59, 0.54)) ; --ogd-search-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 5px 12px -10px rgba(0, 0, 0, 0.44) ; --ogd-search-input-control-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07) ; } body:not(.is-mobile) .workspace-leaf-content[data-type="search"] .search-input-container { background: var(--ogd-search-input-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-soft); backdrop-filter: var(--ogd-glass-filter-soft); border: 1px solid var(--ogd-search-input-border); box-shadow: var(--ogd-search-input-shadow); } body:not(.is-mobile) .workspace-leaf-content[data-type="search"] .search-input-container :is(input, input[type="search"], input[type="text"]) { background: var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); outline: 0; outline-color: var(--ogd-surface-transparent, transparent); outline-offset: 0; } body:not(.is-mobile) .workspace-leaf-content[data-type="search"] .search-input-container:is(:focus, :focus-visible, :focus-within), body:not(.is-mobile) .workspace-leaf-content[data-type="search"] .search-input-container :is(input, input[type="search"], input[type="text"]):is(:focus, :focus-visible) { outline: 0; outline-color: var(--ogd-surface-transparent, transparent); outline-offset: 0; } body:not(.is-mobile) .workspace-leaf-content[data-type="search"] .search-input-container:is(:focus-within) { background: var(--ogd-search-input-bg); border-color: var(--ogd-search-input-border); box-shadow: var(--ogd-search-input-shadow); } body:not(.is-mobile) .workspace-leaf-content[data-type="search"] .search-input-container :is(.clickable-icon, button, .search-input-clear-button), body:not(.is-mobile) .workspace-leaf-content[data-type="search"] :is(.search-input-container + .clickable-icon, .search-input-container ~ .clickable-icon, .search-input-container + button, .search-input-container ~ button) { background: var(--ogd-search-input-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border: 1px solid var(--ogd-search-input-control-border); box-shadow: var(--ogd-search-input-control-shadow); } } @media (min-width: 701px) { body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5) { --ogd-file-action-icon-color: #334155; --ogd-file-action-accent-color: #0f766e; --ogd-file-action-icon-size: 19px; --ogd-file-action-button-bg: radial-gradient(circle at 74% 22%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.66)); --ogd-file-action-button-border: rgba(100, 116, 139, 0.28); --ogd-file-action-button-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(15, 23, 42, 0.06), 0 7px 18px rgba(15, 23, 42, 0.12); position: relative; border: 1px solid var(--ogd-file-action-button-border); background: var(--ogd-file-action-button-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(10px) saturate(140%)); backdrop-filter: var(--ogd-glass-filter-control, blur(10px) saturate(140%)); box-shadow: var(--ogd-file-action-button-shadow); color: var(--ogd-file-action-icon-color); transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease; } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5) { --ogd-file-action-icon-color: #cbd5e1; --ogd-file-action-accent-color: #2dd4bf; --ogd-file-action-button-bg: radial-gradient(circle at 74% 22%, rgba(148, 163, 184, 0.18), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.50)); --ogd-file-action-button-border: rgba(203, 213, 225, 0.22); --ogd-file-action-button-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.26), 0 8px 22px rgba(0, 0, 0, 0.36); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5):is(:hover, :focus-visible) { --ogd-file-action-icon-color: #111827; --ogd-file-action-button-bg: radial-gradient(circle at 74% 20%, rgba(255, 255, 255, 0.98), transparent 38%), radial-gradient(circle at 18% 78%, rgba(45, 212, 191, 0.12), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 249, 255, 0.72)); --ogd-file-action-button-border: rgba(15, 118, 110, 0.36); --ogd-file-action-button-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(15, 118, 110, 0.08), 0 12px 26px rgba(15, 23, 42, 0.16), 0 0 0 3px rgba(45, 212, 191, 0.08); transform: translateY(-1px); } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5):is(:hover, :focus-visible) { --ogd-file-action-icon-color: #f8fafc; --ogd-file-action-button-bg: radial-gradient(circle at 74% 20%, rgba(255, 255, 255, 0.14), transparent 38%), radial-gradient(circle at 18% 78%, rgba(45, 212, 191, 0.14), transparent 34%), linear-gradient(180deg, rgba(71, 85, 105, 0.78), rgba(15, 23, 42, 0.58)); --ogd-file-action-button-border: rgba(45, 212, 191, 0.34); --ogd-file-action-button-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(45, 212, 191, 0.08), 0 12px 28px rgba(0, 0, 0, 0.44), 0 0 0 3px rgba(45, 212, 191, 0.08); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):is(:nth-child(3), :nth-child(5)) { --ogd-file-action-accent-color: #0284c7; } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):is(:nth-child(3), :nth-child(5)) { --ogd-file-action-accent-color: #38bdf8; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5) > svg { opacity: 0; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5)::before, body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5)::after { content: ""; position: absolute; left: 50%; top: 50%; width: var(--ogd-file-action-icon-size); height: var(--ogd-file-action-icon-size); pointer-events: none; transform: translate(-50%, -50%); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5)::before { background-color: var(--ogd-file-action-icon-color); -webkit-mask: var(--ogd-file-action-mask) center / contain no-repeat; mask: var(--ogd-file-action-mask) center / contain no-repeat; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(-n+5)::after { background-color: var(--ogd-file-action-accent-color); -webkit-mask: var(--ogd-file-action-accent-mask) center / contain no-repeat; mask: var(--ogd-file-action-accent-mask) center / contain no-repeat; } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(1) { --ogd-file-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3.5h9l3 3v14H6zM15 3.5v3h3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ogd-file-action-accent-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.8l6.8-6.8 2.2 2.2L11.2 19H8.8z' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(2) { --ogd-file-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 8V6.6a2.6 2.6 0 0 1 2.6-2.6h5.4l2.7 3h3.7a2.6 2.6 0 0 1 2.6 2.6v8.8a2.6 2.6 0 0 1-2.6 2.6H6.1a2.6 2.6 0 0 1-2.6-2.6z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ogd-file-action-accent-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 15.5h6M17 12.5v6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(3) { --ogd-file-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.5 7h7M12.5 12h5M12.5 17h8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ogd-file-action-accent-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19V5M2.5 8.5L6 5l3.5 3.5' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(4) { --ogd-file-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 5.5h15a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-15a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2zM5.5 10h13' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ogd-file-action-accent-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 15h8' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E"); } body:not(.is-mobile) .workspace-leaf-content[data-type="file-explorer"] :is(.view-header .view-actions, .nav-header .nav-buttons-container) > :is(.view-action, .clickable-icon, .nav-action-button, button.clickable-icon):nth-child(5) { --ogd-file-action-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7.5l4 4 4-4M6 16.5l4-4 4 4' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ogd-file-action-accent-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8l2 2 2-2M19 6v4M17 17l2-2 2 2M19 15v4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } /* <<< src/chrome/37-tabs-file-explorer-search.css */ /* 10a-accessibility-motion-contrast.css -> themes/51 */ /* >>> src/themes/51-accessibility-motion-contrast.css */ /* v1.8.46 - Accessibility hardening for glass UI and motion-sensitive users. */ @media (prefers-reduced-motion: reduce) { body:not(.is-mobile) { --ogd-glass-filter: none; --ogd-glass-filter-soft: none; --ogd-glass-filter-control: none; --ogd-hover-lift: none; --ogd-hover-lift-subtle: none; --ogd-hover-shift: none; --ogd-press-lift: none; } body:not(.is-mobile) :is( .nav-file-title, .nav-folder-title, .breadcrumb, .view-header-breadcrumb, .view-header-title, .menu-item, .suggestion-item, .search-suggest-item, .search-input-container, .setting-item, .setting-item-control button, .checkbox-container, .canvas-control-item, .canvas-card-menu .clickable-icon, .workspace-leaf-content[data-type="graph"] .clickable-icon, .workspace-leaf-content[data-type="localgraph"] .clickable-icon, .workspace-leaf-content[data-type="backlink"] .tree-item-self, .workspace-leaf-content[data-type="outgoing-link"] .tree-item-self, .backlink-pane .tree-item-self, .outgoing-link-pane .tree-item-self, .status-bar-item-segment, .metadata-property, .editingToolbarModalBar .clickable-icon, .editingToolbarPopover .clickable-icon, .editingToolbarButton ), body:not(.is-mobile) :is(.prompt, .modal, .popover.hover-popover, .notice, .notice-container .notice) { transition-duration: 0.001ms; animation-duration: 0.001ms; animation-iteration-count: 1; scroll-behavior: auto; } body:not(.is-mobile) :is(.view-header-breadcrumb, .view-header-title)::before, body:not(.is-mobile) .view-header-title::after { transition-duration: 0.001ms; animation-duration: 0.001ms; animation-iteration-count: 1; } body:not(.is-mobile) :is( .nav-file-title, .nav-folder-title, .breadcrumb, .view-header-breadcrumb, .view-header-title, .menu-item, .suggestion-item, .search-suggest-item, .search-input-container, .setting-item, .setting-item-control button, .checkbox-container, .canvas-control-item, .canvas-card-menu .clickable-icon, .workspace-leaf-content[data-type="graph"] .clickable-icon, .workspace-leaf-content[data-type="localgraph"] .clickable-icon, .workspace-leaf-content[data-type="backlink"] .tree-item-self, .workspace-leaf-content[data-type="outgoing-link"] .tree-item-self, .backlink-pane .tree-item-self, .outgoing-link-pane .tree-item-self, .status-bar-item-segment, .metadata-property, .editingToolbarModalBar .clickable-icon, .editingToolbarPopover .clickable-icon, .editingToolbarButton ):is(:hover, :focus, :focus-visible, :focus-within, :active, .is-selected, .selected, [aria-selected="true"]) { transform: none; } } @media (prefers-contrast: more) { body:not(.is-mobile) { --ogd-glass-border: color-mix(in srgb, var(--header-accent) 42%, var(--background-modifier-border)); --ogd-glass-border-hover: var(--header-accent); } :is(button, a, input, textarea, select, [role="button"], [role="link"], [role="tab"], [role="menuitem"], .clickable-icon, .nav-file-title, .nav-folder-title, .workspace-tab-header, .suggestion-item):focus-visible { outline-width: 3px; outline-color: rgba(100, 116, 139, 0.72); box-shadow: 0 0 0 4px rgba(100, 116, 139, 0.18); } body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .popover.hover-popover .suggestion-item):is(.is-selected, .selected, [aria-selected="true"]) { border-color: var(--header-accent); box-shadow: inset 0 0 0 2px var(--header-accent), var(--ogd-glass-shadow-hover); } body:not(.is-mobile) .workspace-tab-header.is-active .workspace-tab-header-inner { border-color: var(--header-accent); box-shadow: var(--ogd-tab-glass-shadow); } body:not(.is-mobile) .workspace-leaf-content[data-type="search"] .search-input-container { border-color: var(--header-accent); } } @media (forced-colors: active) { body:not(.is-mobile) { --ogd-glass-bg: Canvas; --ogd-glass-bg-strong: Canvas; --ogd-glass-bg-hover: Highlight; --ogd-glass-border: ButtonBorder; --ogd-glass-border-hover: Highlight; --ogd-glass-shadow: none; --ogd-glass-shadow-hover: none; --ogd-glass-filter: none; --ogd-glass-filter-soft: none; --ogd-glass-filter-control: none; } :is(button, a, input, textarea, select, [role="button"], [role="link"], [role="tab"], [role="menuitem"], .clickable-icon, .nav-file-title, .nav-folder-title, .workspace-tab-header, .suggestion-item):focus-visible { outline: 2px solid Highlight; box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile) :is(.prompt, .modal, .popover.hover-popover, .notice, .notice-container .notice, .checkbox-container, .setting-item, .suggestion-item, .status-bar-item-segment, .workspace-tab-header-inner, .search-input-container) { border-color: ButtonBorder; box-shadow: var(--ogd-shadow-none, none); } } /* v2.30.4 - Forbidden left vertical bar removal (global force-disable). Policy: no strong-color left accent bars on headings, callouts, blockquotes, TOC, or PDF report sections. Box outlines and bottom underlines are allowed; left bars are not. */ body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(h1, h2, h3, h4, h5, h6), body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(blockquote, .callout, .HyperMD-callout, nav.toc, .table-of-contents, .toc, .report-toc, .ogd-executive-summary, .ogd-action-summary) { border-left: 0; border-inline-start: 0; border-left-width: 0; } body:not(.ogd-heading-printclean):not(.ogd-heading-keyline):not(.ogd-heading-bracket):not(.ogd-heading-quiet-ledger):not(.ogd-heading-focus-bar):not(.ogd-heading-double-rule):not(.ogd-heading-tag-ribbon):not(.ogd-heading-number-stamp):not(.ogd-heading-grid-index) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(h1, h2, h3, h4, h5, h6)::before, body :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(blockquote, .callout, .HyperMD-callout, .ogd-executive-summary, .ogd-action-summary)::before { border-left: 0; border-inline-start: 0; border-image: none; box-shadow: none; background-image: none; } .markdown-source-view.mod-cm6 :is(.cm-callout, .HyperMD-callout, .HyperMD-quote, blockquote) { border-left: 0; border-inline-start: 0; } .markdown-source-view.mod-cm6 :is(.cm-callout, .HyperMD-callout, .HyperMD-quote, blockquote)::before { border-left: 0; border-inline-start: 0; border-image: none; box-shadow: none; background-image: none; } /* <<< src/themes/51-accessibility-motion-contrast.css */ /* 10b-liquid-glass-core.css -> surfaces/23 */ /* >>> src/surfaces/23-liquid-glass-core.css */ /* ============================================================ v2.22.30 - Owen Graphite Liquid Glass core tab rim hotfix - Promotes the approved state matrix into shared chrome tokens. - Uses Mist Blue for active rims and Frost Aqua for focus halos. - Keeps workspace tabs neutral because their shape already signals state. FORBIDDEN — CM6 hit-routing contract: - .cm-active.cm-line { outline | box-shadow with offset | transform | vertical padding } - .cm-callout / .cm-table-widget direct vertical margin - .HyperMD-* .cm-line direct vertical margin/padding See: dev/MAP/cm6-hit-routing-contract.md ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) { /* Token map: docs/liquid-glass-token-map.md. Reference order: hover sample first, state matrix second. */ --ogd-rim-active: rgba(186, 230, 253, 0.76); --ogd-rim-active-low: rgba(125, 211, 252, 0.30); --ogd-rim-hover: rgba(147, 197, 253, 0.54); --ogd-rim-focus: rgba(103, 232, 249, 0.62); --ogd-rim-focus-outline: rgba(103, 232, 249, 0.24); --ogd-rim-focus-halo: rgba(103, 232, 249, 0.15); --ogd-surface-tint-aqua: rgba(224, 242, 254, 0.50); --ogd-surface-tint-aqua-soft: rgba(186, 230, 253, 0.16); --ogd-lg-mist-rim: var(--ogd-rim-active); --ogd-lg-mist-rim-dark: rgba(186, 230, 253, 0.42); --ogd-lg-mist-fill: var(--ogd-surface-tint-aqua); --ogd-lg-mist-glow: var(--ogd-surface-tint-aqua-soft); --ogd-lg-mist-line: var(--ogd-rim-active-low); --ogd-lg-frost-rim: var(--ogd-rim-focus); --ogd-lg-frost-halo: var(--ogd-rim-focus-halo); --ogd-lg-frost-outline: var(--ogd-rim-focus-outline); --ogd-lg-surface-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.62), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.44), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.28) 54%, rgba(248, 250, 252, 0.18)); --ogd-lg-surface-bg-hover: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.68), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.46), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.32) 54%, rgba(248, 250, 252, 0.20)); --ogd-lg-surface-bg-active: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.68), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.46), transparent 32%), linear-gradient(180deg, var(--ogd-lg-mist-fill), rgba(255, 255, 255, 0.28) 54%, rgba(248, 250, 252, 0.18)); --ogd-lg-control-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.58), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.42), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(241, 245, 249, 0.24)); --ogd-lg-edge: rgba(255, 255, 255, 0.72); --ogd-lg-edge-low: rgba(100, 116, 139, 0.24); --ogd-lg-border: rgba(203, 213, 225, 0.34); --ogd-lg-border-hover: var(--ogd-rim-hover); --ogd-lg-shadow: 0 18px 44px rgba(15, 23, 42, 0.18), 0 6px 16px rgba(15, 23, 42, 0.12), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-hover: 0 28px 64px rgba(15, 23, 42, 0.24), 0 10px 24px rgba(15, 23, 42, 0.16), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-active: 0 22px 52px rgba(15, 23, 42, 0.22), 0 0 0 3px var(--ogd-lg-mist-glow), inset 0 0 0 1px var(--ogd-lg-mist-line), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-focus: 0 18px 44px rgba(15, 23, 42, 0.18), 0 0 0 3px var(--ogd-lg-frost-halo), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-pane-shell-shadow: inset 0 1px 0 var(--ogd-lg-edge), 0 10px 24px rgba(15, 23, 42, 0.08); --ogd-lg-pane-header-shadow: inset 0 1px 0 var(--ogd-lg-edge), 0 6px 14px rgba(15, 23, 42, 0.06); --ogd-lg-tab-border: var(--ogd-surface-transparent, transparent); --ogd-lg-tab-border-hover: rgba(203, 213, 225, 0.34); --ogd-lg-tab-focus-outline: var(--ogd-surface-transparent, transparent); --ogd-lg-tab-shadow: 0 16px 36px rgba(15, 23, 42, 0.16), 0 5px 12px rgba(15, 23, 42, 0.10), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-tab-shadow-hover: 0 22px 48px rgba(15, 23, 42, 0.20), 0 7px 16px rgba(15, 23, 42, 0.12), inset 0 1px 0 var(--ogd-lg-edge); --ogd-topbar-icon-hover-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.78), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.70), rgba(248, 250, 252, 0.52)); --ogd-topbar-icon-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 8px 16px rgba(15, 23, 42, 0.10); --ogd-lg-row-active-bg: radial-gradient(circle at 42% 16%, rgba(255, 255, 255, 0.68), transparent 0 30%), linear-gradient(142deg, rgba(255, 255, 255, 0.44), transparent 34%), linear-gradient(180deg, rgba(224, 242, 254, 0.68), rgba(240, 249, 255, 0.44)); --ogd-lg-row-active-shadow: 0 20px 46px rgba(15, 23, 42, 0.16), 0 7px 18px rgba(15, 23, 42, 0.10), 0 0 0 1px var(--ogd-rim-active-low), 0 0 0 4px var(--ogd-surface-tint-aqua-soft); --ogd-glass-filter: blur(28px) saturate(180%) contrast(106%) brightness(1.03); --ogd-glass-filter-soft: blur(18px) saturate(170%) contrast(104%) brightness(1.02); --ogd-glass-filter-control: blur(12px) saturate(152%) contrast(103%) brightness(1.02); --ogd-glass-bg: var(--ogd-lg-surface-bg); --ogd-glass-bg-strong: var(--ogd-lg-surface-bg-active); --ogd-glass-bg-hover: var(--ogd-lg-surface-bg-hover); --ogd-glass-surface-bg: var(--ogd-lg-surface-bg); --ogd-glass-toolbar-bg: var(--ogd-lg-surface-bg); --ogd-glass-control-bg: var(--ogd-lg-control-bg); --ogd-glass-control-hover-bg: var(--ogd-lg-surface-bg-hover); --ogd-glass-border: var(--ogd-lg-border); --ogd-glass-border-hover: var(--ogd-lg-border-hover); --ogd-glass-shadow: var(--ogd-lg-shadow); --ogd-glass-shadow-hover: var(--ogd-lg-shadow-hover); --ogd-glass-control-shadow: 0 10px 24px rgba(15, 23, 42, 0.12), inset 0 1px 0 var(--ogd-lg-edge); --ogd-tab-glass-bg: var(--ogd-lg-surface-bg-active); --ogd-tab-glass-bg-hover: var(--ogd-lg-surface-bg-hover); --ogd-tab-glass-border: var(--ogd-lg-tab-border); --ogd-tab-glass-border-hover: var(--ogd-lg-tab-border-hover); --ogd-tab-glass-border-bottom: var(--ogd-surface-transparent, transparent); --ogd-tab-glass-shadow: var(--ogd-lg-tab-shadow); --ogd-tab-glass-shadow-hover: var(--ogd-lg-tab-shadow-hover); } body:not(.is-mobile).theme-dark { --ogd-rim-active: rgba(186, 230, 253, 0.42); --ogd-rim-active-low: rgba(125, 211, 252, 0.22); --ogd-rim-hover: rgba(186, 230, 253, 0.30); --ogd-rim-focus: rgba(103, 232, 249, 0.42); --ogd-rim-focus-outline: rgba(103, 232, 249, 0.18); --ogd-rim-focus-halo: rgba(103, 232, 249, 0.10); --ogd-surface-tint-aqua: rgba(14, 116, 144, 0.20); --ogd-surface-tint-aqua-soft: rgba(186, 230, 253, 0.10); --ogd-lg-mist-fill: var(--ogd-surface-tint-aqua); --ogd-lg-mist-glow: var(--ogd-surface-tint-aqua-soft); --ogd-lg-mist-line: var(--ogd-rim-active-low); --ogd-lg-frost-rim: var(--ogd-rim-focus); --ogd-lg-frost-halo: var(--ogd-rim-focus-halo); --ogd-lg-frost-outline: var(--ogd-rim-focus-outline); --ogd-lg-surface-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.14), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 32%), linear-gradient(180deg, rgba(71, 85, 105, 0.58), rgba(30, 41, 59, 0.30) 54%, rgba(15, 23, 42, 0.22)); --ogd-lg-surface-bg-hover: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.16), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.12), transparent 32%), linear-gradient(180deg, rgba(71, 85, 105, 0.68), rgba(30, 41, 59, 0.36) 54%, rgba(15, 23, 42, 0.26)); --ogd-lg-surface-bg-active: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.14), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.11), transparent 32%), linear-gradient(180deg, rgba(14, 116, 144, 0.20), rgba(30, 41, 59, 0.30) 54%, rgba(15, 23, 42, 0.22)); --ogd-lg-control-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.12), transparent 0 28%), linear-gradient(142deg, rgba(255, 255, 255, 0.09), transparent 32%), linear-gradient(180deg, rgba(51, 65, 85, 0.56), rgba(30, 41, 59, 0.30)); --ogd-lg-edge: rgba(255, 255, 255, 0.18); --ogd-lg-edge-low: rgba(15, 23, 42, 0.64); --ogd-lg-border: rgba(203, 213, 225, 0.18); --ogd-lg-border-hover: var(--ogd-rim-hover); --ogd-lg-shadow: 0 18px 46px rgba(0, 0, 0, 0.46), 0 6px 18px rgba(0, 0, 0, 0.32), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-hover: 0 30px 72px rgba(0, 0, 0, 0.56), 0 12px 28px rgba(0, 0, 0, 0.38), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-active: 0 22px 54px rgba(0, 0, 0, 0.54), 0 0 0 3px var(--ogd-lg-mist-glow), inset 0 0 0 1px var(--ogd-lg-mist-line), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-shadow-focus: 0 18px 46px rgba(0, 0, 0, 0.46), 0 0 0 3px var(--ogd-lg-frost-halo), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-pane-shell-shadow: inset 0 1px 0 var(--ogd-lg-edge), 0 10px 26px rgba(0, 0, 0, 0.30); --ogd-lg-pane-header-shadow: inset 0 1px 0 var(--ogd-lg-edge), 0 7px 16px rgba(0, 0, 0, 0.24); --ogd-lg-tab-border-hover: rgba(203, 213, 225, 0.18); --ogd-lg-tab-focus-outline: var(--ogd-surface-transparent, transparent); --ogd-lg-tab-shadow: 0 16px 38px rgba(0, 0, 0, 0.42), 0 5px 14px rgba(0, 0, 0, 0.28), inset 0 1px 0 var(--ogd-lg-edge); --ogd-lg-tab-shadow-hover: 0 24px 54px rgba(0, 0, 0, 0.50), 0 8px 18px rgba(0, 0, 0, 0.32), inset 0 1px 0 var(--ogd-lg-edge); --ogd-topbar-icon-hover-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.14), transparent 0 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.54), rgba(15, 23, 42, 0.38)); --ogd-topbar-icon-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 20px rgba(0, 0, 0, 0.26); --ogd-lg-row-active-bg: radial-gradient(circle at 42% 16%, rgba(255, 255, 255, 0.14), transparent 0 30%), linear-gradient(142deg, rgba(255, 255, 255, 0.09), transparent 34%), linear-gradient(180deg, rgba(14, 116, 144, 0.34), rgba(15, 23, 42, 0.32)); --ogd-lg-row-active-shadow: 0 20px 48px rgba(0, 0, 0, 0.44), 0 7px 20px rgba(0, 0, 0, 0.30), 0 0 0 1px var(--ogd-rim-active-low), 0 0 0 4px var(--ogd-surface-tint-aqua-soft); } body:not(.is-mobile) :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action) { --ogd-ribbon-icon-border: var(--ogd-surface-transparent, transparent); --ogd-ribbon-icon-bg: var(--ogd-lg-control-bg); --ogd-ribbon-icon-shadow: 0 10px 24px rgba(15, 23, 42, 0.12), inset 0 1px 0 var(--ogd-lg-edge); } body:not(.is-mobile) :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action):hover { --ogd-ribbon-icon-border: var(--ogd-lg-border-hover); --ogd-ribbon-icon-bg: var(--ogd-lg-surface-bg-hover); --ogd-ribbon-icon-shadow: var(--ogd-lg-shadow-hover); } body:not(.is-mobile) :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action):is(.is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"]) { --ogd-ribbon-icon-border: var(--ogd-lg-mist-rim); --ogd-ribbon-icon-bg: var(--ogd-lg-surface-bg-active); --ogd-ribbon-icon-shadow: var(--ogd-lg-shadow-active); } body:not(.is-mobile) :is(.workspace-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action):focus-visible { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } body:not(.is-mobile) :is(.view-header .view-actions, .view-actions, .view-header-nav-buttons) { gap: 4px; align-items: center; } body:not(.is-mobile) :is(.view-header, .view-actions, .view-header-nav-buttons) :is(.view-action, .clickable-icon, button.clickable-icon) { padding: 5px; border: 1px solid var(--ogd-lg-border); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-lg-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); box-shadow: var(--ogd-glass-control-shadow); color: var(--icon-color, var(--text-muted)); transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease; } body:not(.is-mobile) :is(.view-header, .view-actions, .view-header-nav-buttons) :is(.view-action, .clickable-icon, button.clickable-icon):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]) { border-color: var(--ogd-lg-border-hover); background: var(--ogd-lg-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); box-shadow: var(--ogd-glass-control-shadow); color: var(--text-normal); } body:not(.is-mobile) :is(.view-header, .view-actions, .view-header-nav-buttons) :is(.view-action, .clickable-icon, button.clickable-icon):focus-visible { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } /* Final floating-surface owner: earlier modules keep legacy baselines, this block wins the live chrome. */ body:not(.is-mobile) :is(.prompt, .modal, .popover, .popover.hover-popover, .hover-popover .markdown-embed, .hover-popover .markdown-embed-content, .menu, [role="menu"], .suggestion-container, .tooltip, [role="tooltip"]) { --background-modifier-message: var(--ogd-surface-transparent, transparent); --text-on-accent: var(--text-normal); background: var(--ogd-lg-surface-bg); -webkit-backdrop-filter: var(--ogd-glass-filter); backdrop-filter: var(--ogd-glass-filter); border: 1px solid var(--ogd-lg-border); border-color: var(--ogd-lg-border); box-shadow: var(--ogd-lg-shadow); } body:not(.is-mobile) :is(.tooltip, [role="tooltip"]) { border-radius: var(--ogd-radius-control, 7px); color: var(--text-normal); } body:not(.is-mobile) :is(.tooltip, [role="tooltip"]) :is(.tooltip-content, .tooltip-inner, .tooltip-title, .tooltip-description), body:not(.is-mobile) :is(.popover, .popover.hover-popover) :is(.popover-content, .markdown-embed, .markdown-embed-content, .markdown-preview-view, .markdown-rendered) { background: var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); color: inherit; } body:not(.is-mobile) :is(.tooltip, [role="tooltip"]) :is(.tooltip-title, .tooltip-content strong, .tooltip-inner strong), body:not(.is-mobile) :is(.popover, .popover.hover-popover) :is(.markdown-embed-title, .inline-title, h1, h2, h3) { color: var(--text-normal); } body:not(.is-mobile) .tooltip .tooltip-arrow { border-top-color: rgba(255, 255, 255, 0.66); border-right-color: rgba(255, 255, 255, 0.66); border-bottom-color: rgba(255, 255, 255, 0.66); border-left-color: rgba(255, 255, 255, 0.66); filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.14)); } /* Final side-pane owner: shell, header, row, and inner-label layers stay in one late cascade group. */ body:not(.is-mobile) :is( .workspace-split.mod-left-split .workspace-leaf, .workspace-split.mod-right-split .workspace-leaf, .workspace-split.mod-left-split .workspace-leaf-content, .workspace-split.mod-right-split .workspace-leaf-content, .workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content, .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"], .backlink-pane, .outgoing-link-pane, .outline, .outline-view, .bookmarks-view, .tag-container, .search-result-container ) { background: var(--ogd-lg-surface-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-soft); backdrop-filter: var(--ogd-glass-filter-soft); border-color: var(--ogd-lg-border); box-shadow: var(--ogd-lg-pane-shell-shadow); } body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) :is(.view-header, .workspace-tab-header-container) { background: var(--ogd-lg-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border-bottom-color: var(--ogd-lg-border); box-shadow: var(--ogd-lg-pane-header-shadow); } body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) .workspace-tab-header :is(.workspace-tab-header-inner, .workspace-tab-header-inner-icon), body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) :is(.workspace-tab-header-new-tab, .workspace-tab-header-container .clickable-icon, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right) { background: var(--ogd-lg-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border-color: var(--ogd-lg-border); box-shadow: var(--ogd-glass-control-shadow); color: var(--icon-color, var(--text-muted)); } body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) .workspace-tab-header:is(:hover, :focus-within, .is-active) :is(.workspace-tab-header-inner, .workspace-tab-header-inner-icon), body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) :is(.workspace-tab-header-new-tab, .workspace-tab-header-container .clickable-icon, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right):is(:hover, :focus-visible, .is-active, .mod-active, [aria-expanded="true"]) { background: var(--ogd-lg-surface-bg-hover); border-color: var(--ogd-lg-border-hover); box-shadow: var(--ogd-glass-control-shadow); color: var(--text-normal); } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"] ) :is( .backlink-pane, .outgoing-link-pane, .outline, .outline-view, .bookmarks-view, .tag-container, .search-result-container, .search-results-children, .search-result-file-matches, .tree-item-children ) { background: var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"], .backlink-pane, .outgoing-link-pane, .outline, .outline-view, .bookmarks-view, .tag-container, .search-result-container ) :is( .tree-item-self.is-clickable, .tree-item-self.mod-collapsible, .tree-item-self.is-collapsed, .tree-item-self.is-active, .tag-pane-tag, .search-result-file-title, .search-result-file-match, .search-empty-state, .empty-state, .empty-state-container ) { background: var(--ogd-lg-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border: 1px solid var(--ogd-lg-border); border-radius: var(--ogd-radius-control, 7px); box-shadow: var(--ogd-glass-control-shadow); color: var(--text-muted); } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"], .backlink-pane, .outgoing-link-pane, .outline, .outline-view, .bookmarks-view, .tag-container, .search-result-container ) :is( .tree-item-self.is-clickable, .tree-item-self.mod-collapsible, .tree-item-self.is-collapsed, .tree-item-self.is-active, .tag-pane-tag, .search-result-file-title ):is(:hover, :focus-within, .is-active, .mod-current) { background: var(--ogd-lg-surface-bg-hover); border-color: var(--ogd-lg-border-hover); box-shadow: var(--ogd-glass-control-shadow); color: var(--text-normal); } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"], .backlink-pane, .outgoing-link-pane, .outline, .outline-view, .bookmarks-view, .tag-container, .search-result-container ) :is(.tree-item-inner, .tree-item-flair, .search-result-file-title, .search-empty-state) { color: inherit; } body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .suggestion-container .suggestion-item, .menu .menu-item, [role="menu"] [role="menuitem"]):is(:hover, :focus, :active, .is-selected, .selected, [aria-selected="true"]) { background: var(--ogd-lg-surface-bg-active); border-color: var(--ogd-lg-mist-rim); box-shadow: var(--ogd-lg-shadow-active); } body:not(.is-mobile) :is(.prompt-input, .search-input-container, .modal input[type="text"], .modal input[type="search"], .modal textarea, .modal select, .modal .dropdown) { background: var(--ogd-lg-control-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border-color: var(--ogd-lg-border); box-shadow: var(--ogd-glass-control-shadow); } body:not(.is-mobile) :is(.prompt-input, .search-input-container:not(.modal.mod-community-theme .search-input-container):not(.modal .community-modal .search-input-container), .modal input[type="text"]:not(.modal-container.mod-confirmation .modal:not(.mod-settings) input[type="text"]):not(.modal.mod-community-theme input[type="text"]):not(.modal .community-modal input[type="text"]), .modal input[type="search"]:not(.modal-container.mod-confirmation .modal:not(.mod-settings) input[type="search"]):not(.modal.mod-community-theme input[type="search"]):not(.modal .community-modal input[type="search"]), .modal textarea:not(.modal-container.mod-confirmation .modal:not(.mod-settings) textarea), .modal select:not(.modal-container.mod-confirmation .modal:not(.mod-settings) select), .modal .dropdown:not(.modal-container.mod-confirmation .modal:not(.mod-settings) .dropdown)):is(:focus, :focus-visible, :focus-within) { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } body:not(.is-mobile) .workspace-tab-header.is-active .workspace-tab-header-inner { border-color: var(--ogd-lg-tab-border); border-bottom-color: var(--ogd-surface-transparent, transparent); background: var(--ogd-lg-surface-bg-active); box-shadow: var(--ogd-lg-tab-shadow); outline: none; outline-offset: 0; } body:not(.is-mobile) .workspace-tab-header:not(.is-active):is(:hover, :focus-within) .workspace-tab-header-inner { border-color: var(--ogd-lg-tab-border-hover); border-bottom-color: var(--ogd-surface-transparent, transparent); background: var(--ogd-lg-surface-bg-hover); box-shadow: var(--ogd-lg-tab-shadow-hover); } body:not(.is-mobile) .workspace-tab-header:focus-within .workspace-tab-header-inner { outline: none; outline-offset: 0; } body:not(.is-mobile) :is(.nav-file-title:hover .nav-file-title-content, .nav-folder-title:hover .nav-folder-title-content, .tree-item-self:hover .tree-item-inner) { background: var(--ogd-lg-surface-bg-hover); border-color: var(--ogd-lg-border-hover); box-shadow: var(--ogd-lg-shadow-hover); } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"], .backlink-pane, .outgoing-link-pane, .outline, .outline-view, .bookmarks-view, .tag-container, .search-result-container ) :is(.tree-item-self.is-clickable, .tree-item-self.mod-collapsible, .tree-item-self.is-collapsed, .tree-item-self.is-active) > .tree-item-inner, body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"], .backlink-pane, .outgoing-link-pane, .outline, .outline-view, .bookmarks-view, .tag-container, .search-result-container ) :is(.tree-item-self.is-clickable, .tree-item-self.mod-collapsible, .tree-item-self.is-collapsed, .tree-item-self.is-active):is(:hover, :focus-within) > .tree-item-inner { background: var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); box-shadow: var(--ogd-shadow-none, none); color: var(--text-normal); font-weight: 720; text-shadow: none; } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"], .backlink-pane, .outgoing-link-pane, .outline, .outline-view, .bookmarks-view, .tag-container, .search-result-container ) :is(.search-empty-state, .empty-state, .empty-state-container) { -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border: 1px solid var(--ogd-lg-border); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-lg-control-bg); border-color: var(--ogd-lg-border); box-shadow: var(--ogd-glass-control-shadow); color: var(--text-muted); } body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content { border: 1px solid var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); border-bottom-color: var(--ogd-surface-transparent, transparent); background: var(--ogd-lg-row-active-bg); box-shadow: var(--ogd-lg-row-active-shadow); color: var(--text-normal); font-weight: 850; text-decoration: none; } body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content::before { opacity: 1; background-color: rgba(71, 85, 105, 0.84); } body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content::after { content: none; } body:not(.is-mobile) :is(.nav-file-title, .nav-folder-title, .tree-item-self):focus-visible :is(.nav-file-title-content, .nav-folder-title-content, .tree-item-inner) { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } } @media (min-width: 701px) { body:not(.is-mobile).ogd-glass-off { --ogd-lg-surface-bg: var(--background-primary); --ogd-lg-surface-bg-hover: var(--background-modifier-hover); --ogd-lg-surface-bg-active: var(--background-primary); --ogd-lg-control-bg: var(--background-primary-alt); --ogd-lg-shadow: none; --ogd-lg-shadow-hover: none; --ogd-lg-shadow-active: none; --ogd-lg-shadow-focus: 0 0 0 2px var(--ogd-lg-frost-outline); --ogd-glass-filter: none; --ogd-glass-filter-soft: none; --ogd-glass-filter-control: none; } } /* ============================================================ v2.22.31 - Table mode separation and focus halo polish - Keeps default wiki tables airy and glass-like. - Gives report-mode tables crisper document/PDF hierarchy. - Promotes Frost Aqua focus as a visible, non-shifting glass state. ============================================================ */ :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { margin-top: 1.1em; margin-bottom: 2.5em; width: auto; max-width: 100%; border-collapse: collapse; font-size: 0.92em; border: 1px solid var(--ogd-line-soft, #e5e7eb); border-radius: var(--ogd-radius-control, 7px); --ogd-table-pad-y: 0.58em; --ogd-table-pad-x: 0.78em; --ogd-table-font-size: 0.96em; --ogd-table-line-height: 1.42; --ogd-table-surface: radial-gradient(circle at 42% 14%, rgba(255, 255, 255, 0.62), transparent 0 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.54)); --ogd-table-head-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.70), transparent 0 30%), linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(241, 245, 249, 0.66)); --ogd-table-border: rgba(203, 213, 225, 0.58); --ogd-table-cell-border: rgba(226, 232, 240, 0.84); --ogd-table-row-hover: rgba(240, 249, 255, 0.54); --ogd-table-row-even: rgba(248, 250, 252, 0.62); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88); background: var(--ogd-table-surface); border-color: var(--ogd-table-border); box-shadow: var(--ogd-table-shadow); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table th { border-bottom: 1px solid var(--ogd-text-soft, #94a3b8); background: var(--ogd-table-head-bg); color: var(--ogd-text-slate, #334155); border-color: var(--ogd-table-cell-border); border-bottom-color: rgba(148, 163, 184, 0.58); font-weight: 780; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td { border-color: var(--ogd-table-cell-border); color: var(--ogd-text-slate, #334155); } body.ogd-zebra-disabled-permanently :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:nth-child(even) td { background: var(--ogd-table-row-even); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:hover td { background: var(--ogd-table-row-hover); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table) { --ogd-html-table-surface: radial-gradient(circle at 78% 12%, rgba(255, 255, 255, 0.72), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.62)); --ogd-html-table-head-bg: radial-gradient(circle at 42% 10%, rgba(255, 255, 255, 0.82), transparent 0 32%), linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.72)); --ogd-html-table-axis-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(241, 245, 249, 0.68)); --ogd-html-table-caption-bg: radial-gradient(circle at 82% 18%, rgba(224, 242, 254, 0.46), transparent 0 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.56)); --ogd-html-table-border: rgba(203, 213, 225, 0.72); --ogd-html-table-cell-border: rgba(226, 232, 240, 0.92); --ogd-html-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(15, 23, 42, 0.035), 0 10px 28px rgba(15, 23, 42, 0.08); border-collapse: separate; border-spacing: 0; border-color: var(--ogd-html-table-border); border-radius: var(--radius-l, 8px); background: var(--ogd-html-table-surface); box-shadow: var(--ogd-html-table-shadow); overflow: hidden; } @supports selector(table:has(caption)) { :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:has(caption) { --ogd-html-table-surface: radial-gradient(circle at 78% 12%, rgba(255, 255, 255, 0.72), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.62)); --ogd-html-table-head-bg: radial-gradient(circle at 42% 10%, rgba(255, 255, 255, 0.82), transparent 0 32%), linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.72)); --ogd-html-table-axis-bg: linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(241, 245, 249, 0.68)); --ogd-html-table-caption-bg: radial-gradient(circle at 82% 18%, rgba(224, 242, 254, 0.46), transparent 0 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.56)); --ogd-html-table-border: rgba(203, 213, 225, 0.72); --ogd-html-table-cell-border: rgba(226, 232, 240, 0.92); --ogd-html-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -1px 0 rgba(15, 23, 42, 0.035), 0 10px 28px rgba(15, 23, 42, 0.08); border-collapse: separate; border-spacing: 0; border-color: var(--ogd-html-table-border); border-radius: 0 0 var(--radius-l, 8px) var(--radius-l, 8px); background: var(--ogd-html-table-surface); box-shadow: var(--ogd-html-table-shadow); overflow: hidden; } } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table) thead th { background: var(--ogd-html-table-head-bg, var(--ogd-table-head-bg)); border-color: var(--ogd-html-table-cell-border, var(--ogd-table-cell-border)); border-bottom-color: rgba(148, 163, 184, 0.62); color: var(--ogd-text-slate, #334155); font-weight: 800; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table) thead th { text-align: left; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table) :is(th, td) { border-color: var(--ogd-html-table-cell-border, var(--ogd-table-cell-border)); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.matrix-table) tbody td:first-child { background: var(--ogd-html-table-axis-bg, rgba(248, 250, 252, 0.72)); color: var(--ogd-text-strong, #111827); font-weight: 780; box-shadow: 1px 0 0 rgba(203, 213, 225, 0.62); } @supports selector(table:has(caption)) { :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:has(caption) thead th { background: var(--ogd-html-table-head-bg, var(--ogd-table-head-bg)); border-color: var(--ogd-html-table-cell-border, var(--ogd-table-cell-border)); border-bottom-color: rgba(148, 163, 184, 0.62); color: var(--ogd-text-slate, #334155); font-weight: 800; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:has(caption):not(.matrix-table) thead th { text-align: left; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:has(caption) :is(th, td) { border-color: var(--ogd-html-table-cell-border, var(--ogd-table-cell-border)); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:has(caption):not(.matrix-table):not(.risk-table) tbody td:first-child { background: var(--ogd-html-table-axis-bg, rgba(248, 250, 252, 0.72)); color: var(--ogd-text-strong, #111827); font-weight: 780; box-shadow: 1px 0 0 rgba(203, 213, 225, 0.62); } } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table caption { caption-side: top; margin: 0; padding: 0.7em 0.9em; border: 1px solid var(--ogd-html-table-border, var(--ogd-table-border, rgba(203, 213, 225, 0.72))); border-bottom: 0; border-radius: var(--radius-l, 8px) var(--radius-l, 8px) 0 0; background: var(--ogd-html-table-caption-bg, linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.52))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90); color: var(--ogd-text-subtle, #475569); font-size: 0.92em; font-weight: 780; line-height: 1.35; text-align: left; -webkit-print-color-adjust: exact; print-color-adjust: exact; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table caption :is(.table-status, .ogd-caption-chip, .status) { display: inline-flex; align-items: center; min-height: 1.55em; margin-left: 0.55em; padding: 0.12em 0.58em; border: 1px solid rgba(125, 211, 252, 0.48); border-radius: var(--ogd-radius-pill, 999px); background: linear-gradient(180deg, rgba(240, 249, 255, 0.92), rgba(224, 242, 254, 0.64)); color: #0369a1; font-size: 0.78em; font-weight: 780; line-height: 1.2; white-space: nowrap; } :is( body.ogd-report-mode :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view), .markdown-rendered.ogd-report-mode, .markdown-preview-view.ogd-report-mode, .markdown-reading-view.ogd-report-mode, .markdown-preview-view.ogd-report-mode .markdown-rendered, .markdown-reading-view.ogd-report-mode .markdown-rendered ) table { --ogd-table-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.92)); --ogd-table-head-bg: linear-gradient(180deg, #f1f5f9, #e8eef6); --ogd-table-border: rgba(148, 163, 184, 0.72); --ogd-table-cell-border: rgba(203, 213, 225, 0.92); --ogd-table-row-hover: #f8fafc; --ogd-table-row-even: #fbfdff; --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96); table-layout: auto; } :is( body.ogd-report-mode :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view), .markdown-rendered.ogd-report-mode, .markdown-preview-view.ogd-report-mode, .markdown-reading-view.ogd-report-mode, .markdown-preview-view.ogd-report-mode .markdown-rendered, .markdown-reading-view.ogd-report-mode .markdown-rendered ) table :is(th, td):first-child { color: var(--ogd-text-strong, #111827); font-weight: 720; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table.comparison-table :is(th, td):first-child { color: var(--ogd-text-strong, #111827); font-weight: 700; background: linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(241, 245, 249, 0.76)); box-shadow: 1px 0 0 rgba(203, 213, 225, 0.72); } :is( body.ogd-report-mode :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view), .markdown-rendered.ogd-report-mode, .markdown-preview-view.ogd-report-mode, .markdown-reading-view.ogd-report-mode, .markdown-preview-view.ogd-report-mode .markdown-rendered, .markdown-reading-view.ogd-report-mode .markdown-rendered ) table.comparison-table :is(th, td):first-child { background: #eef2f7; box-shadow: 1px 0 0 rgba(148, 163, 184, 0.66); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { border-color: var(--ogd-line-dark, #334155); box-shadow: var(--ogd-shadow-none, none); --ogd-table-surface: radial-gradient(circle at 42% 14%, rgba(255, 255, 255, 0.12), transparent 0 30%), linear-gradient(180deg, rgba(30, 41, 59, 0.68), rgba(15, 23, 42, 0.48)); --ogd-table-head-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.13), transparent 0 30%), linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(30, 41, 59, 0.58)); --ogd-table-border: rgba(203, 213, 225, 0.20); --ogd-table-cell-border: rgba(71, 85, 105, 0.56); --ogd-table-row-hover: rgba(51, 65, 85, 0.42); --ogd-table-row-even: rgba(15, 23, 42, 0.26); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table) { --ogd-html-table-surface: radial-gradient(circle at 78% 12%, rgba(255, 255, 255, 0.13), transparent 0 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.54)); --ogd-html-table-head-bg: radial-gradient(circle at 42% 10%, rgba(255, 255, 255, 0.14), transparent 0 32%), linear-gradient(180deg, rgba(51, 65, 85, 0.82), rgba(30, 41, 59, 0.66)); --ogd-html-table-axis-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.76), rgba(15, 23, 42, 0.50)); --ogd-html-table-caption-bg: radial-gradient(circle at 82% 18%, rgba(14, 165, 233, 0.18), transparent 0 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.70), rgba(15, 23, 42, 0.52)); --ogd-html-table-border: rgba(203, 213, 225, 0.26); --ogd-html-table-cell-border: rgba(71, 85, 105, 0.68); --ogd-html-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), inset 0 -1px 0 rgba(0, 0, 0, 0.22), 0 12px 30px rgba(0, 0, 0, 0.30); } @supports selector(table:has(caption)) { .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table:has(caption) { --ogd-html-table-surface: radial-gradient(circle at 78% 12%, rgba(255, 255, 255, 0.13), transparent 0 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.54)); --ogd-html-table-head-bg: radial-gradient(circle at 42% 10%, rgba(255, 255, 255, 0.14), transparent 0 32%), linear-gradient(180deg, rgba(51, 65, 85, 0.82), rgba(30, 41, 59, 0.66)); --ogd-html-table-axis-bg: linear-gradient(180deg, rgba(30, 41, 59, 0.76), rgba(15, 23, 42, 0.50)); --ogd-html-table-caption-bg: radial-gradient(circle at 82% 18%, rgba(14, 165, 233, 0.18), transparent 0 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.70), rgba(15, 23, 42, 0.52)); --ogd-html-table-border: rgba(203, 213, 225, 0.26); --ogd-html-table-cell-border: rgba(71, 85, 105, 0.68); --ogd-html-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), inset 0 -1px 0 rgba(0, 0, 0, 0.22), 0 12px 30px rgba(0, 0, 0, 0.30); } } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table caption { color: var(--ogd-line-strong, #cbd5e1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); } .theme-dark :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table caption :is(.table-status, .ogd-caption-chip, .status) { border-color: rgba(186, 230, 253, 0.26); background: linear-gradient(180deg, rgba(14, 116, 144, 0.34), rgba(15, 23, 42, 0.28)); color: #bae6fd; } .theme-dark :is( body.ogd-report-mode :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view), .markdown-rendered.ogd-report-mode, .markdown-preview-view.ogd-report-mode, .markdown-reading-view.ogd-report-mode, .markdown-preview-view.ogd-report-mode .markdown-rendered, .markdown-reading-view.ogd-report-mode .markdown-rendered ) table, body.theme-dark.ogd-report-mode :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { --ogd-table-surface: linear-gradient(180deg, rgba(30, 41, 59, 0.76), rgba(15, 23, 42, 0.62)); --ogd-table-head-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.82), rgba(30, 41, 59, 0.74)); --ogd-table-border: rgba(203, 213, 225, 0.28); --ogd-table-cell-border: rgba(71, 85, 105, 0.72); --ogd-table-row-hover: rgba(51, 65, 85, 0.50); --ogd-table-row-even: rgba(15, 23, 42, 0.36); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); } @media (min-width: 701px) { body:not(.is-mobile) :is( button, input, textarea, select, [role="button"], [role="tab"], [role="menuitem"], .clickable-icon, .view-action, .menu-item, .suggestion-item, .search-suggest-item, .canvas-control-item, .editingToolbarButton, .editingToolbarModalBar .clickable-icon, .editingToolbarPopover .clickable-icon, .status-bar-item-segment, .modal-close-button ):focus-visible { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } body:not(.is-mobile) :is( .setting-item:not(.modal-container.mod-confirmation .modal:not(.mod-settings) .setting-item):not(.modal.mod-community-theme .setting-item):not(.modal.mod-community-plugin .setting-item), .metadata-property, .search-input-container:not(.modal.mod-community-theme .search-input-container):not(.modal.mod-community-plugin .search-input-container):not(.modal .community-modal .search-input-container), .document-search-container, .workspace-tab-header, .nav-file-title, .nav-folder-title, .tree-item-self, .vertical-tab-nav-item ):focus-within { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } body:not(.is-mobile) :is(.modal.mod-community-theme, .modal.mod-community-plugin) .setting-item:focus-within { border-color: transparent; outline: 0; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04); } body:not(.is-mobile).theme-dark :is(.modal.mod-community-theme, .modal.mod-community-plugin) .setting-item:focus-within { border-color: transparent; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18); } body:not(.is-mobile) :is(.workspace-tab-header:focus-within .workspace-tab-header-inner, .workspace-tab-header-inner:focus-visible) { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } body:not(.is-mobile) :is(.nav-file-title, .nav-folder-title, .tree-item-self):focus-within :is(.nav-file-title-content, .nav-folder-title-content, .tree-item-inner) { background: var(--ogd-lg-surface-bg-hover); border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } body:not(.is-mobile) :is(.prompt-input, .search-input-container:not(.modal.mod-community-theme .search-input-container):not(.modal .community-modal .search-input-container), .document-search-container, .modal input[type="text"]:not(.modal-container.mod-confirmation .modal:not(.mod-settings) input[type="text"]):not(.modal.mod-community-theme input[type="text"]):not(.modal .community-modal input[type="text"]), .modal input[type="search"]:not(.modal-container.mod-confirmation .modal:not(.mod-settings) input[type="search"]):not(.modal.mod-community-theme input[type="search"]):not(.modal .community-modal input[type="search"]), .modal textarea:not(.modal-container.mod-confirmation .modal:not(.mod-settings) textarea), .modal select:not(.modal-container.mod-confirmation .modal:not(.mod-settings) select), .modal .dropdown:not(.modal-container.mod-confirmation .modal:not(.mod-settings) .dropdown)):focus-within { background: var(--ogd-lg-control-bg); border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-shadow-focus); } body:not(.is-mobile) .modal.mod-community-theme :is(.search-input-container, .community-modal-search):is(:focus, :focus-visible, :focus-within), body:not(.is-mobile) .modal.mod-community-theme :is(.prompt-input, input[type="search"], input[type="text"], .community-modal-search-input):is(:focus, :focus-visible) { border-color: rgba(148, 163, 184, 0.24); outline: 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(15, 23, 42, 0.055); } body:not(.is-mobile).theme-dark .modal.mod-community-theme :is(.search-input-container, .community-modal-search):is(:focus, :focus-visible, :focus-within), body:not(.is-mobile).theme-dark .modal.mod-community-theme :is(.prompt-input, input[type="search"], input[type="text"], .community-modal-search-input):is(:focus, :focus-visible) { border-color: rgba(203, 213, 225, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 3px 10px rgba(0, 0, 0, 0.22); } body:not(.is-mobile) .workspace-leaf-content[data-type="search"] :is(.search-input-container, .hotkey-search-container, .setting-hotkey-search, .setting-hotkeys-search):focus-within { background: radial-gradient(circle at 92% 18%, rgba(224, 242, 254, 0.72), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 249, 255, 0.68)); border-color: rgba(56, 189, 248, 0.42); outline: 1px solid rgba(255, 255, 255, 0.92); outline-offset: -2px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), inset 0 -1px 0 rgba(14, 165, 233, 0.06), 0 0 0 3px rgba(186, 230, 253, 0.34), 0 12px 28px rgba(14, 165, 233, 0.13); } body:not(.is-mobile) :is(.workspace-leaf-content[data-type="search"], .modal.mod-settings) :is(.search-input-container, .hotkey-search-container, .setting-hotkey-search, .setting-hotkeys-search) :is(input, input[type="search"], input[type="text"]):is(:focus, :focus-visible) { background: var(--ogd-surface-transparent, transparent); border-color: var(--ogd-surface-transparent, transparent); outline: none; box-shadow: none; } body:not(.is-mobile).theme-dark .workspace-leaf-content[data-type="search"] :is(.search-input-container, .hotkey-search-container, .setting-hotkey-search, .setting-hotkeys-search):focus-within { background: radial-gradient(circle at 92% 18%, rgba(56, 189, 248, 0.14), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.72), rgba(15, 23, 42, 0.52)); border-color: rgba(125, 211, 252, 0.30); outline-color: rgba(255, 255, 255, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.26), 0 0 0 3px rgba(56, 189, 248, 0.12), 0 12px 28px rgba(0, 0, 0, 0.32); } body:not(.is-mobile) .modal.mod-settings :is(.search-input-container, .hotkey-search-container, .setting-hotkey-search, .setting-hotkeys-search):focus-within { background: var(--ogd-lg-control-bg); border-color: transparent; outline: 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 1px 4px rgba(15, 23, 42, 0.04); } body:not(.is-mobile).theme-dark .modal.mod-settings :is(.search-input-container, .hotkey-search-container, .setting-hotkey-search, .setting-hotkeys-search):focus-within { border-color: transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 2px 7px rgba(0, 0, 0, 0.18); } } /* ============================================================ Seven-direction Liquid Glass refinement pass - Side panes, hover material, focus, floating UI, active rows, and reading rhythm follow the approved overview fixture. - Active/current states use full-surface rim and halo, never a left rail. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) { --ogd-lg-refined-rest-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.72), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.42), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(248, 250, 252, 0.34)); --ogd-lg-refined-hover-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.86), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.50), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(240, 249, 255, 0.46)); --ogd-lg-refined-active-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.86), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.50), transparent 34%), linear-gradient(180deg, rgba(224, 242, 254, 0.62), rgba(248, 250, 252, 0.42)); --ogd-lg-refined-border: rgba(203, 213, 225, 0.52); --ogd-lg-refined-border-hover: rgba(125, 211, 252, 0.54); --ogd-lg-refined-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(15, 23, 42, 0.05), 0 8px 20px rgba(15, 23, 42, 0.09); --ogd-lg-refined-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.96), inset 0 -1px 0 rgba(14, 165, 233, 0.08), 0 16px 34px rgba(15, 23, 42, 0.15), 0 0 0 3px rgba(186, 230, 253, 0.10); --ogd-lg-refined-focus-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 14px 32px rgba(15, 23, 42, 0.14), 0 0 0 3px var(--ogd-lg-frost-halo); } body:not(.is-mobile).theme-dark { --ogd-lg-refined-rest-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.13), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.08), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.50), rgba(15, 23, 42, 0.34)); --ogd-lg-refined-hover-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.17), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.62), rgba(15, 23, 42, 0.42)); --ogd-lg-refined-active-bg: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.16), transparent 0 36%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 34%), linear-gradient(180deg, rgba(14, 116, 144, 0.26), rgba(15, 23, 42, 0.44)); --ogd-lg-refined-border: rgba(203, 213, 225, 0.20); --ogd-lg-refined-border-hover: rgba(186, 230, 253, 0.30); --ogd-lg-refined-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.28), 0 10px 24px rgba(0, 0, 0, 0.30); --ogd-lg-refined-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.26), 0 18px 40px rgba(0, 0, 0, 0.42), 0 0 0 3px rgba(186, 230, 253, 0.08); --ogd-lg-refined-focus-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 16px 38px rgba(0, 0, 0, 0.40), 0 0 0 3px var(--ogd-lg-frost-halo); } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"] ) :is(.tree-item-self, .tag-pane-tag, .search-result-file-title, .search-result-file-match, .search-info-container, .search-empty-state, .empty-state, .empty-state-container) { background: var(--ogd-lg-refined-rest-bg); -webkit-backdrop-filter: var(--ogd-glass-filter-control); backdrop-filter: var(--ogd-glass-filter-control); border: 1px solid var(--ogd-lg-refined-border); border-radius: var(--ogd-radius-control, 7px); box-shadow: var(--ogd-lg-refined-shadow); } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"] ) :is(.tree-item-self, .tag-pane-tag, .search-result-file-title, .search-result-file-match):is(:hover, :focus-within, .is-active, .mod-current, [aria-selected="true"]) { background: var(--ogd-lg-refined-hover-bg); border-color: var(--ogd-lg-refined-border-hover); box-shadow: var(--ogd-lg-refined-shadow-hover); color: var(--text-normal); } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"] ) :is(.tree-item-self, .tag-pane-tag, .search-result-file-title, .search-result-file-match):is(:focus-visible, :focus-within) { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-refined-focus-shadow); } body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .suggestion-container .suggestion-item, .menu .menu-item, [role="menu"] [role="menuitem"]) { background: var(--ogd-lg-refined-rest-bg); border: 1px solid var(--ogd-lg-refined-border); border-radius: var(--ogd-radius-control, 7px); box-shadow: var(--ogd-lg-refined-shadow); } body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .suggestion-container .suggestion-item, .menu .menu-item, [role="menu"] [role="menuitem"]):is(:hover, :focus, :focus-visible, .is-selected, .selected, [aria-selected="true"]) { background: var(--ogd-lg-refined-active-bg); border-color: var(--ogd-lg-mist-rim); box-shadow: var(--ogd-lg-refined-shadow-hover); color: var(--text-normal); } body:not(.is-mobile) :is(.workspace-tab-header-inner, .nav-file-title.is-active .nav-file-title-content) { border-color: var(--ogd-lg-refined-border); } body:not(.is-mobile) .workspace-tab-header.is-active .workspace-tab-header-inner, body:not(.is-mobile) .nav-file-title.is-active .nav-file-title-content { background: var(--ogd-lg-refined-active-bg); border-color: var(--ogd-lg-mist-rim); box-shadow: var(--ogd-lg-refined-shadow-hover); color: var(--text-normal); font-weight: 850; } body:not(.is-mobile) :is(.workspace-tab-header-inner, .nav-file-title-content, .nav-folder-title-content, .tree-item-inner):is(:focus-visible, :focus-within) { border-color: var(--ogd-lg-frost-rim); outline: 1px solid var(--ogd-lg-frost-outline); outline-offset: 2px; box-shadow: var(--ogd-lg-refined-focus-shadow); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) :is(table, pre), .markdown-source-view.mod-cm6 .cm-embed-block pre { border-color: var(--ogd-lg-refined-border); box-shadow: var(--ogd-table-shadow, var(--ogd-lg-refined-shadow)); } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table :is(th, td) { overflow-wrap: anywhere; word-break: normal; } :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) pre, .markdown-source-view.mod-cm6 .cm-embed-block pre { background: var(--ogd-lg-refined-rest-bg); border: 1px solid var(--ogd-lg-refined-border); border-radius: var(--radius-l, 8px); } } /* ============================================================ Quiet menu and top chrome reduction - Context menu rows keep surface feedback without visible outline/rim. - Top tab/button chrome drops the recent halo and glass rim effects. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .suggestion-container .suggestion-item, .menu .menu-item, [role="menu"] [role="menuitem"]), body:not(.is-mobile) :is(.prompt-results .suggestion-item, .modal .suggestion-item, .suggestion-container .suggestion-item, .menu .menu-item, [role="menu"] [role="menuitem"]):is(:hover, :focus, :focus-visible, :active, .is-selected, .selected, [aria-selected="true"]) { border-color: transparent; outline: none; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07); } body:not(.is-mobile).theme-dark :is(.prompt-results .suggestion-item, .modal .suggestion-item, .suggestion-container .suggestion-item, .menu .menu-item, [role="menu"] [role="menuitem"]), body:not(.is-mobile).theme-dark :is(.prompt-results .suggestion-item, .modal .suggestion-item, .suggestion-container .suggestion-item, .menu .menu-item, [role="menu"] [role="menuitem"]):is(:hover, :focus, :focus-visible, :active, .is-selected, .selected, [aria-selected="true"]) { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24); } body:not(.is-mobile) :is( .workspace-tab-header-inner, .workspace-tab-header-inner-icon, .workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .workspace-tab-header-container .clickable-icon, .view-header .view-action, .view-header .clickable-icon, .view-header button.clickable-icon, .view-actions .view-action, .view-actions .clickable-icon, .view-header-nav-buttons .clickable-icon ), body:not(.is-mobile) :is( .workspace-tab-header:is(:hover, :focus-within, .is-active) .workspace-tab-header-inner, .workspace-tab-header:is(:hover, :focus-within, .is-active) .workspace-tab-header-inner-icon, .workspace-tab-header-new-tab:is(:hover, :focus-visible, .is-active, .mod-active, [aria-expanded="true"]), .workspace-tab-header-container .clickable-icon:is(:hover, :focus-visible, .is-active, .mod-active, [aria-expanded="true"]), .view-header :is(.view-action, .clickable-icon, button.clickable-icon):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .view-actions :is(.view-action, .clickable-icon):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .view-header-nav-buttons .clickable-icon:is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]) ) { background: transparent; border-color: transparent; outline: none; box-shadow: none; } } /* ============================================================ Quiet ribbon and sidebar toggle reduction - Removes glass boxes from ribbon icons and sidebar toggle buttons. - Keeps only the icon glyph color change supplied by Obsidian/core theme. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is( .workspace-ribbon .clickable-icon, .side-dock-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action, .workspace-tab-header-container .clickable-icon, .workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .sidebar-toggle-button, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right ), body:not(.is-mobile) :is( .workspace-ribbon .clickable-icon, .side-dock-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action, .workspace-tab-header-container .clickable-icon, .workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .sidebar-toggle-button, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right ):is(:hover, :focus, :focus-visible, :active, .is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"], [aria-expanded="true"]) { background: transparent; border-color: transparent; outline: none; box-shadow: none; } } /* ============================================================ Simple menu core sheet - The menu container is the only glass surface. - Resting rows stay quiet; hovered rows borrow the side-pane rim treatment. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is(.menu, [role="menu"]) { background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(248, 250, 252, 0.64) 58%, rgba(238, 242, 247, 0.48)); -webkit-backdrop-filter: var(--ogd-glass-filter-soft, blur(16px) saturate(150%) brightness(1.02)); backdrop-filter: var(--ogd-glass-filter-soft, blur(16px) saturate(150%) brightness(1.02)); border: 1px solid rgba(203, 213, 225, 0.42); border-radius: 18px; box-shadow: 0 18px 34px rgba(15, 23, 42, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.70); } body:not(.is-mobile).theme-dark :is(.menu, [role="menu"]) { background: linear-gradient(180deg, rgba(38, 50, 68, 0.88), rgba(23, 32, 51, 0.84) 58%, rgba(16, 24, 39, 0.86)); border-color: rgba(100, 116, 139, 0.32); box-shadow: 0 20px 38px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08); } body:not(.is-mobile) :is(.menu .menu-item, [role="menu"] [role="menuitem"]) { background: transparent; border-color: transparent; outline: none; box-shadow: none; } body:not(.is-mobile) :is(.menu .menu-item, [role="menu"] [role="menuitem"]):is(:hover, :focus, :focus-visible, :active, .is-selected, .selected, [aria-selected="true"]) { background: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.84), transparent 0 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(240, 249, 255, 0.46)); border-color: rgba(125, 211, 252, 0.66); outline: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 8px 18px rgba(15, 23, 42, 0.10); } body:not(.is-mobile).theme-dark :is(.menu .menu-item, [role="menu"] [role="menuitem"]):is(:hover, :focus, :focus-visible, :active, .is-selected, .selected, [aria-selected="true"]) { background: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.14), transparent 0 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.56), rgba(15, 23, 42, 0.38)); border-color: rgba(186, 230, 253, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 10px 22px rgba(0, 0, 0, 0.28); } body:not(.is-mobile) :is(.menu-separator, .menu .menu-separator, [role="menu"] .menu-separator, [role="separator"]) { border-color: rgba(203, 213, 225, 0.72); box-shadow: none; } body:not(.is-mobile).theme-dark :is(.menu-separator, .menu .menu-separator, [role="menu"] .menu-separator, [role="separator"]) { border-color: rgba(100, 116, 139, 0.44); } } /* ============================================================ Top icon soft glass slot refinement - Resting top icons stay bare. - Hovered and active icons use one small soft glass slot with an aqua rim. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is( .workspace-tab-header-inner, .workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .workspace-tab-header-container .clickable-icon, .view-header .view-action, .view-header .clickable-icon, .view-header button.clickable-icon, .view-actions .view-action, .view-actions .clickable-icon, .view-header-nav-buttons .clickable-icon, .workspace-ribbon .clickable-icon, .side-dock-ribbon .clickable-icon, .clickable-icon.side-dock-ribbon-action, .sidebar-toggle-button, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-right ) { background: transparent; border-color: transparent; border-radius: 8px; outline: none; box-shadow: none; } body:not(.is-mobile) :is( .workspace-tab-header:is(:hover, :focus-within, .is-active) .workspace-tab-header-inner, .workspace-tab-header-new-tab:is(:hover, :focus-visible, .is-active, .mod-active, [aria-expanded="true"]), .workspace-tab-header-tab-list:is(:hover, :focus-visible, .is-active, .mod-active, [aria-expanded="true"]), .workspace-tab-header-container .clickable-icon:is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .view-header :is(.view-action, .clickable-icon, button.clickable-icon):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .view-actions :is(.view-action, .clickable-icon):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .view-header-nav-buttons .clickable-icon:is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .workspace-ribbon .clickable-icon:is(:hover, :focus-visible, :active, .is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"], [aria-expanded="true"]), .side-dock-ribbon .clickable-icon:is(:hover, :focus-visible, :active, .is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"], [aria-expanded="true"]), .clickable-icon.side-dock-ribbon-action:is(:hover, :focus-visible, :active, .is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"], [aria-expanded="true"]), .sidebar-toggle-button:is(:hover, :focus-visible, :active, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .sidebar-toggle-button.mod-left:is(:hover, :focus-visible, :active, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .sidebar-toggle-button.mod-right:is(:hover, :focus-visible, :active, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]) ) { background: var(--ogd-topbar-icon-hover-bg, radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.78), transparent 0 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.70), rgba(248, 250, 252, 0.52))); border-color: transparent; outline: none; box-shadow: var(--ogd-topbar-icon-hover-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 8px 16px rgba(15, 23, 42, 0.10)); } body:not(.is-mobile).theme-dark :is( .workspace-tab-header:is(:hover, :focus-within, .is-active) .workspace-tab-header-inner, .workspace-tab-header-new-tab:is(:hover, :focus-visible, .is-active, .mod-active, [aria-expanded="true"]), .workspace-tab-header-tab-list:is(:hover, :focus-visible, .is-active, .mod-active, [aria-expanded="true"]), .workspace-tab-header-container .clickable-icon:is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .view-header :is(.view-action, .clickable-icon, button.clickable-icon):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .view-actions :is(.view-action, .clickable-icon):is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .view-header-nav-buttons .clickable-icon:is(:hover, :focus-visible, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .workspace-ribbon .clickable-icon:is(:hover, :focus-visible, :active, .is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"], [aria-expanded="true"]), .side-dock-ribbon .clickable-icon:is(:hover, :focus-visible, :active, .is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"], [aria-expanded="true"]), .clickable-icon.side-dock-ribbon-action:is(:hover, :focus-visible, :active, .is-active, .mod-active, .is-selected, [aria-pressed="true"], [aria-current="true"], [aria-expanded="true"]), .sidebar-toggle-button:is(:hover, :focus-visible, :active, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .sidebar-toggle-button.mod-left:is(:hover, :focus-visible, :active, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]), .sidebar-toggle-button.mod-right:is(:hover, :focus-visible, :active, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]) ) { background: var(--ogd-topbar-icon-hover-bg, radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.14), transparent 0 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.54), rgba(15, 23, 42, 0.38))); box-shadow: var(--ogd-topbar-icon-hover-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 20px rgba(0, 0, 0, 0.26)); } } /* ============================================================ Side pane and search suggestion simple sheet refinement - Pane and suggestion containers carry the glass surface. - Resting rows are plain list items; hovered rows match the menu treatment. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"] ) :is( .tree-item-self, .tag-pane-tag, .search-result-file-title, .search-result-file-match, .search-info-container, .search-empty-state, .empty-state, .empty-state-container ), body:not(.is-mobile) :is( .suggestion-container, .search-suggest-container, .search-suggestion-container, .prompt-results ) :is(.suggestion-item, .search-suggest-item), body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"] ) :is(.tree-item-inner, .nav-file-title-content, .nav-folder-title-content) { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; border-color: transparent; outline: none; box-shadow: none; transform: none; } body:not(.is-mobile) :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"] ) :is( .tree-item-self, .tag-pane-tag, .search-result-file-title, .search-result-file-match ):is(:hover, :focus-within, .is-active, .mod-current, [aria-selected="true"]), body:not(.is-mobile) :is( .suggestion-container, .search-suggest-container, .search-suggestion-container, .prompt-results ) :is(.suggestion-item, .search-suggest-item):is(:hover, :focus, :focus-visible, :active, .is-selected, .selected, [aria-selected="true"]) { background: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.84), transparent 0 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(240, 249, 255, 0.46)); border-color: rgba(125, 211, 252, 0.66); outline: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 8px 18px rgba(15, 23, 42, 0.10); transform: none; color: var(--text-normal); } body:not(.is-mobile).theme-dark :is( .workspace-leaf-content[data-type="backlink"], .workspace-leaf-content[data-type="outgoing-link"], .workspace-leaf-content[data-type="outline"], .workspace-leaf-content[data-type="bookmarks"], .workspace-leaf-content[data-type="tag"], .workspace-leaf-content[data-type="search"] ) :is( .tree-item-self, .tag-pane-tag, .search-result-file-title, .search-result-file-match ):is(:hover, :focus-within, .is-active, .mod-current, [aria-selected="true"]), body:not(.is-mobile).theme-dark :is( .suggestion-container, .search-suggest-container, .search-suggestion-container, .prompt-results ) :is(.suggestion-item, .search-suggest-item):is(:hover, :focus, :focus-visible, :active, .is-selected, .selected, [aria-selected="true"]) { background: radial-gradient(circle at 76% 18%, rgba(255, 255, 255, 0.14), transparent 0 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.56), rgba(15, 23, 42, 0.38)); border-color: rgba(186, 230, 253, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 10px 22px rgba(0, 0, 0, 0.28); color: var(--text-normal); } } /* ============================================================ Attached soft tab refinement - Inactive tabs stay muted and flat. - The active tab reads as the current document without becoming a toolbar button. ============================================================ */ @media (min-width: 701px) { body:not(.is-mobile) .workspace-tabs .workspace-tab-header { border-left: 0; border-right: 0; border-inline-start: 0; border-inline-end: 0; box-shadow: none; } body:not(.is-mobile) .workspace-tabs :is(.workspace-tab-header, .workspace-tab-header-inner)::before, body:not(.is-mobile) .workspace-tabs :is(.workspace-tab-header, .workspace-tab-header-inner)::after { content: none; display: none; background: transparent; border: 0; box-shadow: none; } body:not(.is-mobile) .workspace-tabs .workspace-tab-header .workspace-tab-header-inner { background: rgba(255, 255, 255, 0.20); border-color: rgba(203, 213, 225, 0.36); border-bottom-color: rgba(203, 213, 225, 0.34); border-radius: 13px; margin-bottom: 4px; outline: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 3px 10px rgba(15, 23, 42, 0.04); } body:not(.is-mobile) .workspace-tabs .workspace-tab-header:not(.is-active):is(:hover, :focus-within) .workspace-tab-header-inner { background: rgba(255, 255, 255, 0.42); border-color: rgba(148, 163, 184, 0.24); border-bottom-color: rgba(203, 213, 225, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 4px 10px rgba(15, 23, 42, 0.06); } body:not(.is-mobile) .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner { background: radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.64)); border-color: rgba(203, 213, 225, 0.52); border-bottom-color: transparent; border-radius: 16px 16px 0 0; outline: none; box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.94), inset -1px 0 0 rgba(255, 255, 255, 0.46), inset 0 -1px 0 rgba(255, 255, 255, 0.28), -4px 0 14px rgba(15, 23, 42, 0.062), 4px 0 14px rgba(15, 23, 42, 0.052), 0 -1px 2px rgba(15, 23, 42, 0.014), 0 7px 16px rgba(15, 23, 42, 0.048); position: relative; z-index: 4; min-height: 42px; padding-block: 5px 6px; margin-bottom: -1px; transform: translateY(1px); } body:not(.is-mobile) .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner::after { content: ""; display: block; position: absolute; left: -1px; right: -1px; bottom: -5px; height: 6px; border-inline: 1px solid rgba(203, 213, 225, 0.26); background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.72)); pointer-events: none; } body:not(.is-mobile) .workspace-tabs .workspace-tab-header .workspace-tab-header-inner-title { flex: 1 1 auto; text-align: center; color: var(--text-muted); font-weight: 620; } body:not(.is-mobile) .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner-title { flex: 1 1 auto; text-align: center; color: var(--text-normal); font-weight: 800; } body:not(.is-mobile) .workspace-tabs .workspace-tab-header :is(.workspace-tab-header-inner-close-button, .workspace-tab-header-inner-icon) { background: transparent; border-color: transparent; outline: none; box-shadow: none; } body:not(.is-mobile).theme-dark .workspace-tabs .workspace-tab-header .workspace-tab-header-inner { background: rgba(15, 23, 42, 0.20); border-color: rgba(148, 163, 184, 0.14); border-bottom-color: rgba(203, 213, 225, 0.16); } body:not(.is-mobile).theme-dark .workspace-tabs .workspace-tab-header:not(.is-active):is(:hover, :focus-within) .workspace-tab-header-inner { background: rgba(51, 65, 85, 0.34); border-color: rgba(148, 163, 184, 0.22); border-bottom-color: rgba(203, 213, 225, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 5px 12px rgba(0, 0, 0, 0.18); } body:not(.is-mobile).theme-dark .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner { background: radial-gradient(circle at 72% 18%, rgba(148, 163, 184, 0.18), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.50)); border-color: rgba(203, 213, 225, 0.18); border-bottom-color: transparent; border-radius: 16px 16px 0 0; box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.16), inset -1px 0 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(148, 163, 184, 0.07), -4px 0 14px rgba(0, 0, 0, 0.18), 4px 0 14px rgba(0, 0, 0, 0.16), 0 -1px 2px rgba(0, 0, 0, 0.045), 0 7px 16px rgba(0, 0, 0, 0.16); transform: translateY(1px); } body:not(.is-mobile).theme-dark .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner::after { border-inline-color: rgba(203, 213, 225, 0.12); background: linear-gradient(180deg, rgba(51, 65, 85, 0.74), rgba(30, 41, 59, 0.58)); } body:not(.is-mobile).theme-dark .workspace-tabs .workspace-tab-header .workspace-tab-header-inner-title { flex: 1 1 auto; text-align: center; color: var(--text-muted); } body:not(.is-mobile).theme-dark .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner-title { flex: 1 1 auto; text-align: center; color: var(--text-normal); } } /* Root top strip and active tab line cleanup; no icon selectors. */ @media (min-width: 701px) { body:not(.is-mobile) .workspace-split.mod-root .workspace-tab-header-container, body:not(.is-mobile) .workspace-split.mod-root .view-header { background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.22), transparent 58%), linear-gradient(180deg, rgba(240, 249, 255, 0.16), rgba(255, 255, 255, 0.06)); } body:not(.is-mobile) .workspace-split.mod-root .workspace-tab-header-container { background-image: linear-gradient(var(--ogd-chrome-hairline, rgba(148, 163, 184, 0.22)), var(--ogd-chrome-hairline, rgba(148, 163, 184, 0.22))); background-repeat: no-repeat; background-position: left bottom; background-size: 100% 1px; box-shadow: 0 1px 5px rgba(15, 23, 42, 0.045); } body:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header .workspace-tab-header-inner { background: transparent; border-color: rgba(148, 163, 184, 0.14); border-bottom-color: rgba(203, 213, 225, 0.34); border-radius: 13px; margin-bottom: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 3px 10px rgba(15, 23, 42, 0.04); transform: none; } body:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header:not(.is-active):is(:hover, :focus-within) .workspace-tab-header-inner { background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(248, 250, 252, 0.50)); border-color: rgba(148, 163, 184, 0.24); border-bottom-color: rgba(203, 213, 225, 0.34); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 4px 10px rgba(15, 23, 42, 0.055); } body:not(.is-mobile).theme-dark .workspace-split.mod-root .workspace-tabs .workspace-tab-header:not(.is-active):is(:hover, :focus-within) .workspace-tab-header-inner { background: linear-gradient(180deg, rgba(51, 65, 85, 0.46), rgba(15, 23, 42, 0.30)); border-color: rgba(148, 163, 184, 0.22); border-bottom-color: rgba(203, 213, 225, 0.16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 5px 12px rgba(0, 0, 0, 0.16); } body:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active { background: transparent; border-color: transparent; border-top-color: transparent; box-shadow: none; flex: 0 0 260px; max-width: 260px; } body:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active::before, body:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active::after { content: none; display: none; } body:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner { background: radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.86), transparent 36%), linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.64)); border-color: rgba(203, 213, 225, 0.52); border-bottom-color: transparent; border-radius: 16px 16px 0 0; box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.92), inset -1px 0 0 rgba(255, 255, 255, 0.50), inset 0 -1px 0 rgba(255, 255, 255, 0.32), 0 6px 14px rgba(15, 23, 42, 0.05); position: relative; z-index: 4; width: 100%; min-width: 0; min-height: 42px; padding-inline: 18px 14px; padding-block: 5px 6px; margin-bottom: -1px; transform: translateY(1px); } body:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner::after { content: none; display: none; } body:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner-title { flex: 1 1 auto; padding-left: 0; text-align: center; color: #0f172a; font-weight: 850; transform: translateY(-3px); } body:not(.is-mobile).theme-dark .workspace-split.mod-root .workspace-tab-header-container { background-image: linear-gradient(var(--ogd-chrome-hairline, rgba(203, 213, 225, 0.14)), var(--ogd-chrome-hairline, rgba(203, 213, 225, 0.14))); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18); } body:not(.is-mobile).theme-dark .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner { background: radial-gradient(circle at 72% 18%, rgba(148, 163, 184, 0.18), transparent 36%), linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(15, 23, 42, 0.50)); border-color: rgba(203, 213, 225, 0.18); border-bottom-color: transparent; border-radius: 16px 16px 0 0; box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.18), inset -1px 0 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(148, 163, 184, 0.08), -5px 0 16px rgba(0, 0, 0, 0.24), 5px 0 16px rgba(0, 0, 0, 0.22), 0 -1px 2px rgba(0, 0, 0, 0.06), 0 8px 18px rgba(0, 0, 0, 0.22); transform: translateY(1px); } body:not(.is-mobile).theme-dark .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner::after { border-inline-color: rgba(203, 213, 225, 0.12); background: linear-gradient(180deg, rgba(51, 65, 85, 0.74), rgba(30, 41, 59, 0.58)); } body:not(.is-mobile).theme-dark .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner-title { flex: 1 1 auto; padding-left: 0; text-align: center; color: var(--ogd-text-inverted, #f8fafc); font-weight: 850; transform: translateY(-3px); } body.mod-macos:not(.is-mobile) .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner { box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.90), inset -1px 0 0 rgba(255, 255, 255, 0.38), inset 0 -1px 0 rgba(255, 255, 255, 0.24), -3px 0 9px rgba(15, 23, 42, 0.045), 3px 0 9px rgba(15, 23, 42, 0.038), 0 -1px 1px rgba(15, 23, 42, 0.010), 0 5px 12px rgba(15, 23, 42, 0.036); } body.mod-macos:not(.is-mobile).theme-dark .workspace-split.mod-root .workspace-tabs .workspace-tab-header.is-active .workspace-tab-header-inner { box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.13), inset -1px 0 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(148, 163, 184, 0.06), -3px 0 9px rgba(0, 0, 0, 0.13), 3px 0 9px rgba(0, 0, 0, 0.12), 0 -1px 1px rgba(0, 0, 0, 0.036), 0 5px 12px rgba(0, 0, 0, 0.13); } } /* Side top strip parity and neutral outline-only top slots. */ @media (min-width: 701px) { body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) .workspace-tab-header-container { background: var(--background-primary, #ffffff); border-bottom-color: rgba(203, 213, 225, 0.22); box-shadow: none; } body:not(.is-mobile).theme-dark :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) .workspace-tab-header-container { background: var(--background-primary, #0f172a); border-bottom-color: rgba(100, 116, 139, 0.22); } body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) .workspace-tab-header-container :is(.workspace-tab-header-inner, .workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .clickable-icon), body:not(.is-mobile) :is(.workspace-tab-header-tab-list, .workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-tab-list button.clickable-icon, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-left .clickable-icon, .sidebar-toggle-button.mod-left button.clickable-icon, .sidebar-toggle-button.mod-left .clickable-icon.side-dock-ribbon-action, .sidebar-toggle-button.mod-right, .sidebar-toggle-button.mod-right .clickable-icon, .sidebar-toggle-button.mod-right button.clickable-icon, .sidebar-toggle-button.mod-right .clickable-icon.side-dock-ribbon-action) { background: transparent; border-color: rgba(148, 163, 184, 0.34); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.46); } body:not(.is-mobile) :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) .workspace-tab-header-container :is(.workspace-tab-header-inner:is(:hover, :focus-visible, :active), .workspace-tab-header.is-active .workspace-tab-header-inner, .workspace-tab-header-new-tab:is(:hover, :focus-visible, :active, .is-active, [aria-expanded="true"]), .workspace-tab-header-tab-list:is(:hover, :focus-visible, :active, .is-active, [aria-expanded="true"]), .clickable-icon:is(:hover, :focus-visible, :active, .is-active, [aria-pressed="true"], [aria-expanded="true"])), body:not(.is-mobile) :is(.workspace-tab-header-tab-list, .workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-tab-list button.clickable-icon, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-left .clickable-icon, .sidebar-toggle-button.mod-left button.clickable-icon, .sidebar-toggle-button.mod-left .clickable-icon.side-dock-ribbon-action, .sidebar-toggle-button.mod-right, .sidebar-toggle-button.mod-right .clickable-icon, .sidebar-toggle-button.mod-right button.clickable-icon, .sidebar-toggle-button.mod-right .clickable-icon.side-dock-ribbon-action):is(:hover, :focus-visible, :active, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]) { background: transparent; border-color: rgba(100, 116, 139, 0.42); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58), 0 3px 8px rgba(15, 23, 42, 0.045); } body:not(.is-mobile).theme-dark :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) .workspace-tab-header-container :is(.workspace-tab-header-inner, .workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .clickable-icon), body:not(.is-mobile).theme-dark :is(.workspace-tab-header-tab-list, .workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-tab-list button.clickable-icon, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-left .clickable-icon, .sidebar-toggle-button.mod-left button.clickable-icon, .sidebar-toggle-button.mod-left .clickable-icon.side-dock-ribbon-action, .sidebar-toggle-button.mod-right, .sidebar-toggle-button.mod-right .clickable-icon, .sidebar-toggle-button.mod-right button.clickable-icon, .sidebar-toggle-button.mod-right .clickable-icon.side-dock-ribbon-action) { border-color: rgba(148, 163, 184, 0.24); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); } body:not(.is-mobile).theme-dark :is(.workspace-split.mod-left-split, .workspace-split.mod-right-split) .workspace-tab-header-container :is(.workspace-tab-header-inner:is(:hover, :focus-visible, :active), .workspace-tab-header.is-active .workspace-tab-header-inner, .workspace-tab-header-new-tab:is(:hover, :focus-visible, :active, .is-active, [aria-expanded="true"]), .workspace-tab-header-tab-list:is(:hover, :focus-visible, :active, .is-active, [aria-expanded="true"]), .clickable-icon:is(:hover, :focus-visible, :active, .is-active, [aria-pressed="true"], [aria-expanded="true"])), body:not(.is-mobile).theme-dark :is(.workspace-tab-header-tab-list, .workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-tab-list button.clickable-icon, .sidebar-toggle-button.mod-left, .sidebar-toggle-button.mod-left .clickable-icon, .sidebar-toggle-button.mod-left button.clickable-icon, .sidebar-toggle-button.mod-left .clickable-icon.side-dock-ribbon-action, .sidebar-toggle-button.mod-right, .sidebar-toggle-button.mod-right .clickable-icon, .sidebar-toggle-button.mod-right button.clickable-icon, .sidebar-toggle-button.mod-right .clickable-icon.side-dock-ribbon-action):is(:hover, :focus-visible, :active, .is-active, .mod-active, [aria-pressed="true"], [aria-expanded="true"]) { border-color: rgba(148, 163, 184, 0.34); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10), 0 4px 10px rgba(0, 0, 0, 0.16); } body:not(.is-mobile) .workspace-split.mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner { background: var(--ogd-glass-bg-strong, radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.86), transparent 35%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 249, 255, 0.70))); border-color: rgba(125, 211, 252, 0.64); border-bottom-color: transparent; border-radius: 16px 16px 0 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(14, 165, 233, 0.04), 0 8px 16px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(56, 189, 248, 0.08); transform: translateY(1px); } body:not(.is-mobile).theme-dark .workspace-split.mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner { background: var(--ogd-glass-bg-strong, radial-gradient(circle at 76% 24%, rgba(148, 163, 184, 0.22), transparent 35%), linear-gradient(180deg, rgba(51, 65, 85, 0.88), rgba(15, 23, 42, 0.62))); border-color: rgba(186, 230, 253, 0.36); border-bottom-color: transparent; border-radius: 16px 16px 0 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.30), 0 2px 6px rgba(56, 189, 248, 0.08); transform: translateY(1px); } } /* ============================================================ Live Preview editing comfort pack - Active editing surfaces get a quiet Frost Aqua state. - Markdown table cell focus stays visible without row-height changes. - Long inline tokens wrap inside the readable column. ============================================================ */ .markdown-source-view.mod-cm6 { --ogd-lp-focus-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(224, 242, 254, 0.22)); --ogd-lp-focus-rim: rgba(103, 232, 249, 0.50); --ogd-lp-focus-outline: rgba(103, 232, 249, 0.34); --ogd-lp-focus-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0 0 1px rgba(103, 232, 249, 0.10), 0 6px 14px rgba(15, 23, 42, 0.055); --ogd-lp-cell-focus-bg: linear-gradient(180deg, rgba(240, 249, 255, 0.72), rgba(224, 242, 254, 0.46)); } .theme-dark .markdown-source-view.mod-cm6 { --ogd-lp-focus-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.34), rgba(14, 116, 144, 0.16)); --ogd-lp-focus-rim: rgba(103, 232, 249, 0.42); --ogd-lp-focus-outline: rgba(103, 232, 249, 0.28); --ogd-lp-focus-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 0 0 1px rgba(103, 232, 249, 0.08), 0 8px 18px rgba(0, 0, 0, 0.22); --ogd-lp-cell-focus-bg: linear-gradient(180deg, rgba(14, 116, 144, 0.20), rgba(15, 23, 42, 0.14)); } /* v2.22.104: removed the .cm-focused .cm-active.cm-line glass focus visual. Its outline + box-shadow + gradient background painted on top of the active row and confused mouse hit-testing on adjacent lines (clicking the line directly below the active row sometimes landed on this paint instead of the target line). Vanilla theme has no such visual; we now match that behaviour. The cell focus visual for table widgets is preserved. */ .markdown-source-view.mod-cm6 .cm-line:not(.HyperMD-codeblock) :is(.cm-inline-code, .cm-url, .cm-link) { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } .markdown-source-view.mod-cm6 :is(.cm-formatting-code-block, .HyperMD-codeblock-begin .cm-formatting-code, .HyperMD-codeblock-end .cm-formatting-code) { padding-inline: 0.32em; border-radius: 4px; color: var(--ogd-text-subtle, #64748b); background: rgba(255, 255, 255, 0.38); opacity: 0.52; } /* ============================================================ v2.22.81 - Liquid Glass default Markdown table refresh - Keeps ordinary Markdown tables aligned with callout glass surfaces. - Uses clear rims, top shine, and shallow row tint without saturated fill. - Leaves report-mode/PDF table fallback rules to their existing owners. ============================================================ */ body:not(.ogd-report-mode) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { --ogd-table-tint: rgba(125, 211, 252, 0.10); --ogd-table-surface: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.66), transparent 0 32%), linear-gradient(142deg, rgba(255, 255, 255, 0.42), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.54)), linear-gradient(135deg, var(--ogd-table-tint), transparent 66%); --ogd-table-head-bg: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.76), transparent 0 34%), linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(241, 245, 249, 0.68)); --ogd-table-border: rgba(203, 213, 225, 0.24); --ogd-table-cell-border: rgba(226, 232, 240, 0.72); --ogd-table-row-hover: rgba(240, 249, 255, 0.58); --ogd-table-row-even: rgba(248, 250, 252, 0.58); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90); overflow: hidden; border-color: var(--ogd-table-border); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-table-surface); box-shadow: var(--ogd-table-shadow); -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(12px) saturate(152%) contrast(103%) brightness(1.02)); backdrop-filter: var(--ogd-glass-filter-control, blur(12px) saturate(152%) contrast(103%) brightness(1.02)); } body:not(.ogd-report-mode) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table th { border-color: var(--ogd-table-cell-border); border-bottom-color: rgba(148, 163, 184, 0.46); background: var(--ogd-table-head-bg); color: var(--ogd-text-strong, #111827); font-weight: 820; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(148, 163, 184, 0.16); } body:not(.ogd-report-mode) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td { border-color: var(--ogd-table-cell-border); color: var(--ogd-text-slate, #334155); } body.ogd-zebra-disabled-permanently:not(.ogd-report-mode) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:nth-child(even) td { background: var(--ogd-table-row-even); } body:not(.ogd-report-mode) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table tbody tr:hover td { background: var(--ogd-table-row-hover); } body.theme-dark:not(.ogd-report-mode) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table { --ogd-table-tint: rgba(14, 165, 233, 0.10); --ogd-table-surface: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.14), transparent 0 32%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.70), rgba(15, 23, 42, 0.54)), linear-gradient(135deg, var(--ogd-table-tint), transparent 66%); --ogd-table-head-bg: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.14), transparent 0 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(30, 41, 59, 0.58)); --ogd-table-border: rgba(203, 213, 225, 0.20); --ogd-table-cell-border: rgba(71, 85, 105, 0.58); --ogd-table-row-hover: rgba(51, 65, 85, 0.44); --ogd-table-row-even: rgba(15, 23, 42, 0.28); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); } body.theme-dark:not(.ogd-report-mode) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table th { border-bottom-color: rgba(148, 163, 184, 0.34); color: var(--text-normal, #e5edf7); } body.theme-dark:not(.ogd-report-mode) :is(.markdown-rendered, .markdown-preview-view, .markdown-reading-view) table td { color: var(--text-normal, #e5edf7); } /* <<< src/surfaces/23-liquid-glass-core.css */ /* 10c-html-table-live-preview-glass.css -> surfaces/24 */ /* >>> src/surfaces/24-html-table-live-preview-glass.css */ /* ============================================================ v2.30.9 — HTML
in Live Preview liquid glass parity HTML-only; does NOT touch markdown table widgets. Mirrors the markdown-table-widget token blocks defined in dev/10d-liquid-glass-core.css. Selector intentionally excludes `.cm-callout` containers AND the markdown widget's inner `
`, so markdown tables never receive these declarations. Loaded after 10d-liquid-glass-core.css per dev/_order.txt so its late position keeps the cascade ordering identical to vanilla 10d. ============================================================ */ .theme-dark .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) { --ogd-table-surface: radial-gradient(circle at 42% 14%, rgba(255, 255, 255, 0.12), transparent 0 30%), linear-gradient(180deg, rgba(30, 41, 59, 0.68), rgba(15, 23, 42, 0.48)); --ogd-table-head-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.13), transparent 0 30%), linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(30, 41, 59, 0.58)); --ogd-table-border: rgba(203, 213, 225, 0.20); --ogd-table-cell-border: rgba(71, 85, 105, 0.56); --ogd-table-row-hover: rgba(51, 65, 85, 0.42); --ogd-table-row-even: rgba(15, 23, 42, 0.26); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); } .theme-dark :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget), body.theme-dark.ogd-report-mode .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) { --ogd-table-surface: linear-gradient(180deg, rgba(30, 41, 59, 0.76), rgba(15, 23, 42, 0.62)); --ogd-table-head-bg: linear-gradient(180deg, rgba(51, 65, 85, 0.82), rgba(30, 41, 59, 0.74)); --ogd-table-border: rgba(203, 213, 225, 0.28); --ogd-table-cell-border: rgba(71, 85, 105, 0.72); --ogd-table-row-hover: rgba(51, 65, 85, 0.50); --ogd-table-row-even: rgba(15, 23, 42, 0.36); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); } body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) th { border-bottom-color: rgba(148, 163, 184, 0.34); color: var(--text-normal, #e5edf7); } /* v2.30.10 reading-view neutralizer for HTML tables in Live Preview */ .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td:first-child { color: inherit; font-weight: inherit; } /* v2.30.13 align HTML table tone with markdown widget tokens (PDF / Live Preview parity) */ /* Drops the v2.30.11 backdrop-filter / drop shadow / bespoke gradient that made HTML tables look heavier than the markdown widget. The parent `:is(.markdown-rendered,...) table` rule in dev/10d already supplies --ogd-table-surface / --ogd-table-shadow, so we only need to neutralize the v2.30.10 solid `background-color` on
/. */ /* v2.30.14 neutralize HTML utility-class table styling in Live Preview (PDF parity) */ .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) { border-collapse: collapse; border-spacing: 0; border-radius: 0; border-color: var(--ogd-table-border); background: var(--ogd-table-surface); box-shadow: var(--ogd-table-shadow); overflow: visible; } .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) thead th { background: var(--ogd-table-head-bg); background-color: transparent; border-color: var(--ogd-table-cell-border); border-bottom: 2px solid #6b7280; color: var(--ogd-text-slate, #334155); font-weight: 700; text-align: left; } .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) tbody td:first-child { background: transparent; color: inherit; font-weight: inherit; box-shadow: none; } .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) caption { display: none; } .theme-dark .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) { border-color: var(--ogd-table-border); background: var(--ogd-table-surface); box-shadow: var(--ogd-table-shadow); } .theme-dark .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) thead th { background: var(--ogd-table-head-bg); background-color: transparent; color: var(--text-normal, #e5edf7); border-bottom-color: #6b7280; } /* v2.30.15 align HTML table cell borders with markdown widget tone (--ogd-table-cell-border) */ .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) th { padding: 6px 10px; text-align: left; vertical-align: top; white-space: normal; border-bottom: 2px solid #6b7280; border-left: 1px solid var(--ogd-line-soft, #e5e7eb); border-right: 1px solid var(--ogd-line-soft, #e5e7eb); font-weight: 700; background: var(--ogd-table-head-bg); background-color: transparent; color: var(--ogd-text-slate, #334155); border-color: var(--ogd-table-cell-border); border-left-color: var(--ogd-table-cell-border); border-right-color: var(--ogd-table-cell-border); border-bottom-color: rgba(148, 163, 184, 0.58); } .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td { padding: 5px 10px; line-height: normal; vertical-align: top; text-align: left; border: 1px solid var(--ogd-line-soft, #e5e7eb); color: var(--ogd-text-slate, #334155); word-break: keep-all; overflow-wrap: anywhere; background: transparent; border-color: var(--ogd-table-cell-border); } .theme-dark .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) th { background: var(--ogd-table-head-bg); background-color: transparent; color: var(--text-normal, #e5edf7); border-color: rgba(71, 85, 105, 0.56); border-left-color: rgba(71, 85, 105, 0.56); border-right-color: rgba(71, 85, 105, 0.56); border-bottom-color: rgba(148, 163, 184, 0.34); } .theme-dark .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td { color: var(--text-normal, #e5edf7); border-color: rgba(71, 85, 105, 0.56); } /* v2.30.16 mirror dev/10d Liquid Glass markdown table block onto HTML tables in Live Preview */ body:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tbody td { border-color: var(--ogd-table-cell-border); color: var(--ogd-text-slate, #334155); } body:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tbody tr:hover td { background: var(--ogd-table-row-hover); } body.ogd-zebra-disabled-permanently .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tbody tr:nth-child(even) td { background: var(--ogd-table-row-even); } body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) { --ogd-table-tint: rgba(14, 165, 233, 0.10); --ogd-table-surface: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.14), transparent 0 32%), linear-gradient(142deg, rgba(255, 255, 255, 0.10), transparent 34%), linear-gradient(180deg, rgba(30, 41, 59, 0.70), rgba(15, 23, 42, 0.54)), linear-gradient(135deg, var(--ogd-table-tint), transparent 66%); --ogd-table-head-bg: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.14), transparent 0 34%), linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(30, 41, 59, 0.58)); --ogd-table-border: rgba(203, 213, 225, 0.20); --ogd-table-cell-border: rgba(71, 85, 105, 0.58); --ogd-table-row-hover: rgba(51, 65, 85, 0.44); --ogd-table-row-even: rgba(15, 23, 42, 0.28); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); } body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tbody td { color: var(--text-normal, #e5edf7); } /* v2.30.21 normalize HTML table outer border to match markdown widget exactly (cell-only outer line) */ /* The visible outer line should come from collapsed cell borders only, like the markdown widget. v2.30.14 sets `border-color` on the outer without an explicit `border-style`, which can leave a hairline at certain zoom levels. Force `border: 0` on the outer table and `border-top: 0` on thead/th so the outer box never paints — exactly matching the markdown widget rendering (dev/05:236 + dev/10d:537/602 stack). */ :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) { --ogd-table-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.92)); --ogd-table-head-bg: linear-gradient(180deg, #f1f5f9, #e8eef6); --ogd-table-border: rgba(148, 163, 184, 0.72); --ogd-table-cell-border: rgba(203, 213, 225, 0.92); --ogd-table-row-hover: #f8fafc; --ogd-table-row-even: #fbfdff; --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96); table-layout: auto; border-style: none; border-width: 0; } body:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) { --ogd-table-tint: rgba(125, 211, 252, 0.10); --ogd-table-surface: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.66), transparent 0 32%), linear-gradient(142deg, rgba(255, 255, 255, 0.42), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.54)), linear-gradient(135deg, var(--ogd-table-tint), transparent 66%); --ogd-table-head-bg: radial-gradient(circle at 44% 0%, rgba(255, 255, 255, 0.76), transparent 0 34%), linear-gradient(180deg, rgba(248, 250, 252, 0.94), rgba(241, 245, 249, 0.68)); --ogd-table-border: rgba(203, 213, 225, 0.24); --ogd-table-cell-border: rgba(226, 232, 240, 0.72); --ogd-table-row-hover: rgba(240, 249, 255, 0.58); --ogd-table-row-even: rgba(248, 250, 252, 0.58); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90); overflow: hidden; border-color: var(--ogd-table-border); border-radius: var(--ogd-radius-control, 7px); background: var(--ogd-table-surface); box-shadow: var(--ogd-table-shadow); -webkit-backdrop-filter: var(--ogd-glass-filter-control, blur(12px) saturate(152%) contrast(103%) brightness(1.02)); backdrop-filter: var(--ogd-glass-filter-control, blur(12px) saturate(152%) contrast(103%) brightness(1.02)); border-style: none; border-width: 0; } /* Cell border color parity with markdown widget (--ogd-table-cell-border resolves to rgba(203, 213, 225, 0.92) in report-mode via dev/10d:602 + dev/10e:18). Re-state explicitly on td to override v2.30.10's `border: 1px solid #e5e7eb` shorthand color in case any cascade ordering still leaves the opaque #e5e7eb on a sub-edge. */ /* v2.30.22 mirror dev/10-a11y markdown widget td/th rules onto HTML tables (white row overlay + smaller/denser header) */ /* dev/10-a11y:996-1006 sets `td { background: rgba(255, 255, 255, 0.28) }` and `th { font-size: 0.88em; font-weight: 820 }` for cm-table-widget only. HTML tables in Live Preview never received these, so their rows pick up the table surface gradient (faint grey) and their headers render larger/heavier than the markdown widget side-by-side. Restate both at matching specificity for HTML tables, in both report-mode and non-report-mode. */ :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td { border-width: 1px; border-style: solid; border-color: var(--ogd-table-cell-border); background: rgba(255, 255, 255, 0.28); } body:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td { border-width: 1px; border-style: solid; border-color: var(--ogd-table-cell-border); background: rgba(255, 255, 255, 0.28); } /* Dark mode parity: dev/10-a11y has no dark override, so same overlay/font apply. The white overlay reads correctly on dark surface (subtle highlight without flipping rows white). */ body.theme-dark :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td { background: rgba(255, 255, 255, 0.04); } body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) td { color: var(--text-normal, #e5edf7); background: rgba(255, 255, 255, 0.04); } /* Current owner: HTML table header divider matches the normal cell grid weight. */ :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) thead th { border-top-width: 0; border-top-style: none; font-size: 0.88em; font-weight: 820; border-bottom: 1px solid rgba(226, 232, 240, 0.92); box-shadow: none; } body:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) thead th { border-color: var(--ogd-table-cell-border); border-bottom-color: rgba(148, 163, 184, 0.46); background: var(--ogd-table-head-bg); color: var(--ogd-text-strong, #111827); border-top-width: 0; border-top-style: none; font-size: 0.88em; font-weight: 820; border-bottom: 1px solid rgba(226, 232, 240, 0.92); box-shadow: none; } body.theme-dark :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) thead th { border-bottom: 1px solid rgba(71, 85, 105, 0.58); box-shadow: none; } body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) thead th { border-bottom-color: rgba(148, 163, 184, 0.34); color: var(--text-normal, #e5edf7); border-bottom: 1px solid rgba(71, 85, 105, 0.58); box-shadow: none; } /* Current owner: outline paints only the table perimeter, avoiding collapsed-border side effects. */ :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget), :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) { outline: 1.5px solid rgba(148, 163, 184, 0.72); outline-offset: -1px; box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.96); } body:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget), body:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) { outline: 1.5px solid rgba(148, 163, 184, 0.64); outline-offset: -1px; box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.90); } body.theme-dark :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget), body.theme-dark :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) { outline: 1.5px solid rgba(148, 163, 184, 0.40); outline-offset: -1px; box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.10); } body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget), body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) { outline: 1.5px solid rgba(148, 163, 184, 0.34); outline-offset: -1px; box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.10); } /* v2.30.27 force HTML table body cells to pure white */ /* Keep the v2.30.26 outer outline and the existing header tone. Remove the remaining glass tint from body rows by forcing table body surfaces and cells to pure white in light mode only. */ body:not(.theme-dark) :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget), body:not(.theme-dark) :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget), body:not(.theme-dark):not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget), body:not(.theme-dark):not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) { --ogd-table-surface: #ffffff; background: #ffffff; } body:not(.theme-dark) :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) :is(tbody, tr, td), body:not(.theme-dark) :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) :is(tbody, tr, td), body:not(.theme-dark):not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) :is(tbody, tr, td), body:not(.theme-dark):not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) :is(tbody, tr, td) { background: #ffffff; background-color: #ffffff; } /* v2.30.28 restore visible blue hover on HTML table body rows */ /* v2.30.27's white body-cell override is intentionally strong, but it also wins over older hover rules. Put the hover state back after it: white at rest, blue on hover. */ body:not(.theme-dark) :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tbody tr:hover > td, body:not(.theme-dark) :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) tbody tr:hover > td, body:not(.theme-dark):not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tbody tr:hover > td, body:not(.theme-dark):not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) tbody tr:hover > td { background: rgba(224, 242, 254, 0.72); background-color: rgba(224, 242, 254, 0.72); } body.theme-dark :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tbody tr:hover > td, body.theme-dark :is(body.ogd-report-mode .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm6.ogd-report-mode) :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) tbody tr:hover > td, body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) tbody tr:hover > td, body.theme-dark:not(.ogd-report-mode) .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.ogd-html-table, .wide-table, .compact-table, .numeric-table, .comparison-table, .risk-table, .matrix-table, .print-fit-table, .wrap-table, .nowrap-code-table, .scroll-token-table, .scroll-table):not(.cm-table):not(.cm-table-widget) tbody tr:hover > td { background: rgba(8, 145, 178, 0.22); background-color: rgba(8, 145, 178, 0.22); } /* v3.1.39 table parity: LP HTML tables consume the shared report table rhythm tokens. */ .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; --ogd-table-surface: radial-gradient(circle at 42% 14%, rgba(255, 255, 255, 0.62), transparent 0 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.54)); --ogd-table-head-bg: radial-gradient(circle at 44% 12%, rgba(255, 255, 255, 0.70), transparent 0 30%), linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(241, 245, 249, 0.66)); --ogd-table-border: rgba(203, 213, 225, 0.58); --ogd-table-cell-border: rgba(226, 232, 240, 0.84); --ogd-table-row-hover: rgba(240, 249, 255, 0.54); --ogd-table-row-even: rgba(248, 250, 252, 0.62); --ogd-table-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88); background: var(--ogd-table-surface); border-color: var(--ogd-table-border); box-shadow: var(--ogd-table-shadow); margin: 0; max-width: 100%; --ogd-table-pad-y: 0.64em; --ogd-table-pad-x: 0.90em; --ogd-table-font-size: 0.96em; --ogd-table-line-height: 1.46; font-size: var(--font-text-size, 16px); } .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:is(.wide-table, .print-fit-table):not(.cm-table):not(.cm-table-widget) { --ogd-table-pad-y: 0.54em; --ogd-table-pad-x: 0.72em; --ogd-table-font-size: 0.92em; --ogd-table-line-height: 1.38; } .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table.compact-table:not(.cm-table):not(.cm-table-widget) { --ogd-table-pad-y: 0.40em; --ogd-table-pad-x: 0.56em; --ogd-table-font-size: 0.88em; --ogd-table-line-height: 1.32; } .markdown-source-view.mod-cm6 :is(.cm-html-embed, .cm-embed-block:not(.cm-callout):not(.cm-table-widget)) table:not(.cm-table):not(.cm-table-widget) :is(th, td) { padding: var(--ogd-table-pad-y) var(--ogd-table-pad-x); font-size: var(--ogd-table-font-size); line-height: var(--ogd-table-line-height); } /* <<< src/surfaces/24-html-table-live-preview-glass.css */