/* Document composition uses independent rows; mobile layout never writes ratios. */
.note-document .note-blocks{display:block!important}
.note-layout-row{position:relative;display:grid;grid-template-columns:var(--column-ratios);gap:32px;margin-bottom:24px;min-width:0}
.note-layout-row>.note-column{min-width:0;max-width:100%}
.layout-row-settings{position:absolute;top:-23px;right:0;width:24px;height:24px;opacity:0;color:var(--muted);z-index:3}
.note-layout-row:hover>.layout-row-settings,.layout-row-settings:focus-visible{opacity:1}
.column-ratio-handle{position:absolute;top:12px;bottom:12px;width:14px;margin-left:-7px;cursor:col-resize;z-index:3;touch-action:none}
.column-ratio-handle::after{content:'';position:absolute;left:6px;inset-block:0;width:2px;background:var(--line);opacity:0}
.column-ratio-handle:hover::after,.column-ratio-handle:focus-visible::after{opacity:1}
.note-document .block-drop-after:before{top:auto;bottom:-3px}
.home-page{width:var(--note-width,100%);max-width:100%;margin-inline:auto;box-sizing:border-box;position:relative}
.home-section-label{font-size:12px;color:var(--muted)}
.home-page .records-workspace-surface{padding-top:0}
.document-title-block{position:relative;margin:16px 0 28px;min-width:0}
.document-title-block .note-document-heading{margin:8px 0 12px!important;font-size:32px;font-weight:650;line-height:1.3;min-width:0}
.document-title-block .inline-title{max-width:100%}
.document-title-block .inline-title-input{font:inherit;border-radius:0!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:1.4em;max-width:100%;background:transparent!important}
.document-title-block input.page-icon{font-size:32px;min-height:44px;width:64px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.page-icon:placeholder-shown{color:var(--muted);opacity:.5}
.document-title-block input.page-description{width:100%;padding:5px 0;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:14px;color:var(--muted)}
.document-title-block input.page-description:placeholder-shown:not(:focus){opacity:0}
.document-title-block:hover input.page-description:placeholder-shown{opacity:.6}
.document-title-block input:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
.title-block-hint{position:absolute;right:0;top:10px;color:var(--muted);opacity:0}
.document-title-block:hover .title-block-hint{opacity:.6}
.page-preset-cover{height:200px;overflow:hidden;border-radius:8px;margin-bottom:18px}
.page-preset-cover>img{width:100%;height:100%;object-fit:cover}
.page-width-presets{display:flex;gap:4px;margin:8px 0}
.page-width-presets button{flex:1;font-size:11px;padding:8px 4px;background:var(--glass-field);border-radius:5px}
.page-layout-actions{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0;border-block:1px solid var(--line)}
.page-layout-actions>span{flex-basis:100%;font-size:12px;color:var(--muted)}
.page-layout-actions button{padding:7px 10px;font-size:12px;border-radius:5px;background:var(--glass-field)}
.page-layout-actions [data-personal-center]{flex-basis:100%;text-align:left;background:transparent;padding-left:0}
.ink-block-preview{position:relative}
.ink-image-open{display:block;padding:0;width:100%;border:0;background:transparent;cursor:pointer}
.ink-image-open>img{display:block;width:100%;height:auto;object-fit:contain}
.ink-image-open>img[data-generated-ink-preview]{background:#fcfaf6}
.ink-block-caption{padding:6px 10px;min-width:0}
.ink-block-caption>input{min-width:0;flex:1;width:0;border:0;background:transparent;box-shadow:none;border-radius:0;color:inherit;font:inherit;padding:3px 0}
.ink-block-caption>button{font-size:11px;color:var(--muted);padding:4px;opacity:0}
.ink-block-preview:hover .ink-block-caption>button,.ink-block-preview:focus-within .ink-block-caption>button{opacity:1}
.ink-preview-actions{position:absolute;right:8px;top:8px;display:flex;gap:3px;opacity:0}
.ink-preview-actions>button{background:var(--panel);color:var(--text);width:30px;height:30px;border-radius:5px;display:grid;place-items:center}
.ink-block-preview:hover .ink-preview-actions,.ink-block-preview:focus-within .ink-preview-actions{opacity:1}
.dashboard-link-card{overflow:hidden;border-radius:8px;background:var(--glass-field)}
.dashboard-link-card>button{display:block;padding:0;width:100%;text-align:left}
.dashboard-link-card img{display:block;width:100%;height:120px;object-fit:cover}
.dashboard-link-card span{display:block;padding:12px;font-weight:600;font-size:14px}
.upcoming-widget{padding:8px 0;font-size:13px}
.upcoming-widget h3{font:600 15px var(--font-ui);margin:0 0 14px}
.upcoming-widget summary{padding:8px 0;font-size:12px;color:var(--muted)}
.upcoming-widget summary small{margin-left:8px}
.upcoming-widget details>div{display:flex;gap:8px;align-items:flex-start;padding:6px 0}
.upcoming-widget details button{text-align:left;flex:1;font-size:13px;overflow-wrap:anywhere}
.upcoming-widget button small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.upcoming-widget>svg{display:none}
.task-hierarchy{max-width:760px;margin:28px 0;padding:16px 0;border-top:1px solid var(--line)}
.task-hierarchy>header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.task-hierarchy h3{font:600 15px var(--font-ui);margin:0}
.task-hierarchy header button{font-size:12px;color:var(--muted);padding:6px}
.task-hierarchy>small,.task-auto-status{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.task-auto-status:empty{display:none}
.child-task-line{display:flex;align-items:center;gap:10px;padding:7px 0}
.child-task-line>button:nth-child(2){flex:1;text-align:left}
.task-hierarchy form{display:flex;align-items:center;gap:8px;margin:10px 0}
.task-hierarchy form input{flex:1;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.task-hierarchy form button{padding:8px 12px}
.task-hierarchy details summary{font-size:12px;color:var(--muted)}
.collection-options-editor>div{flex-wrap:wrap;gap:4px}
.collection-options-editor [data-option-group]{font-size:11px;max-width:130px}
@container (max-width:600px){.collection-toolbar{flex-wrap:wrap}.collection-views{overflow:auto;max-width:100%}.collection-calendar{min-width:430px}}
@media(min-width:621px) and (max-width:1000px){.note-layout-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.column-ratio-handle{display:none}.note-layout-row[style*="--row-columns:1"]{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:620px){.home-page{width:100%!important}.note-layout-row{display:block!important;margin-bottom:18px}.note-layout-row>.note-column{margin-bottom:18px}.column-ratio-handle{display:none}.layout-row-settings{opacity:.65;top:-18px;width:44px;height:44px}.ink-preview-actions{opacity:1}.ink-preview-actions>button{width:44px;height:44px}.ink-block-caption>button{opacity:1;min-height:44px}.page-icon,.document-title-block input.page-description:placeholder-shown:not(:focus){opacity:.6}.document-title-block .note-document-heading{font-size:26px}.dashboard-link-card img{height:140px}.task-hierarchy button{min-height:44px}.task-hierarchy select{width:100%}.dashboard-link-card{margin-bottom:8px}.page-preset-cover{height:160px}}

.note-document .note-column{position:relative;padding-right:0!important;padding-bottom:12px}
.note-document .note-add-block{position:absolute;bottom:-16px;left:0;width:100%;height:24px;min-height:24px;padding:2px 0;margin:0;font-size:11px}
.note-document .note-layout-row{margin-bottom:30px;gap:26px}
.note-layout-row>.note-column>.note-block{max-width:100%}
.note-block>.block-properties-trigger{display:none}
.compact-link-widget{padding:4px 0;background:transparent;border:0}
.compact-link-widget [data-link-preview] a{display:inline-flex;align-items:center;gap:6px;font-size:14px;text-decoration:none}
.compact-link-widget summary{font-size:11px;color:var(--muted);opacity:0;margin-top:4px}
.compact-link-widget:hover summary,.compact-link-widget:focus-within summary{opacity:1}
@media(max-width:620px){.compact-link-widget summary{opacity:.6}.note-document .note-column{padding-bottom:24px}.note-document .note-add-block{bottom:0}}

.page-backdrops{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:12px}.page-backdrops>span{flex-basis:100%;font-size:12px;color:var(--muted)}.page-backdrops>button{font-size:11px;padding:6px;border-radius:4px;background:var(--glass-field)}

.collection-block{container-type:inline-size}
@media(min-width:621px){.note-page .note-document,.home-page .note-document,.record-document .note-document{padding-left:0!important;padding-right:0!important}.note-document .note-layout-row{--column-gap:44px;gap:var(--column-gap)}.note-document .block-gutter{left:-42px;width:42px;padding:0}.note-document .block-gutter button{width:21px;flex-basis:21px}.note-layout-row .note-block{padding-right:0;margin-bottom:8px}.note-layout-row .note-block:has(>.dashboard-link-card){padding:0}}
@container (max-width:600px){.collection-calendar{grid-template-columns:repeat(7,minmax(60px,1fr));min-width:420px}.collection-calendar>section{min-height:90px}.collection-toolbar .collection-search{max-width:100%;flex-basis:100%}}

.note-block:has(>.dashboard-link-card)>.block-gutter{top:0;transform:none}
.document-title-block .page-icon:placeholder-shown{position:absolute;top:-28px;left:0;opacity:0}.document-title-block:hover .page-icon:placeholder-shown,.document-title-block .page-icon:placeholder-shown:focus{opacity:.6}

.column-ratio-handle:focus-visible{outline:1px solid var(--accent);outline-offset:0}
@media(max-width:620px){.note-page .note-document,.home-page .note-document,.record-document .note-document{padding-left:44px!important;padding-right:0!important;margin-inline:0!important}.home-page .records-workspace-surface{padding:0!important}.note-document .block-gutter{left:-44px;width:44px;padding:0}.note-document .block-gutter .block-insert-trigger{display:none}.note-document .block-gutter .block-menu-trigger{width:44px!important;flex-basis:44px;min-height:44px}.note-layout-row .note-block{padding-right:0;margin-bottom:10px}.note-block:has(>.block-comments-trigger){padding-right:24px}.note-document .note-layout-row{margin-bottom:24px}.document-title-block .page-icon:placeholder-shown{opacity:0}}

@container (min-width:601px){.collection-calendar{grid-template-columns:repeat(7,minmax(80px,1fr));min-width:560px}}

.note-document .block-drop-target.block-drop-after{box-shadow:0 2px 0 var(--accent)!important}

.record-document{width:var(--note-width,100%);max-width:100%;margin-inline:auto;box-sizing:border-box}.home-page[data-page-font=serif],.record-document[data-page-font=serif]{--note-font:Georgia,serif}.home-page[data-page-font=mono],.record-document[data-page-font=mono]{--note-font:ui-monospace,Consolas,monospace}.home-page[data-page-font=ui],.record-document[data-page-font=ui]{--note-font:var(--font-ui)}.home-page[data-page-font] .note-block.block-font-ui:not(.code)>.block-text,.record-document[data-page-font] .note-block.block-font-ui:not(.code)>.block-text{font-family:var(--note-font)}.home-page.page-small-text .block-text,.record-document.page-small-text .block-text{font-size:13px;line-height:1.65}@media(max-width:620px){.record-document{width:100%!important}}

.note-document .note-block.reference-line:has(>.dashboard-link-card)>.block-gutter{top:0;transform:none}.collection-header{padding-right:0}
@media(min-width:621px){.note-document .block-gutter{left:-44px;width:44px;gap:2px;padding:0}.note-document .block-gutter .block-menu-trigger,.note-document .block-gutter .block-insert-trigger{width:21px;flex:0 0 21px;height:26px}.note-document .note-block.reference-line:has(>.dashboard-link-card){padding:0}}
.note-document .note-block.reference-line:has(>.dashboard-link-card){padding:0!important}