/* Marginalia product workspace. Scoped overrides preserve the reading engine. */
:root { --product-bg: #f7f5f1; --product-paper: #fffdf9; --product-ink: #292b30; --product-muted: #78736d; --product-line: #e7e1d8; --product-accent: #455b70; --product-soft: #e9edf0; }
.product-app { display: grid; grid-template-columns: 228px minmax(0,1fr); height: 100dvh; min-height: 560px; overflow: hidden; background: var(--product-bg); color: var(--product-ink); font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 14px; letter-spacing: .01em; --accent: var(--product-accent); --accent-soft: var(--product-soft); --bg: var(--product-bg); --paper: #fff; --sidebar: #f1eee7; --card: #fff; --line: var(--product-line); --ink: var(--product-ink); --muted: var(--product-muted); --secondary: #625f5c; }
.product-app button { font: inherit; }
.product-app button, .product-app input, .product-app textarea, .product-app select { outline-offset: 3px; }
.product-app :focus-visible { outline: 2px solid var(--product-accent); }
.product-app button { transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease; }
.product-app button:disabled { opacity: .42; cursor: not-allowed; }
.product-app button:not(:disabled):active { transform: translateY(1px); }
.product-app input, .product-app textarea, .product-app select { color: var(--product-ink); }
.product-app input::placeholder, .product-app textarea::placeholder { color: #817b73; }
.product-app [hidden] { display: none !important; }
.product-skip-link { position: fixed; left: 250px; top: -80px; z-index: 200; background: white; padding: 14px; color: var(--product-accent); }
.product-skip-link:focus { top: 10px; }
.product-sidebar { display: flex; flex-direction: column; min-height: 0; padding: 27px 14px 16px; background: #eeeae3; border-right: 1px solid var(--product-line); }
.product-brand { display: flex; align-items: center; gap: 12px; text-align: left; border: 0; background: transparent; color: var(--product-ink); padding: 0 8px 27px; font-size: 20px !important; font-weight: 650 !important; letter-spacing: -.6px; }
.product-brand-mark { font-family: Georgia, serif; font-size: 42px; line-height: 1; font-style: italic; color: var(--product-accent); }
.product-brand-mark span { font-style: normal; }
.product-brand small { display: block; margin-top: 6px; font-size: 12px; font-weight: 400; letter-spacing: .05em; color: var(--product-muted); }
.product-search-trigger { display: flex; gap: 9px; align-items: center; padding: 11px 12px; background: #fff9; border: 1px solid #e1dbd1; border-radius: 7px; color: #81796e; font-size: 12px !important; text-align: left; margin-bottom: 25px; }
.product-sidebar nav, .product-sidebar-section { display: grid; gap: 5px; }
.product-sidebar nav button, .product-sidebar-section button, .product-sidebar-bottom > button:not(.product-ai-status) { display: flex; gap: 12px; align-items: center; border: 0; border-radius: 6px; background: transparent; padding: 12px 14px; color: #6b655e; text-align: left; }
.product-sidebar nav button:hover, .product-sidebar-section button:hover, .product-sidebar-bottom > button:hover { background: #e8e3db; }
.product-sidebar nav button.active, .product-sidebar-bottom > button.active { color: var(--product-accent); background: #e0e4e7; font-weight: 600; }
.product-sidebar nav small { margin-left: auto; font-size: 11px; opacity: .8; font-variant-numeric: tabular-nums; }
.product-sidebar-section { margin-top: 38px; }
.product-sidebar-section > span { padding-left: 14px; margin-bottom: 7px; font-size: 12px; letter-spacing: .09em; color: #8a8176; }
.product-sidebar-section button { font-size: 12px !important; padding-block: 10px; }
.product-sidebar-bottom { margin-top: auto; padding-top: 22px; display: grid; gap: 10px; }
.product-ai-status { display: flex; gap: 9px; align-items: center; width: 100%; padding: 14px 9px; border: 1px solid #ded8ce; border-radius: 8px; background: #f9f6f0; text-align: left; }
.product-ai-status > span:nth-child(2) { flex: 1; }
.product-ai-status strong { display: block; font-size: 12px; font-weight: 600; }
.product-ai-status small { display: block; font-size: 12px; color: var(--product-muted); margin-top: 5px; }
.ai-service-icon { width: 31px; height: 34px; display: grid; place-items: center; background: #e6e8e9; color: var(--product-accent); border-radius: 6px; }
.product-local-label { display: flex; align-items: center; gap: 6px; justify-content: center; font-size: 12px; color: #80786d; }
.product-main { min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.product-topbar { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; height: 64px; padding: 0 36px; border-bottom: 1px solid var(--product-line); background: #faf8f4; }
.product-breadcrumb, .product-topbar-actions, .product-topbar-actions > span { display: flex; gap: 12px; align-items: center; }
.product-breadcrumb { font-size: 11px; color: var(--product-muted); }
.product-breadcrumb strong { color: #5a6065; font-weight: 500; }
.product-topbar-actions { gap: 20px; }
.product-topbar-actions > span { gap: 6px; font-size: 12px; color: #847d74; }
.product-icon-button { background: transparent; border: 0; border-radius: 6px; color: #6f747a; min-width: 30px; height: 30px; padding: 6px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.product-icon-button:hover { background: #ece9e3; color: var(--product-accent); }
.product-page { padding: 45px clamp(24px, 4vw, 70px) 60px; overflow: auto; flex: 1; min-height: 0; }
.product-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 38px; }
.product-eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .14em; color: #8b8073; margin: 0 0 15px; }
.product-page-heading h1 { font-size: clamp(25px, 2.3vw, 34px); font-weight: 550; line-height: 1.4; letter-spacing: -.04em; margin: 0; }
.product-page-heading p:last-child { font-size: 13px; line-height: 1.8; margin: 12px 0 0; color: var(--product-muted); }
.product-button { display: inline-flex; gap: 8px; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid #ddd7cd; border-radius: 6px; background: white; color: #4c6071; font-size: 12px !important; font-weight: 500 !important; white-space: nowrap; text-decoration: none; }
.product-button:hover { background: #f0ede7; border-color: #b9c3cc; }
.product-button.primary { background: var(--product-accent); border-color: var(--product-accent); color: white; }
.product-button.primary:hover { background: #354a5f; }
.product-button.selected { color: var(--product-accent); background: var(--product-soft); border-color: #d4dce2; }
.product-text-button { display: inline-flex; gap: 7px; align-items: center; border: 0; padding: 4px 0; background: transparent; color: var(--product-accent); font-size: 12px !important; text-align: left; }
.product-text-button:hover { text-decoration: underline; }
.product-overline { font-size: 12px; font-weight: 500; letter-spacing: .08em; color: #8a8177; }
.product-home-grid { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(240px,1fr); gap: 25px; align-items: stretch; }
.product-continue { background: white; border: 1px solid var(--product-line); border-radius: 10px; padding: 25px 28px; }
.product-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.product-section-heading h2 { margin: 0; font-size: 15px; font-weight: 550; }
.product-section-heading > svg { color: #8a8176; }
.continue-book { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); margin: 30px 0 12px; }
.continue-book > .product-cover { width: 136px; height: 188px; flex-shrink: 0; padding: 21px 17px; }
.continue-book > div:last-child { min-width: 0; }
.continue-book h2 { margin: 10px 0 7px; font-size: 24px; line-height: 1.4; font-weight: 550; letter-spacing: -.03em; }
.continue-book p { color: var(--product-muted); font-size: 12px; }
.continue-chapter { display: flex; gap: 7px; align-items: center; font-size: 11px; color: #81766b; margin: 23px 0; }
.continue-chapter span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-cover { --cover-bg: #d7d0c0; --cover-ink: #514736; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-width: 0; width: 100%; height: 244px; padding: 26px 23px; color: var(--cover-ink); background: linear-gradient(90deg, #00000016 0, transparent 4%, #fffdf925 5%, transparent 8%), var(--cover-bg); border-radius: 2px 5px 5px 2px; box-shadow: 1px 3px 4px #29332a13, 7px 9px 18px #26332b0a; text-align: left; overflow: hidden; }
.cover-tone-1 { --cover-bg: #d9d2ba; --cover-ink: #554d34; }.cover-tone-2 { --cover-bg: #cbd8db; --cover-ink: #354d54; }.cover-tone-3 { --cover-bg: #d9ccc7; --cover-ink: #694b42; }.cover-tone-4 { --cover-bg: #d1cedc; --cover-ink: #49445b; }
.cover-imprint { font-size: 6px; letter-spacing: .16em; opacity: .75; }
.product-cover strong { font-family: Georgia, "Songti SC", "STSong", serif; font-size: 27px; font-weight: 500; line-height: 1.5; letter-spacing: -.025em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 26px; overflow-wrap: anywhere; }
.cover-rule { width: 24px; height: 1px; background: currentColor; margin-top: 20px; opacity: .6; }
.cover-author { font-size: 11px; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cover-format { font-size: 6px; letter-spacing: .16em; margin-top: auto; padding-top: 12px; opacity: .75; }
.continue-book .product-cover strong { margin-top: 20px; font-size: 21px; }
.continue-book .cover-rule { margin-top: 13px; }
.product-thought-space { padding: 30px 29px; border-radius: 10px; background: #ede8df; display: flex; flex-direction: column; }
.product-thought-space h2 { margin: 19px 0 10px; font-size: 22px; line-height: 1.55; font-weight: 500; letter-spacing: -.025em; }
.product-thought-space > p { margin: 0; line-height: 1.9; font-size: 12px; color: #786e63; }
.product-real-stats { display: flex; gap: 28px; margin: 30px 0 26px; }
.product-real-stats strong { display: block; font-size: 27px; font-weight: 400; font-family: Georgia,serif; font-variant-numeric: tabular-nums; }
.product-real-stats span { display: block; margin-top: 5px; font-size: 12px; color: #877d71; }
.product-thought-space > button { margin-top: auto; }
.product-first-book { min-height: 290px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; color: var(--product-accent); }
.product-first-book h2, .product-first-book h1 { font-size: 20px; font-weight: 500; color: var(--product-ink); margin: 20px 0 8px; }
.product-first-book p { max-width: 360px; line-height: 1.9; font-size: 12px; color: var(--product-muted); margin: 0 0 20px; }
.product-first-book small { font-size: 11px; color: #8a8175; margin-top: 16px; }
.product-recent-notes { margin-top: 38px; }
.product-empty-inline { display: flex; align-items: center; gap: 20px; border-top: 1px solid var(--product-line); margin-top: 20px; padding: 32px 2px; color: #877c6f; }
.product-empty-inline strong { font-size: 13px; color: #64594d; font-weight: 500; }
.product-empty-inline p { font-size: 12px; margin: 8px 0 0; color: var(--product-muted); }
.product-empty-inline > button { margin-left: auto; }
.product-note-summaries { display: grid; margin-top: 16px; }
.product-note-summaries > button { display: flex; align-items: flex-start; gap: 18px; padding: 22px 0; border: 0; border-bottom: 1px solid var(--product-line); background: transparent; text-align: left; color: #6f6a63; }
.product-note-summaries > button:hover { background: #efebe5; }
.product-note-summaries > button > div { flex: 1; min-width: 0; }.product-note-summaries strong { color: #3f4650; font-weight: 500; }.product-note-summaries p { color: #7c7469; font-size: 12px; margin: 7px 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }.product-note-summaries small { font-size: 12px; }
.product-toolbar { display: flex; align-items: center; gap: 14px; padding-bottom: 24px; border-bottom: 1px solid var(--product-line); margin-bottom: 28px; }
.product-search-field { display: flex; align-items: center; gap: 9px; border: 1px solid var(--product-line); background: white; border-radius: 6px; padding: 10px 12px; color: #8b8174; }
.product-search-field input { min-width: 0; border: 0; background: transparent; padding: 0; font-size: 12px; width: 100%; }
.product-toolbar .product-search-field { width: min(360px, 45%); }
.product-result-count { margin-right: auto; color: var(--product-muted); font-size: 11px; }.product-toolbar select { font-size: 11px; padding: 8px 10px; border: 1px solid var(--product-line); border-radius: 6px; background: white; }
.product-book-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(165px,1fr)); gap: 30px; align-items: start; }
.product-book { position: relative; min-width: 0; }.product-book-open { display: block; width: 100%; padding: 0; border: 0; background: transparent; text-align: left; }.product-book-open:hover .product-cover { box-shadow: 2px 4px 9px #29332a25, 10px 12px 24px #26332b15; }.product-book h2 { font-size: 14px; font-weight: 550; line-height: 1.6; margin: 18px 28px 5px 0; }.product-book p { font-size: 11px; color: var(--product-muted); margin: 0 0 10px; }.product-book small { font-size: 11px; color: #8b8175; }.product-book-progress { display: block; font-size: 12px; color: #7a6a58; margin-top: 9px; }.product-book-menu { position: absolute; right: 0; top: 257px; }.product-add-book { height: 244px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px dashed #d6cdbf; border-radius: 6px; background: #efebe5; color: #7d6e5c; }.product-add-book:hover { background: #e8e0d3; }.product-add-book strong { font-size: 12px; font-weight: 500; margin-top: 20px; }.product-add-book span { font-size: 12px; margin-top: 8px; }
.product-book-grid.book-list { display: flex; flex-direction: column; gap: 0; }.book-list .product-book { width: 100%; padding: 18px 40px 18px 0; border-bottom: 1px solid var(--product-line); }.book-list .product-book-open { display: flex; align-items: center; gap: 25px; }.book-list .product-cover { width: 70px; height: 98px; padding: 10px; flex-shrink: 0; }.book-list .product-cover strong { font-size: 12px; margin-top: 8px; }.book-list .cover-imprint, .book-list .cover-rule, .book-list .cover-author { display: none; }.book-list .product-book-menu { top: 45px; }.book-list .product-book-info h2 { margin-top: 0; }.book-list .product-add-book { height: 80px; width: 100%; margin-top: 22px; flex-direction: row; gap: 15px; }.book-list .product-add-book strong, .book-list .product-add-book span { margin: 0; }
.product-empty-search { text-align: center; color: var(--product-muted); padding: 25px; }
.product-reader { position: relative; min-height: 0; flex: 1; display: flex; flex-direction: column; }
.product-reader-toolbar { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; min-height: 54px; padding: 8px 18px; border-bottom: 1px solid var(--product-line); background: white; gap: 15px; }.product-reader-toolbar > div { display: flex; gap: 9px; align-items: center; min-width: 0; }.product-reader-toolbar > div > span { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.product-reader-toolbar .product-button { padding: 7px 10px; }
.product-reader-body { display: grid; grid-template-columns: minmax(0,1fr); flex: 1; min-height: 0; overflow: hidden; }.product-reader-body.with-chapters { grid-template-columns: 190px minmax(0,1fr); }.product-reader-body.with-ai { grid-template-columns: minmax(0,1fr) minmax(330px,42%); }.product-reader-body.with-chapters.with-ai { grid-template-columns: 180px minmax(0,1fr) minmax(330px,40%); }
.product-chapters { overflow: auto; padding: 24px 10px; background: #f2eee7; border-right: 1px solid var(--product-line); }.product-chapters > span { display: flex; justify-content: space-between; padding: 0 10px 18px; }.product-chapters small { font-size: 12px; }.product-chapters > button { display: flex; align-items: baseline; gap: 9px; width: 100%; text-align: left; border: 0; border-radius: 5px; background: transparent; padding: 13px 10px; color: #84786b; font-size: 11px; line-height: 1.7; }.product-chapters > button strong { flex: 1; font-weight: 400; }.product-chapters > button.active { background: #e4e8ec; color: var(--product-accent); }.product-chapters > button:hover { background: #efebe5; }.product-chapters > button > span { font-size: 11px; font-variant-numeric: tabular-nums; }
.product-reader-text { min-width: 0; overflow-y: auto; background: #fffdf8; }.product-reader-paper { max-width: 760px; margin: auto; padding: 48px clamp(25px,4vw,64px) 60px; }.product-reader-paper > h1 { font-family: Georgia,"Songti SC",serif; font-size: 1.65em; font-weight: 500; line-height: 1.6; margin: 20px 0 36px; }.product-prose { font-family: Georgia,"Songti SC","STSong",serif; line-height: 2.05; color: #3e3d3b; overflow-wrap: anywhere; }.product-prose p { margin: 0 0 1.3em; white-space: pre-wrap; }.product-prose h3 { font-size: 1.15em; font-weight: 600; margin: 1.8em 0 .8em; }.product-prose blockquote { border-left: 2px solid #b8a894; margin: 1em 0; padding: 0 0 0 20px; color: #6f6a63; white-space: pre-wrap; }.product-prose ul { padding-left: 1.3em; }.product-chapter-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--product-line); margin-top: 50px; padding-top: 25px; }.product-chapter-pagination > span { font-size: 12px; color: var(--product-muted); }
.product-reader-ai { min-width: 0; min-height: 0; display: flex; flex-direction: column; background: white; border-left: 1px solid var(--product-line); overflow: hidden; }.product-ai-heading { display: flex; align-items: center; gap: 9px; padding: 17px 20px; border-bottom: 1px solid var(--product-line); color: var(--product-accent); font-size: 11px; }.product-ai-heading strong { flex: 1; font-weight: 500; }.product-ai-heading span { font-size: 11px; color: var(--product-muted); }
.product-reader-ai .workspace { height: auto; flex: 1; min-height: 0; background: white; }.product-reader-ai .workflow-nav { padding: 12px 14px; gap: 7px; background: white; flex-shrink: 0; }.product-reader-ai .workflow-button { padding: 8px 11px; border-radius: 5px; font-size: 11px; }.product-reader-ai .center-scroll { padding: 12px 20px 24px; min-height: 0; }.product-reader-ai .reference-discussion-workspace { padding: 0; }.product-reader-ai .discussion-header { padding: 15px 0; }.product-reader-ai .discussion-header h1, .product-reader-ai .discussion-header h2 { font-size: 20px; }.product-reader-ai .discussion-header p { font-size: 11px; line-height: 1.8; }.product-reader-ai .conversation-scroll { padding-inline: 0; }.product-reader-ai .reference-turn, .product-reader-ai .reference-composer { max-width: 100%; }.product-reader-ai .reference-composer { border-radius: 8px; }.product-reader-ai .reference-discussion-workspace textarea { font-size: 12px; }.product-reader-ai .discussion-heading { font-size: 22px; }.product-reader-ai .roundtable-participant-grid { grid-template-columns: 1fr; }
.product-inspector-drawer { position: absolute; top: 54px; bottom: 0; right: 0; width: min(440px,100%); background: white; box-shadow: -12px 0 30px #27352b15; border-left: 1px solid var(--product-line); z-index: 20; overflow: auto; }.product-drawer-heading { display: flex; align-items: center; justify-content: space-between; padding: 13px 18px; border-bottom: 1px solid var(--product-line); background: white; position: sticky; top: 0; z-index: 2; font-size: 12px; }.product-inspector-drawer .workspace-right-rail, .product-inspector-drawer .knowledge-workspace { height: auto; min-height: 100%; }.product-inspector-drawer .workspace-right-rail { padding-top: 14px; }
.product-knowledge { display: grid; grid-template-columns: 276px minmax(0,1fr); min-height: 0; flex: 1; }.product-note-sidebar { min-height: 0; display: flex; flex-direction: column; padding: 25px 16px 13px; border-right: 1px solid var(--product-line); background: #f1eee8; }.product-note-sidebar-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 19px; }.product-note-sidebar-title h1 { font-size: 20px; font-weight: 550; margin: 0 0 0 6px; }.product-note-sidebar .product-search-field { padding: 9px; }.product-note-filters { display: grid; gap: 4px; padding: 17px 0; border-bottom: 1px solid var(--product-line); }.product-note-filters button { display: flex; align-items: center; gap: 8px; background: transparent; border: 0; border-radius: 5px; padding: 9px; text-align: left; color: #7f7365; font-size: 12px; }.product-note-filters button.active { background: #e5e8ea; color: var(--product-accent); }.product-note-filters small { margin-left: auto; font-size: 12px; }.product-note-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-block: 14px; }.product-note-tags button { font-size: 12px; border: 0; padding: 4px 7px; background: #efebe5; border-radius: 3px; color: #7d6c58; }.product-note-tags button:hover, .product-note-tags button.active { background: #e2d9ca; }.product-note-list { flex: 1; overflow-y: auto; margin-inline: -7px; padding: 9px 0; }.product-note-list > button { width: 100%; display: flex; gap: 10px; padding: 15px 12px; border: 0; border-radius: 5px; background: transparent; text-align: left; color: #8a7d6d; }.product-note-list > button > svg { flex-shrink: 0; margin-top: 2px; }.product-note-list > button > div { min-width: 0; }.product-note-list > button.active { background: #e8e2d8; }.product-note-list strong { display: block; color: #474c52; font-weight: 550; font-size: 12px; line-height: 1.6; }.product-note-list p { color: #837769; font-size: 12px; line-height: 1.7; margin: 6px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }.product-note-list small { color: #887c6d; font-size: 11px; }.product-list-empty { color: var(--product-muted); font-size: 12px; text-align: center; padding: 25px 0; }.product-note-format { display: flex; gap: 6px; align-items: center; font-size: 11px; color: #8b7c6a; padding-top: 12px; border-top: 1px solid var(--product-line); }
.product-note-document { overflow: auto; min-width: 0; background: white; }.product-note-document-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 15px 26px; border-bottom: 1px solid var(--product-line); position: sticky; top: 0; z-index: 3; background: #fffdf9f5; backdrop-filter: blur(12px); gap: 12px; }.product-note-document-toolbar > span, .product-note-document-toolbar > div { display: flex; gap: 9px; align-items: center; }.product-note-document-toolbar > span { font-size: 12px; color: #8a7d6f; white-space: nowrap; }.product-note-document-toolbar .product-button { padding: 7px 10px; font-size: 12px !important; }.product-note-paper { max-width: 820px; padding: 45px clamp(25px,5vw,75px) 80px; margin: auto; }.product-note-origin { color: #8b7d6c; font-size: 12px; display: flex; align-items: center; gap: 7px; line-height: 1.8; }.product-note-paper > h1, .product-note-title-input { font-size: clamp(25px,2.5vw,34px); font-weight: 550; line-height: 1.5; letter-spacing: -.035em; margin: 16px 0; overflow-wrap: anywhere; }.product-note-title-input { display: block; width: 100%; border: 0; padding: 0; background: transparent; }.product-note-reading-meta { font-size: 12px; color: #908271; margin-bottom: 28px; }.product-note-summary { border-left: 3px solid #7c6670; padding: 18px 22px; background: #f1ece7; border-radius: 0 6px 6px 0; margin-bottom: 35px; }.product-note-summary h2 { font-size: 11px; color: #78646a; font-weight: 500; margin: 0 0 10px; }.product-note-summary p { margin: 0; line-height: 1.9; font-size: 15px; color: #4c4d52; white-space: pre-wrap; }.product-note-section { margin-top: 29px; }.product-note-section > h2 { font-size: 15px; line-height: 1.7; font-weight: 550; margin: 0 0 13px; }.product-note-section .product-prose { font-family: inherit; font-size: 13px; line-height: 2; color: #555350; }.product-note-placeholder, .product-field-hint { color: #938778; font-size: 12px; line-height: 1.9; margin: 0 0 12px; }.product-note-paper textarea { display: block; width: 100%; border: 1px solid var(--product-line); border-radius: 6px; background: #fffdf8; padding: 12px 14px; line-height: 1.9; font-size: 13px; resize: vertical; min-height: 90px; }.product-note-summary textarea { background: white; }.product-note-sources blockquote { margin: 14px 0; border-left: 2px solid #cec3b5; padding: 14px 18px; background: #f9f6f0; }.product-note-sources blockquote p { line-height: 2; font-size: 12px; margin: 0; white-space: pre-wrap; }.product-note-sources cite { display: block; font-size: 12px; color: #8a7966; font-style: normal; margin-top: 10px; }.product-note-sources > small { display: block; color: #8c7d6c; font-size: 11px; margin: 12px 0; overflow-wrap: anywhere; }.product-note-connection-fields { display: grid; gap: 14px; }.product-note-connection-fields label { display: grid; gap: 7px; font-size: 11px; color: #81705c; }.product-note-connection-fields input { border: 1px solid var(--product-line); border-radius: 5px; padding: 10px; background: #fffdf8; width: 100%; }.product-wikilinks { display: flex; gap: 8px; flex-wrap: wrap; }.product-wikilinks button { color: var(--product-accent); border: 0; padding: 5px 0; background: transparent; display: flex; align-items: center; gap: 5px; font-size: 12px; }.product-backlinks { border-top: 1px solid var(--product-line); padding-top: 24px; }.product-backlinks > button { display: flex; margin: 9px 0; }.product-knowledge-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; text-align: center; }.product-note-empty-art { display: flex; flex-direction: column; align-items: center; color: #b1a18b; gap: 16px; margin-bottom: 20px; }.product-note-empty-art span { font-family: Georgia,serif; font-style: italic; font-size: 17px; }.product-knowledge-empty h2 { font-size: 25px; font-weight: 500; margin: 10px 0; }.product-knowledge-empty p { font-size: 13px; line-height: 2; max-width: 350px; color: #8b7d6b; margin: 8px 0 25px; }.product-knowledge-empty small { font-size: 12px; color: #998a77; margin-top: 20px; }
.product-settings-page { max-width: 1100px; width: 100%; margin-inline: auto; }.product-settings-content { padding: 8px 30px 30px; border: 1px solid var(--product-line); background: white; border-radius: 9px; }.product-settings-content .settings-modal-header { display: none; }.product-settings-content .settings-modal-section { padding: 26px 0; }.product-settings-content .settings-modal-section h3 { font-size: 14px; }.product-settings-content .settings-help { font-size: 11px; line-height: 1.9; }.product-settings-content .settings-row { font-size: 12px; }.product-settings-content input, .product-settings-content select { background: #fafcf7; border-radius: 5px; padding: 9px 11px; }.product-settings-content .modal-footer { position: sticky; bottom: -30px; background: #fffdf9f5; padding: 18px 0; }.product-app .primary-button { background: var(--product-accent); border-color: var(--product-accent); color: white; }.product-app .secondary-button { border-color: var(--product-line); background: white; }.product-app .primary-button, .product-app .secondary-button { border-radius: 6px; font-size: 12px; }.product-app .workspace-backup-controls { border-color: var(--product-line); }
.product-service-panel { display: flex; align-items: center; gap: 32px; padding: 38px; background: #ede7dc; border-radius: 10px; max-width: 850px; }.product-service-symbol { width: 88px; height: 100px; border-radius: 13px; background: #e1d8c9; color: var(--product-accent); display: grid; place-items: center; flex-shrink: 0; }.product-service-panel h2 { font-family: Georgia,serif; font-size: 35px; font-weight: 400; margin: 12px 0; }.product-service-panel p { font-size: 12px; color: #85745d; line-height: 1.9; }.product-service-panel .product-button { margin-top: 12px; }.product-service-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; max-width: 850px; margin-top: 40px; }.product-service-notes h2 { font-size: 15px; font-weight: 500; }.product-service-notes p { font-size: 12px; color: #8a7b67; line-height: 2; }
.product-notice { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 25px; background: #eee7db; color: var(--product-accent); font-size: 12px; }.product-notice button { display: flex; border: 0; background: transparent; color: inherit; }.product-delete-confirm { padding: 15px 25px; background: #fff3e9; font-size: 12px; }.product-delete-confirm .product-button { margin-right: 9px; }.product-app .danger { color: #a04e3e; }.product-dialog-backdrop { position: fixed; inset: 0; z-index: 100; background: #27232b55; display: grid; place-items: center; backdrop-filter: blur(3px); padding: 25px; }.product-book-details { background: white; padding: 28px; border-radius: 12px; width: min(460px,100%); box-shadow: 0 20px 100px #26362522; }.product-book-details label { display: grid; gap: 8px; margin: 20px 0; color: #6c7d60; font-size: 12px; }.product-book-details input { width: 100%; border: 1px solid var(--product-line); padding: 11px; border-radius: 5px; }.product-book-details > p { font-size: 11px; color: var(--product-muted); }.product-book-maintenance { display: flex; justify-content: space-between; border-top: 1px solid var(--product-line); padding-top: 18px; margin-top: 22px; gap: 15px; }.product-loading { padding: 50px; color: var(--product-muted); }.product-loading > div { height: 90px; background: #ede8df; border-radius: 6px; margin: 0 0 20px; }.product-loading > div:first-child { width: 50%; height: 35px; }
@media (min-width: 1700px) { .product-page { padding-inline: 90px; }.product-book-grid { grid-template-columns: repeat(auto-fill,minmax(195px,1fr)); }.product-cover { height: 280px; }.product-add-book { height: 280px; }.product-book-menu { top: 293px; } }
@media (max-width: 1200px) { .product-app { grid-template-columns: 196px minmax(0,1fr); }.product-sidebar { padding-inline: 10px; }.product-brand { font-size: 18px !important; gap: 9px; }.product-brand small { font-size: 8px; }.product-page { padding: 35px 27px; }.product-home-grid { grid-template-columns: minmax(0,1.4fr) minmax(210px,1fr); gap: 18px; }.product-continue, .product-thought-space { padding: 22px; }.continue-book { gap: 20px; }.continue-book > .product-cover { width: 110px; height: 160px; }.continue-book .product-cover strong { font-size: 17px; }.continue-book h2 { font-size: 20px; }.product-real-stats { gap: 23px; }.product-reader-body.with-chapters.with-ai { grid-template-columns: 145px minmax(0,1fr) minmax(300px,40%); }.product-reader-paper { padding: 35px 26px; }.product-knowledge { grid-template-columns: 230px minmax(0,1fr); }.product-note-paper { padding-inline: 35px; } }
@media (max-width: 980px) { .product-app { grid-template-columns: 76px minmax(0,1fr); }.product-sidebar { padding-top: 22px; align-items: center; }.product-brand { padding: 0 0 25px; }.product-brand > span:last-child, .product-search-trigger span, .product-sidebar nav button span, .product-sidebar nav small, .product-sidebar-section, .product-sidebar-bottom > button:not(.product-ai-status) span, .product-local-label, .product-ai-status > span:nth-child(2), .product-ai-status > svg { display: none; }.product-search-trigger { padding: 10px; }.product-sidebar nav { width: 100%; }.product-sidebar nav button { justify-content: center; padding: 14px; }.product-sidebar-bottom { width: 100%; }.product-ai-status { justify-content: center; border: 0; background: transparent; padding: 4px; }.product-sidebar-bottom > button:not(.product-ai-status) { justify-content: center; padding: 12px; }.product-home-grid { grid-template-columns: minmax(0,1.5fr) minmax(220px,1fr); }.product-reader-body.with-chapters.with-ai { grid-template-columns: minmax(0,1fr) minmax(310px,44%); }.product-reader-body.with-chapters.with-ai .product-chapters { display: none; }.product-knowledge { grid-template-columns: 225px minmax(0,1fr); } }
@media (max-width: 720px) { .product-app { grid-template-columns: 60px minmax(0,1fr); min-height: 0; }.product-sidebar { padding-inline: 6px; }.product-brand-mark { font-size: 34px; }.product-sidebar nav button { padding-inline: 10px; }.product-topbar { height: 52px; padding-inline: 18px; }.product-topbar-actions > span { display: none; }.product-topbar-actions { gap: 0; }.product-breadcrumb { font-size: 12px; gap: 8px; }.product-page { padding: 30px 20px; }.product-page-heading { align-items: flex-start; flex-direction: column; gap: 20px; margin-bottom: 26px; }.product-page-heading h1 { font-size: 25px; }.product-page-heading p:last-child { font-size: 12px; }.product-home-grid { grid-template-columns: 1fr; }.product-thought-space { padding: 25px; }.product-real-stats { margin-block: 18px; }.product-real-stats strong { font-size: 24px; }.product-first-book { padding-inline: 10px; }.product-first-book p { font-size: 11px; }.product-empty-inline { align-items: flex-start; flex-wrap: wrap; gap: 14px; }.product-empty-inline > div { width: calc(100% - 40px); }.product-empty-inline > button { margin-left: 36px; }.product-toolbar { flex-wrap: wrap; gap: 10px; }.product-toolbar .product-search-field { width: 100%; }.product-result-count { flex: 1; }.product-book-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 16px; }.product-cover { height: 200px; padding: 18px 13px; }.product-cover strong { font-size: 21px; margin-top: 20px; }.product-book-menu { top: 210px; }.product-book h2 { font-size: 12px; }.product-add-book { height: 200px; }.product-add-book strong { font-size: 12px; }.product-add-book span { font-size: 11px; }.product-continue { padding: 22px 18px; }.product-section-heading h2 { font-size: 13px; }.continue-book { gap: 18px; }.continue-book > .product-cover { width: 98px; height: 144px; padding: 15px 12px; }.continue-book h2 { font-size: 18px; }.continue-chapter { margin: 14px 0; }.continue-book .product-overline { font-size: 8px; }.continue-book .product-button { padding: 9px 12px; }.product-reader-toolbar { padding: 8px; gap: 5px; }.product-reader-toolbar > div { gap: 3px; }.product-reader-toolbar > div:first-child > span { max-width: 70px; }.product-reader-toolbar > div:nth-child(2) > button:nth-child(-n+2) { display: none; }.product-reader-toolbar .product-button { font-size: 12px !important; padding: 7px; }.product-reader-body.with-ai, .product-reader-body.with-chapters.with-ai { display: flex; flex-direction: column; overflow-y: auto; }.product-reader-body.with-ai .product-reader-text { flex: 0 0 auto; overflow: visible; min-height: 45%; max-height: none; }.product-reader-body.with-ai .product-reader-ai { min-height: 650px; flex: 1 0 650px; border-top: 1px solid var(--product-line); border-left: 0; }.product-reader-body.with-chapters { grid-template-columns: 130px minmax(0,1fr); }.product-reader-paper { padding: 25px 23px 40px; }.product-reader-paper > h1 { font-size: 1.5em; margin-bottom: 25px; }.product-reader-ai .center-scroll { padding: 15px; }.product-chapters { padding-inline: 5px; }.product-chapters > button { padding-inline: 5px; }.product-chapters > button > span { display: none; }.product-chapter-pagination { flex-wrap: wrap; }.product-chapter-pagination .product-button { font-size: 12px !important; padding: 7px; }.product-knowledge { display: flex; flex-direction: column; overflow: auto; }.product-note-sidebar { flex-shrink: 0; max-height: 300px; padding: 18px 14px 8px; border-right: 0; border-bottom: 1px solid var(--product-line); }.product-note-sidebar-title { margin-bottom: 12px; }.product-note-sidebar-title h1 { font-size: 18px; }.product-note-filters { display: flex; gap: 4px; padding: 8px 0; }.product-note-filters button { font-size: 12px; padding: 7px; }.product-note-filters small { margin-left: 5px; }.product-note-list { display: flex; gap: 6px; min-height: 95px; padding-bottom: 5px; overflow-x: auto; }.product-note-list > button { min-width: 180px; max-width: 200px; padding: 10px; }.product-note-list p { -webkit-line-clamp: 1; }.product-note-format, .product-note-sidebar > .product-note-tags { display: none; }.product-note-document { overflow: visible; }.product-note-document-toolbar { padding: 10px 12px; }.product-note-document-toolbar > span { display: none; }.product-note-document-toolbar > div { margin-left: auto; }.product-note-paper { padding: 27px 23px 50px; }.product-note-paper > h1 { font-size: 26px; }.product-note-title-input { font-size: 26px; }.product-knowledge-empty { padding: 40px 22px; }.product-knowledge-empty h2 { font-size: 22px; }.product-knowledge-empty p { font-size: 12px; }.product-knowledge-empty small { line-height: 1.9; }.product-settings-content { padding: 0 15px 20px; }.product-settings-content .settings-row { grid-template-columns: 1fr; }.product-settings-content .vault-path-field { min-width: 0; }.product-service-panel { padding: 25px; gap: 20px; align-items: flex-start; }.product-service-symbol { width: 48px; height: 58px; }.product-service-panel h2 { font-size: 28px; }.product-service-panel .product-overline { font-size: 8px; }.product-service-notes { grid-template-columns: 1fr; gap: 20px; } }
@media (prefers-reduced-motion: reduce) { .product-app *, .product-app *::before, .product-app *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
/* Dialogs share the product palette even when rendered outside the shell. */
:root { --accent: #455b70; --accent-soft: #e9edf0; }
.modal-backdrop .modal-dialog { border-radius: 12px; }
.modal-backdrop .primary-button { background: #455b70; border-color: #455b70; }
.product-reader-ai .workflow-nav { margin: 0; border: 0; border-bottom: 1px solid var(--product-line); border-radius: 0; box-shadow: none; }
.product-reader-ai .workflow-button.active { background: var(--product-soft); color: var(--product-accent); box-shadow: none; }
@media (max-width: 980px) { .product-reader-body.with-chapters.with-ai .product-chapters { display: block; position: absolute; top: 54px; bottom: 0; left: 0; width: 210px; z-index: 15; box-shadow: 12px 0 28px #27352b15; } }
/* Edition 3.1: warm paper, ink, and the original slate accent. */
:root { --bg:#f7f5f1; --paper:#fffdf8; --sidebar:#eeeae3; --card:#fffdf9; --ink:#292b30; --secondary:#625f5c; --muted:#81796f; --line:#e7e1d8; --accent:#455b70; --accent-soft:#e9edf0; }
.product-app { --product-bg:#f7f5f1;--product-paper:#fffdf9;--product-ink:#292b30;--product-muted:#78736d;--product-line:#e7e1d8;--product-accent:#455b70;--product-soft:#e9edf0;--ink:#292b30;--paper:#fffdf8;--sidebar:#eeeae3; font-size:14px; }
.product-brand { font-family:Georgia,"Songti SC",serif; font-weight:500!important; font-size:23px!important; letter-spacing:-.7px; }
.product-brand small { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; font-size:11px; line-height:1.7; letter-spacing:0; }
.product-sidebar { background:#eeeae3; padding-top:30px; }.product-sidebar nav button { font-size:14px; padding-block:13px; }.product-sidebar nav button.active { background:#e0e4e7; color:#3f5366; }
.product-topbar { background:#faf8f4; }.product-page-heading h1 { font-family:Georgia,"Songti SC","STSong",serif; font-size:36px; font-weight:500; letter-spacing:-.035em; }.product-page-heading p:last-child { font-size:14px; }
.product-eyebrow,.edition-eyebrow { font-size:11px; letter-spacing:.12em; color:#9a8977; font-weight:500; line-height:1.6; }.product-section-heading h2{font-size:17px;}.product-continue{border:0;background:#fffdf8;box-shadow:0 2px 16px #45372b05;border-radius:5px;}.product-thought-space{background:#e9e3d8;border-radius:5px;}.product-thought-space h2{font-family:Georgia,"Songti SC",serif;font-size:26px;}.product-thought-space>p{font-size:14px;line-height:1.9;color:#786b5d;}.product-thought-space .product-overline{font-size:11px;}.product-real-stats{gap:35px;}.product-real-stats strong{font-size:31px;color:#625346;}.product-real-stats span{font-size:12px;}.product-note-summaries>button{padding:24px 2px;}.product-note-summaries p{font-size:13px;}.product-button{font-size:13px!important;padding:10px 16px;border-radius:5px;}.product-text-button{font-size:13px!important;}.product-ai-status{background:#f7f3eb;border-radius:5px;}.ai-service-icon{background:#e4e7e8;color:#455b70;}
.product-cover { --cover-bg:#d9cfbb;--cover-ink:#584c39; }.cover-tone-1{--cover-bg:#c7c5bd;--cover-ink:#494b48;}.cover-tone-2{--cover-bg:#bdc8cf;--cover-ink:#3d5060;}.cover-tone-3{--cover-bg:#d3bcb1;--cover-ink:#624b43;}.cover-tone-4{--cover-bg:#cec7be;--cover-ink:#564d45;}.product-cover strong{font-family:Georgia,"Songti SC",serif;}.cover-imprint{font-size:7px!important}.cover-author{font-size:11px;}.cover-format{font-size:8px!important}.continue-book>.product-cover{width:146px;height:202px;}.continue-book .product-cover strong{font-size:23px;}.continue-book h2{font-family:Georgia,"Songti SC",serif;font-size:29px;}.continue-book>div:last-child>p{font-size:14px}.continue-chapter{font-size:13px;}.product-book h2{font-size:16px;}.product-book p{font-size:13px;}.product-reader-text{background:#fffdf8;}.product-reader-paper{max-width:800px;}.product-reader-paper>.product-overline{font-size:12px}.product-reader-paper>h1{line-height:1.5;font-size:1.8em}.product-prose{color:#383735;line-height:2.1}.product-reader-ai{background:#faf8f4}.product-reader-ai .workspace,.product-reader-ai .workflow-nav{background:#faf8f4}.product-reader-ai .workflow-button.active{background:#e6e9eb;color:#455b70}.product-reader-ai .center-scroll{padding-top:20px}.product-settings-content{background:#fffdf9;border-radius:6px}.product-settings-content .settings-help{font-size:13px}.product-settings-content .settings-row{font-size:14px}.product-app .primary-button,.modal-backdrop .primary-button{background:#455b70;border-color:#455b70}.product-service-panel{background:#eae4da}.product-service-symbol{background:#e1d7c8;color:#455b70}.product-notice{background:#eee8dd;color:#615849}
/* Obsidian file workspace */
.vault-workspace{display:grid;grid-template-columns:278px minmax(0,1fr);min-height:0;flex:1;background:#fffdf9}.vault-navigation{display:flex;flex-direction:column;min-height:0;background:#f1eee8;border-right:1px solid #e5ded3;padding:26px 16px 16px}.vault-heading{display:flex;align-items:center;justify-content:space-between;margin:0 5px 22px;gap:10px}.vault-heading h1{font-family:Georgia,"Songti SC",serif;font-size:23px;font-weight:500;margin:5px 0 0;overflow-wrap:anywhere}.vault-heading .edition-eyebrow{font-size:10px}.vault-navigation .product-search-field{background:#faf8f3;padding:10px}.vault-nav-actions{display:grid;gap:4px;padding:20px 0 12px}.vault-nav-actions button,.vault-folders button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#7b7062;padding:10px;text-align:left;border-radius:4px;font-size:13px}.vault-nav-actions button.active,.vault-folders button.active{background:#e5e0d6;color:#4f4a45}.vault-nav-actions small{margin-left:auto;font-size:11px;color:#8c7d69}.vault-folders{display:grid;gap:2px;padding-bottom:12px;border-bottom:1px solid #e3dccf;max-height:150px;overflow:auto}.vault-folders button{font-size:12px;padding:7px 10px;overflow-wrap:anywhere}.vault-note-list{overflow:auto;flex:1;margin:8px -6px}.vault-note-list>button{display:flex;gap:11px;width:100%;border:0;background:transparent;border-radius:4px;padding:16px 12px;text-align:left;color:#a08c74}.vault-note-list>button>svg{flex-shrink:0;margin-top:4px}.vault-note-list>button.active{background:#e8e0d3}.vault-note-list>button:hover{background:#ece6db}.vault-note-list strong{display:block;color:#4e4840;font-size:14px;font-weight:500;line-height:1.65}.vault-note-list p{font-size:12px;line-height:1.8;color:#968874;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vault-note-list small{font-size:10px;color:#a2917b;overflow-wrap:anywhere}.vault-list-empty{font-size:12px;line-height:1.9;color:#97876f;padding:18px 12px}.vault-new-note{display:flex;gap:8px;align-items:center;justify-content:center;padding:11px;border:1px solid #d8cebe;background:#f8f4eb;border-radius:4px;color:#77654e}.vault-live-label{display:flex;align-items:center;gap:6px;padding:16px 0 0;justify-content:center;font-size:10px;color:#95846d}.vault-live-label>span{width:5px;height:5px;border-radius:50%;background:#88937f}.vault-document{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:auto;background:#fffdf9}.vault-document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 26px;border-bottom:1px solid #ece5db;position:sticky;top:0;z-index:3;background:#fffdf9f5;backdrop-filter:blur(10px)}.vault-document-toolbar>span,.vault-document-toolbar>div{display:flex;align-items:center;gap:10px}.vault-document-toolbar>span{font-size:12px;color:#958875;min-width:0;overflow-wrap:anywhere}.vault-document-toolbar .product-button{padding:7px 12px;font-size:12px!important}.vault-file-meta{display:flex;align-items:center;justify-content:space-between;padding:15px 30px 0;font-size:11px;color:#a59681}.vault-file-meta button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#98846b;font-size:11px}.vault-paper{width:100%;max-width:850px;margin:0 auto;padding:40px clamp(28px,5vw,76px) 70px}.vault-paper-kicker{font-size:11px;color:#a49480;letter-spacing:.07em;margin-bottom:25px}.vault-readable{color:#4b453e;font-size:15px;line-height:1.95;overflow-wrap:anywhere}.vault-readable h1{font-family:Georgia,"Songti SC","STSong",serif;font-size:34px;font-weight:500;color:#343535;line-height:1.55;letter-spacing:-.03em;margin:0 0 30px}.vault-readable h2{font-size:19px;font-weight:550;line-height:1.7;color:#4c4843;margin:35px 0 14px}.vault-readable h3{font-size:16px;font-weight:550;margin:26px 0 12px}.vault-readable p{margin:0 0 18px}.vault-readable strong{font-weight:600;color:#3f4245}.vault-readable blockquote{margin:24px 0;padding:19px 23px;border-left:2px solid #b49b7b;background:#f5efe5;font-family:Georgia,"Songti SC",serif;font-size:16px;color:#6d5b43}.vault-readable blockquote p:last-child{margin:0}.vault-readable blockquote p:first-child{white-space:pre-wrap}.vault-readable ul,.vault-readable ol{padding-left:24px;margin:20px 0}.vault-readable li{padding:3px 0}.vault-readable table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;font-size:13px;margin:24px 0}.vault-readable th{background:#eee8de;font-weight:550}.vault-readable td,.vault-readable th{padding:11px 15px;border:1px solid #e2d7c7;text-align:left;min-width:100px}.vault-readable pre{background:#f0ece5;padding:20px;border-radius:5px;overflow:auto;font-size:13px;line-height:1.7}.vault-readable :not(pre)>code{font-size:13px;background:#efebe3;color:#886753;padding:2px 5px;border-radius:3px}.vault-readable hr{border:0;border-top:1px solid #e8e1d6;margin:32px 0}.vault-readable img{display:block;max-width:100%;height:auto;border-radius:5px;margin:24px auto}.vault-readable a,.vault-inline-link{color:#586f83;text-decoration:underline;text-decoration-color:#aab7bf;text-underline-offset:3px}.vault-inline-link{border:0;background:transparent;padding:0;font:inherit!important;display:inline;text-align:left}.vault-inline-link:hover{background:#e9edf0}.vault-attachment-label{font-size:12px;color:#a39076}.vault-properties{background:#f1ece3;border:1px solid #e6dccb;border-radius:4px;margin:20px 30px 0;padding:18px;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.vault-source-editor{flex:1;min-height:500px;border:0;background:#fffdf9;width:100%;padding:30px 45px;resize:none;font:14px/1.9 "SFMono-Regular",Consolas,"PingFang SC",monospace;color:#51483b;outline-offset:-4px!important}.vault-backlinks{border-top:1px solid #e5dccf;margin-top:50px;padding-top:25px}.vault-backlinks>button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#66798a;font-size:13px;padding:12px 0}.vault-backlinks>p{font-size:12px;line-height:1.9;color:#a39580}.vault-status{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f0eade;color:#8c7759;padding:10px 25px;font-size:12px;line-height:1.8}.vault-error{color:#9a594d;background:#f5e9e1;padding:13px 20px;font-size:13px}.vault-conflict{background:#f7ecd9;padding:20px 28px;color:#8a6237;font-size:13px;line-height:1.9;border-bottom:1px solid #e8d4b2}.vault-conflict strong{display:block;font-weight:550}.vault-conflict .product-button{margin-right:10px;margin-top:10px}.vault-empty{display:flex;flex:1;min-height:420px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#b6a58b}.vault-empty .edition-eyebrow{margin-top:30px}.vault-empty h2{font-family:Georgia,"Songti SC",serif;font-size:30px;font-weight:500;color:#6c5c48;margin:10px 0}.vault-empty>p:not(.edition-eyebrow){font-size:14px;color:#a08e75;max-width:340px;line-height:2;margin:10px 0 25px}.vault-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;overflow:auto;padding:45px;text-align:center;background:radial-gradient(ellipse at 50% 25%,#eee6d9,transparent 65%),#f7f5f1}.vault-welcome-icon{padding:23px;background:#e8ddcc;border-radius:16px;color:#8c7455;margin-bottom:20px}.vault-welcome h1{font-family:Georgia,"Songti SC",serif;font-size:35px;font-weight:500;color:#514636;line-height:1.6;letter-spacing:-.03em;margin:12px 0}.vault-welcome>p:not(.edition-eyebrow){font-size:14px;color:#92816a;line-height:2;max-width:490px}.vault-welcome-actions{display:flex;gap:12px;margin:22px 0}.vault-path-input{font-size:11px;text-align:left;color:#a28e74;max-width:480px;width:100%;margin-top:18px}.vault-path-input>div{display:flex;gap:8px;margin-top:8px}.vault-path-input input{flex:1;min-width:0;border:1px solid #ddd1bd;padding:10px 12px;background:#fffdf8;border-radius:4px;font-size:12px}.vault-welcome-foot{display:flex;gap:22px;font-size:11px;color:#a28c70;margin-top:35px}
/* Roundtable: a real room, a curated invitation, one question at a time. */
.product-roundtable-page{flex:1;min-height:0;overflow:auto}.product-roundtable-page>.workspace{height:auto;min-height:100%;overflow:visible;background:#f7f5f1}.product-roundtable-page>.workspace>.workflow-nav{display:none}.product-roundtable-page .center-scroll{padding:0;overflow:visible}.product-roundtable-page .roundtable-workspace{max-width:1320px;margin:auto;padding:38px 45px 35px;min-height:0;overflow:visible;height:auto}.roundtable-room-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.roundtable-room-heading h1{font-family:Georgia,"Songti SC",serif;font-size:33px;font-weight:500;letter-spacing:-.03em;margin:12px 0;color:#34373a;line-height:1.5}.roundtable-room-heading p:last-child{font-size:13px;color:#8b8175;line-height:1.9}.roundtable-room-heading .product-button>span{font-size:11px;opacity:.6}.roundtable-scene-tabs{display:flex;gap:24px;margin:0 0 21px;padding-bottom:13px;border-bottom:1px solid #e4ddd1;flex-wrap:wrap}.roundtable-scene-tabs button{border:0;background:transparent;padding:6px 0;color:#a08e77;font-size:13px;position:relative}.roundtable-scene-tabs button.active{color:#4f6071;font-weight:550}.roundtable-scene-tabs button.active:after{content:"";position:absolute;bottom:-14px;height:2px;left:0;right:0;background:#596d7d}.roundtable-room-scene{height:390px;border-radius:7px;position:relative;overflow:hidden;background:#a1907b url('/web/images/roundtable-reading-room.png') center 59%/cover}.room-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#29252078,transparent 70%),linear-gradient(0deg,#27221d8c,transparent 70%)}.room-scene-copy{position:absolute;left:32px;top:26px;color:#fff5df}.room-scene-copy>span{font-size:11px;letter-spacing:.08em;opacity:.8}.room-scene-copy h2{font-family:Georgia,"Songti SC",serif;font-size:27px;font-weight:400;letter-spacing:.03em;margin:10px 0}.room-scene-copy p{font-size:11px;opacity:.7}.room-table-label{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:13px 20px;background:#fcf5e8ed;border:1px solid #d9c6a5;box-shadow:0 4px 20px #30231830;border-radius:3px;color:#6e5940;max-width:70%}.room-table-label strong{font-family:Georgia,"Songti SC",serif;font-size:17px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-table-label>span{font-size:8px;letter-spacing:.09em;white-space:nowrap;color:#a18b6e}.room-seats{position:absolute;bottom:17px;left:25px;right:25px;display:flex;gap:16px;align-items:flex-end;justify-content:center}.room-person-seat{display:flex;flex-direction:column;align-items:center;position:relative;border:1px solid #f4e2c74a;background:#2a241dc2;backdrop-filter:blur(7px);padding:17px 13px 12px;max-width:180px;min-width:125px;flex:1;border-radius:6px;color:#f8eddb;box-shadow:0 5px 25px #18130f30}.room-person-portrait{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;border:2px solid #f7e6cd99;background:#c9b798;color:#5c4830;margin-top:-39px;box-shadow:0 3px 15px #18120a35}.room-person-portrait>span{font-family:"Songti SC",Georgia,serif;font-size:20px}.room-person-seat strong{font-size:13px;font-weight:500;margin-top:12px;line-height:1.5}.room-person-seat small{font-size:10px;color:#d7c4a8;margin-top:5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.person-tone-0{background:#c8b69b;color:#594b3c}.person-tone-1{background:#aebcc7;color:#3d5060}.person-tone-2{background:#c5aaa2;color:#654b44}.person-tone-3{background:#b5b7a7;color:#535947}.room-empty-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:110px;max-width:150px;flex:1;border:1px dashed #ead8ba88;background:#241e176b;color:#f3e1c5;padding:17px;border-radius:6px;font-size:11px}.roundtable-scene-question{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:24px 0 12px}.roundtable-scene-question>div{flex:1}.roundtable-scene-question p{font-family:Georgia,"Songti SC",serif;font-size:16px;line-height:1.9;color:#6d5d49;margin:10px 0}.roundtable-simulation-note{font-size:11px;line-height:1.9;color:#a2937f;padding:0 0 18px;border-bottom:1px solid #e4ddd1}.product-roundtable-page .roundtable-history{overflow:visible;min-height:0;max-height:none;padding:15px 0}.product-roundtable-page .roundtable-empty-state{display:none}.product-roundtable-page .roundtable-composer{background:#fffdf8;border:1px solid #d9cfbf;box-shadow:0 5px 18px #5c493b08;border-radius:7px;margin:12px 0 0;position:relative;bottom:auto}.product-roundtable-page .roundtable-composer textarea{font-size:14px;min-height:100px;background:transparent}.product-roundtable-page .roundtable-send{background:#455b70;color:#fff}.product-roundtable-page .roundtable-message{background:#fffdf9;border:1px solid #e6dfd2;border-radius:6px;padding:23px}.product-roundtable-page .roundtable-message p{font-size:14px;line-height:1.95}.roundtable-modal.participant-picker-modal{width:min(840px,calc(100vw - 48px));max-width:840px;background:#fbf8f1;border:1px solid #dfd4c4;padding:28px;border-radius:9px;max-height:85dvh;overflow:auto}.roundtable-picker-intro{font-size:13px;color:#93826c;line-height:1.8;margin:12px 0 22px}.perspective-catalog .product-search-field{padding:11px 13px;background:#fffdf8}.perspective-categories{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.perspective-categories>button{background:transparent;border:1px solid transparent;color:#a08e76;font-size:12px;padding:7px 10px;border-radius:4px}.perspective-categories>button.active{background:#e8e0d2;color:#6c5c47}.perspective-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.perspective-person{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e4dbcd;background:#fffdf8;border-radius:5px;padding:15px;color:#b6a184}.perspective-person.selected{background:#ebe5da;border-color:#b4a087}.perspective-person:disabled{opacity:.4}.perspective-person>span:nth-child(2){flex:1;min-width:0}.perspective-person strong{display:block;font-size:14px;font-weight:500;color:#5b5042;line-height:1.5}.perspective-person small{display:block;font-size:11px;color:#9c896f;line-height:1.7;margin-top:4px}.catalog-person-mark{display:grid;place-items:center;width:43px;height:47px;border-radius:5px;font-family:"Songti SC",serif;font-size:17px;flex-shrink:0}.roundtable-no-book{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70dvh;text-align:center;color:#b1a18b;padding:30px}.roundtable-no-book h1{font-family:Georgia,"Songti SC",serif;color:#665743;font-size:30px;font-weight:400}.roundtable-no-book p{color:#98856c;font-size:14px;line-height:1.9;margin:0 0 25px}
@media(min-width:1600px){.roundtable-room-scene{height:440px}}
@media(max-width:1100px){.vault-workspace{grid-template-columns:245px minmax(0,1fr)}.product-roundtable-page .roundtable-workspace{padding:30px 27px}.roundtable-room-heading h1{font-size:29px}.roundtable-room-scene{height:350px}.room-seats{gap:10px;left:16px;right:16px}.room-person-seat{min-width:100px;padding-inline:9px}.room-person-seat strong{font-size:12px}.room-person-seat small{display:none}.room-table-label>span{display:none}.vault-document-toolbar{padding-inline:20px}.vault-readable h1{font-size:30px}}
@media(max-width:720px){.product-page-heading h1{font-size:28px}.continue-book>.product-cover{width:106px;height:158px}.continue-book h2{font-size:23px}.product-thought-space h2{font-size:24px}.product-brand{font-size:18px!important}.vault-workspace{display:flex;flex-direction:column;overflow:auto}.vault-navigation{max-height:285px;flex-shrink:0;padding:18px 14px 10px;border-right:0;border-bottom:1px solid #e0d7c8}.vault-heading{margin-bottom:10px}.vault-heading h1{font-size:20px}.vault-heading .edition-eyebrow{display:none}.vault-nav-actions{display:flex;padding:9px 0}.vault-nav-actions button{font-size:11px;padding:7px}.vault-nav-actions small{margin-left:7px}.vault-folders{display:none}.vault-note-list{display:flex;overflow:auto;min-height:87px;max-height:105px}.vault-note-list>button{min-width:190px;max-width:225px;padding:10px}.vault-note-list strong{font-size:12px}.vault-note-list p{-webkit-line-clamp:1;font-size:10px}.vault-note-list small{font-size:9px}.vault-new-note{position:absolute;right:20px;top:75px;border:0;background:transparent;padding:5px;font-size:0}.vault-live-label{display:none}.vault-document{overflow:visible;min-height:450px}.vault-document-toolbar{padding:11px 14px;flex-wrap:wrap;gap:8px}.vault-document-toolbar>span{font-size:10px;max-width:140px}.vault-document-toolbar>div{gap:4px}.vault-document-toolbar .product-button{font-size:10px!important;padding:7px 9px}.vault-paper{padding:28px 23px 50px}.vault-readable{font-size:14px}.vault-readable h1{font-size:28px}.vault-readable h2{font-size:18px}.vault-file-meta{padding:14px 22px 0}.vault-welcome{padding:30px 22px}.vault-welcome h1{font-size:27px}.vault-welcome>p:not(.edition-eyebrow){font-size:13px}.vault-welcome-actions{flex-direction:column;width:100%;gap:10px}.vault-welcome-foot{flex-wrap:wrap;gap:12px;justify-content:center;line-height:1.9}.vault-source-editor{padding:24px;font-size:13px;min-height:550px}.vault-conflict{padding:18px}.vault-empty{padding:30px 24px;min-height:350px}.vault-empty h2{font-size:26px}.product-roundtable-page .roundtable-workspace{padding:24px 18px}.roundtable-room-heading{display:block;margin-bottom:20px}.roundtable-room-heading h1{font-size:27px}.roundtable-room-heading p:last-child{font-size:12px}.roundtable-room-heading>.product-button{margin-top:10px}.roundtable-scene-tabs{gap:15px;margin-bottom:18px}.roundtable-scene-tabs button{font-size:11px}.roundtable-room-scene{height:340px;border-radius:5px}.room-scene-copy{left:18px;top:20px}.room-scene-copy h2{font-size:22px}.room-scene-copy p{font-size:10px;max-width:200px}.room-table-label{top:48%;padding:11px 13px;gap:6px;max-width:90%}.room-table-label strong{font-size:14px}.room-seats{flex-wrap:wrap;left:10px;right:10px;bottom:12px;gap:6px;align-items:stretch}.room-person-seat{min-width:75px;max-width:46%;padding:9px 6px}.room-person-portrait{height:32px;width:32px;margin-top:-22px}.room-person-portrait>span{font-size:14px}.room-person-seat strong{font-size:10px;margin-top:6px}.room-empty-seat{min-width:75px;max-width:110px;padding:9px;font-size:9px;gap:5px}.room-empty-seat>svg{width:16px;height:16px}.roundtable-scene-question{display:block;padding-top:20px}.roundtable-scene-question p{font-size:14px;line-height:1.9}.roundtable-scene-question>.product-button{margin-top:6px}.roundtable-simulation-note{font-size:10px}.roundtable-modal.participant-picker-modal{padding:20px;width:calc(100vw - 26px);max-height:90dvh}.perspective-grid{grid-template-columns:1fr}.perspective-person{padding:11px}.perspective-categories{gap:3px}.perspective-categories>button{padding:5px 7px;font-size:11px}.product-roundtable-page .roundtable-composer textarea{font-size:13px;min-height:95px}.roundtable-no-book h1{font-size:26px}}
/* A typographic bookplate replaces the provisional italic m-dot mark. */
.product-brand{gap:11px;align-items:center;padding-inline:7px}.product-brand-mark{display:grid;place-items:center;width:34px;height:39px;border:1px solid #bcae9c;border-radius:3px;background:#e4dccf;color:#65594b;font-family:Georgia,"Times New Roman",serif;font-size:24px!important;font-style:normal!important;line-height:1;letter-spacing:-2px;padding-right:2px;box-shadow:inset 3px 0 #d1c5b5}.product-brand-mark>span{display:none}.product-sidebar svg{stroke-width:1.45}.product-sidebar nav button svg{width:19px;height:19px}.product-sidebar nav button.active svg{stroke-width:1.7}.product-icon-button svg{stroke-width:1.5}.product-brand>span:last-child{font-size:21px;letter-spacing:-.55px}.product-brand small{font-size:10px;letter-spacing:.02em}
.product-settings-page{max-width:1280px;padding-top:34px}.product-settings-page>.product-page-heading{margin-bottom:26px}.product-settings-page>.product-page-heading h1{font-family:inherit;font-size:28px;font-weight:550}.product-settings-page>.product-page-heading .product-eyebrow{display:none}.product-settings-page>.product-page-heading p:last-child{font-size:13px;margin-top:7px}.product-settings-content{padding:0;border:1px solid #e2dbce;border-radius:8px;overflow:hidden;background:#fffdf9;box-shadow:0 4px 24px #6a55430a}.preferences-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:540px}.preferences-menu{padding:24px 14px;background:#f4f0e9;border-right:1px solid #e8dfd1;display:flex;flex-direction:column;gap:5px}.preferences-menu>button{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:12px 13px;border-radius:5px;color:#887967;text-align:left;font-size:13px}.preferences-menu>button>svg{stroke-width:1.4;flex-shrink:0}.preferences-menu>button>span{flex:1}.preferences-menu>button>svg:last-child{opacity:0}.preferences-menu>button.active{background:#e8e0d3;color:#665542;font-weight:550}.preferences-menu>button.active>svg:last-child{opacity:.6}.preferences-menu>button:hover{background:#ece6dc}.preferences-menu-foot{margin-top:auto;padding:45px 13px 10px;color:#b6a58f}.preferences-menu-foot>span{font-family:Georgia,serif;display:block;font-size:19px;color:#a69379}.preferences-menu-foot>small{display:block;font-size:10px;margin-top:8px}.preferences-body{min-width:0;padding:32px 35px 0}.product-settings-content .preferences-body>.settings-modal-header{display:block;padding:0 0 24px;margin:0;border-bottom:1px solid #ebe4d8}.preferences-body .settings-modal-header h2{font-size:21px;font-weight:550;letter-spacing:-.02em;margin:0 0 8px}.preferences-body .settings-modal-header p{font-size:12px;color:#a18e73;line-height:1.8;margin:0}.product-settings-content .preferences-body .settings-modal-section{padding:24px 0;border-bottom:1px solid #eee7dc;margin:0}.product-settings-content .preferences-body .settings-modal-section[hidden],.product-settings-content .preferences-backup[hidden]{display:none}.preferences-body .settings-modal-section h3{font-size:12px!important;color:#a08b70;font-weight:500;letter-spacing:.02em;margin:0 0 18px}.preferences-body .settings-modal-section h3>svg{display:none}.preferences-body .settings-row{display:grid;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:20px;padding:9px 0;margin:0 0 10px}.preferences-body .settings-row>span:first-child{font-size:13px;color:#776958}.preferences-body .settings-row input,.preferences-body .settings-row select{min-width:0;width:100%;font-size:13px;border:1px solid #ded4c4!important;background:#faf7f0!important;border-radius:5px;padding:11px 12px;box-shadow:none;min-height:40px}.preferences-body .settings-row select{cursor:pointer}.preferences-body .settings-help{font-size:12px!important;line-height:1.95!important;color:#a08d73;margin:11px 0}.preferences-body .settings-inline-actions{display:flex;flex-wrap:wrap;gap:12px;margin:19px 0 0;align-items:center}.preferences-body .settings-inline-actions>span{font-size:11px}.preferences-provider-summary{display:flex;align-items:center;gap:13px;background:#f4efe5;border:1px solid #e4d8c6;border-radius:6px;padding:17px;margin:7px 0 25px}.preferences-provider-mark{display:grid;place-items:center;width:39px;height:39px;background:#e1e7eb;border-radius:8px;font-family:Georgia,serif;font-size:25px;color:#5a6b7a}.preferences-provider-summary>div{flex:1}.preferences-provider-summary strong{display:block;font-size:15px;font-weight:550;color:#5e5549}.preferences-provider-summary>div>span{display:block;font-size:11px;margin-top:5px;color:#a48e71}.preferences-provider-summary>small{font-size:10px;color:#a99578;background:#eae2d4;border-radius:4px;padding:5px 8px}.preferences-section-copy{font-size:12px;color:#9c886c;line-height:1.9;margin:0 0 20px}.preferences-advanced{margin-top:28px;border-top:1px solid #e8dfd0;padding-top:17px}.preferences-advanced>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:#a18d71;font-size:12px;cursor:pointer;padding:3px 0 12px}.preferences-advanced>summary::-webkit-details-marker{display:none}.preferences-advanced[open]>summary svg{transform:rotate(90deg)}.preferences-advanced .settings-row>span:first-child{font-size:12px}.preferences-advanced .settings-row{grid-template-columns:100px minmax(0,1fr);gap:15px}.preferences-vault-summary{display:flex;gap:16px;margin:2px 0 20px;color:#ad987b}.preferences-vault-summary>svg{flex-shrink:0;margin-top:3px}.preferences-vault-summary strong{font-family:Georgia,"Songti SC",serif;font-size:20px;font-weight:500;line-height:1.7;color:#6f5c45}.preferences-vault-summary p{font-size:12px;color:#a18b6c;line-height:1.9;margin:7px 0}.preferences-vault-summary+.product-button{margin-bottom:24px}.preferences-body .checkbox-row,.preferences-body .toggle-row{padding:15px 0;align-items:center;gap:15px;font-size:13px;color:#776852;line-height:1.8}.preferences-body .toggle-row{display:flex;justify-content:space-between}.preferences-body input[type=checkbox]{accent-color:#586b7c;width:16px;height:16px;flex-shrink:0}.preferences-body .settings-footer{position:sticky;bottom:0;margin:0;padding:22px 0!important;background:#fffdf9;border-top:1px solid #eae2d6;display:flex;justify-content:flex-end;gap:10px}.preferences-backup{padding:25px 0}.preferences-backup>section{border:0;padding:0}.preferences-backup h3{display:none}.preferences-body .password-field{position:relative;display:flex;align-items:center}.preferences-body .password-field>button{position:absolute;right:10px;border:0;background:transparent;color:#a48b69;display:grid;place-items:center;width:25px;height:25px}.preferences-body .password-field input{padding-right:43px}.preferences-body .vault-path-field{display:flex;gap:8px;min-width:0}.preferences-body .vault-path-field>input{flex:1;min-width:0}.preferences-body .vault-path-field>button{border:1px solid #dbcebb;border-radius:5px;background:#f2ecdf;color:#8b7456;font-size:12px;padding:0 12px}
@media(max-width:1100px){.preferences-layout{grid-template-columns:180px minmax(0,1fr)}.preferences-body{padding:26px 26px 0}.preferences-menu{padding:22px 10px}.preferences-menu>button{font-size:12px;gap:8px;padding:12px 10px}.preferences-body .settings-row{grid-template-columns:100px minmax(0,1fr);gap:15px}.preferences-provider-summary>small{display:none}}
@media(max-width:720px){.product-brand{padding-inline:0;justify-content:center}.product-brand-mark{width:30px;height:35px;font-size:22px!important}.product-settings-page{padding:25px 15px}.preferences-layout{display:flex;flex-direction:column;min-height:0}.preferences-menu{display:flex;flex-direction:row;overflow-x:auto;gap:4px;border-right:0;border-bottom:1px solid #e6dccb;padding:10px}.preferences-menu>button{flex-shrink:0;padding:10px 9px;font-size:11px;gap:5px}.preferences-menu>button>svg{width:14px;height:14px}.preferences-menu>button>svg:last-child,.preferences-menu-foot{display:none}.preferences-body{padding:22px 18px 0}.preferences-body .settings-row{grid-template-columns:1fr;gap:8px}.preferences-body .settings-row>span:first-child{font-size:12px}.preferences-body .settings-row input,.preferences-body .settings-row select{font-size:12px}.preferences-body .settings-modal-header h2{font-size:20px}.preferences-body .settings-modal-section{padding-top:20px!important}.preferences-body .toggle-row{font-size:12px;gap:12px}.preferences-body .settings-footer{padding-block:17px!important}.preferences-vault-summary strong{font-size:18px}}
.product-settings-content .preferences-body>.settings-modal-header{text-align:left!important;justify-content:flex-start;display:block;border-radius:0;background:transparent}.preferences-body .settings-modal-header h2{font-family:inherit!important;font-size:21px!important;font-weight:550!important}.product-settings-content .preferences-body .settings-modal-section{border:0!important;border-bottom:1px solid #e9e1d4!important;border-radius:0!important;background:transparent!important;padding:25px 0!important}.preferences-body .settings-inline-actions{padding:0!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}.preferences-body .settings-inline-actions>.secondary-button{width:auto!important;flex:0 0 auto;min-width:0}.preferences-body .connection-status{border:0;background:transparent;border-radius:0;padding:0;font-weight:400;color:#93836f;line-height:1.7}.preferences-body .settings-footer .primary-button,.preferences-body .settings-footer .secondary-button{width:auto;min-width:100px;padding:10px 16px}.preferences-section-copy,.preferences-body .settings-help{color:#86745f!important}.preferences-body .settings-modal-header p{color:#8b7861}.preferences-body .settings-row input,.preferences-body .settings-row select{height:42px}.preferences-body .settings-row .password-field>button{top:8px;right:7px}.preferences-body .settings-row .password-field>button svg{stroke-width:1.3}.vault-welcome>p:not(.edition-eyebrow){color:#82705b}.perspective-person small{color:#88765f}.vault-file-meta{color:#8e7f6c}
.vault-heading h1{font-size:24px;margin:5px 0 2px;white-space:nowrap}.vault-heading .vault-name{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;color:#a4937a;line-height:1.8}.vault-heading>div{min-width:0}.vault-heading .product-icon-button{flex-shrink:0}
.vault-candidate-tools{display:flex;justify-content:flex-end;margin-bottom:24px}.vault-candidate-editor{display:grid;gap:20px;margin:20px 0 30px}.vault-candidate-editor label{display:grid;gap:9px;font-size:12px;color:#8d795e}.vault-candidate-editor input,.vault-candidate-editor textarea{width:100%;border:1px solid #dcd0bf;border-radius:5px;background:#faf6ee;padding:12px;font-size:14px;line-height:1.9;color:#5b4d3c;resize:vertical}

.product-brand-mark{width:40px;height:40px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}.product-brand-mark>img{display:block;width:40px;height:40px}.product-brand-mark>svg{display:none}
/* Reading seminar: content first, room on demand. */
.seminar-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px}.seminar-heading h1{font:400 32px/1.45 Georgia,"Songti SC",serif;color:#3d4144;margin:12px 0 8px}.seminar-heading p{font-size:12px;color:#8e8273}.seminar-room{display:none}.seminar-room.expanded{display:block;margin-bottom:30px}.seminar-room .roundtable-room-heading{display:none}.seminar-setup{border-block:1px solid #dfd8cc;padding:18px 0;margin-bottom:28px}.seminar-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.seminar-methods button{padding:13px 12px;border:1px solid transparent;border-radius:5px;background:transparent;text-align:left;cursor:pointer;color:#797266}.seminar-methods button[aria-pressed=true]{border-color:#bdc5cc;background:#e9edf0;color:#3d5365}.seminar-methods strong{font-size:13px;font-weight:550;display:block;margin-bottom:7px}.seminar-methods span{font-size:10px;line-height:1.7}.seminar-phase{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:18px;font-size:11px;color:#958573}.seminar-phase>span{margin-right:10px}.seminar-phase button{border:0;background:transparent;color:#8b7f70;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:11px}.seminar-phase button[aria-pressed=true]{background:#e7dfd2;color:#5a4c3c}.seminar-phase .seminar-invite{margin-left:auto;color:#455b70}.seminar-report{margin:24px 0 32px;padding:28px;border:1px solid #d8d5ce;border-top:3px solid #64788a;background:#fffdf8;border-radius:5px;box-shadow:0 8px 24px #5c514408}.seminar-report>header{display:flex;gap:10px;justify-content:space-between;margin-bottom:24px;font-size:10px;color:#657a8c;letter-spacing:.05em}.seminar-report>header small{font-size:10px;letter-spacing:0;color:#978977}.seminar-report h3{font-size:15px;line-height:1.7;color:#4a4b49;margin:16px 0 10px}.seminar-exchanges{border-block:1px solid #e6dfd2;margin:24px 0}.seminar-exchanges article{padding:20px 0}.seminar-exchanges article+article{border-top:1px solid #ece5d9}.seminar-exchanges header{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:12px;color:#81725f}.seminar-exchanges header strong{color:#435a6e}.seminar-exchanges header small{margin-left:auto;background:#ece7dd;padding:4px 7px;border-radius:3px}.reading-answer{font-size:14px;line-height:1.95;color:#5c574f;overflow-wrap:anywhere}.reading-answer p{margin:0 0 12px;white-space:normal!important}.reading-answer p:last-child{margin-bottom:0}.reading-answer h1,.reading-answer h2,.reading-answer h3{font:550 16px/1.7 inherit;margin:19px 0 10px}.reading-answer ul,.reading-answer ol{padding-left:22px}.reading-answer blockquote{margin:16px 0;padding:5px 16px;border-left:2px solid #aebbc5;color:#657786}.reading-answer table{display:block;overflow:auto;border-collapse:collapse;font-size:12px}.reading-answer th,.reading-answer td{padding:9px;border:1px solid #ddd5c8}.seminar-findings{display:grid;gap:18px;grid-template-columns:1fr 1fr}.seminar-findings>section:last-child{grid-column:1/-1}.seminar-findings li,.seminar-findings p{font-size:13px;line-height:1.9;color:#786b58}.seminar-findings ul{padding-left:18px;margin:5px 0}.seminar-experiment{background:#f3efe7;padding:4px 18px 18px;border-radius:4px;margin-top:18px}.seminar-next{display:block;width:100%;text-align:left;border:0;border-left:2px solid #a4b3bf;background:transparent;margin:24px 0;padding:3px 0 3px 16px;cursor:pointer}.seminar-next>span{display:block;font-size:10px;color:#9c8e7a;margin-bottom:9px}.seminar-next strong{font-size:14px;font-weight:500;line-height:1.8;color:#455b70}.seminar-report footer{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.seminar-starters{display:grid;gap:8px;margin:22px auto 0;max-width:540px}.seminar-starters button{border:1px solid #e4dcd0;border-radius:4px;background:#faf8f3;padding:12px;text-align:left;color:#766955;line-height:1.8;font-size:12px;cursor:pointer}.seminar-starters button:hover{border-color:#a9b8c4;color:#455b70}.product-reading-path{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 32px;border-block:1px solid #dfd8cb}.product-reading-path button{border:0;border-right:1px solid #e4dcd0;background:transparent;text-align:left;cursor:pointer;padding:19px 22px;display:grid;grid-template-columns:27px 1fr;gap:6px 12px}.product-reading-path button:last-child{border-right:0}.product-reading-path button>span{grid-row:span 2;color:#ac9c83;font:italic 19px Georgia,serif}.product-reading-path strong{font-weight:500;font-size:13px;color:#56544d}.product-reading-path small{color:#968773;font-size:11px}.product-reading-path button:hover{background:#eee9df}.product-roundtable-page .roundtable-empty-state{padding:32px 18px;border:0;background:transparent}.product-roundtable-page .roundtable-history{margin-bottom:24px}.roundtable-message .reading-answer{margin:16px 0}
@media(max-width:720px){.seminar-heading{display:block}.seminar-heading h1{font-size:25px}.seminar-heading>.product-button{margin-top:12px}.seminar-methods{grid-template-columns:1fr 1fr}.seminar-methods span{font-size:10px}.seminar-phase .seminar-invite{margin-left:0}.seminar-report{padding:18px}.seminar-report>header{display:block}.seminar-report>header small{display:block;margin-top:8px}.seminar-findings{grid-template-columns:1fr}.seminar-exchanges header{flex-wrap:wrap}.product-reading-path{grid-template-columns:1fr}.product-reading-path button{border-right:0;border-bottom:1px solid #e4dcd0}.product-reading-path button:last-child{border-bottom:0}.reading-answer{font-size:13px}}

.seminar-citations{display:flex;gap:8px;margin-top:12px}.seminar-citations button{background:transparent;border:1px solid #ded7cb;padding:5px 9px;color:#6b7f8f;font-size:10px;border-radius:4px;cursor:pointer}

.product-roundtable-page .roundtable-empty-state{display:grid;min-height:240px}.product-roundtable-page .roundtable-empty-state>p{max-width:560px;line-height:1.9}

.product-roundtable-page>.product-inspector-drawer{position:fixed;top:64px;bottom:0;right:0;background:#fffdf8;z-index:30}