/* 01 Tokens + root theme roles */
    #mg-notes-v010-root {
      --mgw-shell:#0A0A0B;
      --mgw-workspace:#0A0A0B;
      --mgw-panel:#111113;
      --mgw-raised:#18181B;
      --mgw-high:#1F1F23;
      --mgw-border:#27272A;
      --mgw-border-strong:#3F3F46;
      --mgw-text:#F4F4F5;
      --mgw-muted:#A1A1AA;
      --mgw-faint:#A1A1AA;
      --mgw-accent:#60A5FA;
      --mgw-primary-fill:#2563EB;
      --mgw-on-primary:#FFFFFF;
      --mgw-accent-soft:rgba(96,165,250,.14);
      --mgw-accent-border:rgba(96,165,250,.38);
      --mgw-success:#34D399;
      --mgw-risk:#F87171;
      --mgw-global-header-clearance:0px;
      --mgw-overlay-top-clearance:max(var(--mgw-global-header-clearance),env(safe-area-inset-top));
      --mgw-workspace-rail-height:56px;
      --mgw-radius-shell:0px;
      --mgw-radius-panel:6px;
      --mgw-radius-card:4px;
      --mgw-radius-control:8px;
      --mgw-radius-overlay:10px;
      display:block;
      width:min(1440px,100%);
      max-width:1440px;
      margin-inline:auto;
      min-height:min(900px,calc(100dvh - 1px));
      color:var(--mgw-text);
      background:var(--mgw-shell);
      border:0;
      border-radius:var(--mgw-radius-shell);
      overflow:clip;
      isolation:isolate;
      box-sizing:border-box;
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
      -webkit-font-smoothing:antialiased;
      color-scheme:dark;
    }
    #mg-notes-v010-root[data-mg-theme="light"] {
      --mgw-shell:#FFFFFF;
      --mgw-workspace:#FFFFFF;
      --mgw-panel:#FFFFFF;
      --mgw-raised:#F3F4F6;
      --mgw-high:#E5E7EB;
      --mgw-border:#D4D4D8;
      --mgw-border-strong:#A1A1AA;
      --mgw-text:#18181B;
      --mgw-muted:#52525B;
      --mgw-faint:#71717A;
      --mgw-accent:#2563EB;
      --mgw-primary-fill:#2563EB;
      --mgw-on-primary:#FFFFFF;
      --mgw-accent-soft:rgba(37,99,235,.09);
      --mgw-accent-border:rgba(37,99,235,.30);
      color-scheme:light;
      border-color:#E4E4E7;
    }
    #mg-notes-v010-root *,
    #mg-notes-v010-root *::before,
    #mg-notes-v010-root *::after { box-sizing:border-box; }
    #mg-notes-v010-root button,
    #mg-notes-v010-root select,
    #mg-notes-v010-root input { font:inherit; }
    #mg-notes-v010-root :where(h1,h2,h3,h4,h5,h6,p,span,strong,em,small,label,button,a,textarea,input,select,option,dt,dd,pre,code) {
      -webkit-text-fill-color:currentColor;
    }
    #mg-notes-v010-root :where(h1,h2,h3,h4,h5,h6) {
      color:var(--mgw-text)!important;
      -webkit-text-fill-color:var(--mgw-text)!important;
      font-family:inherit!important;
    }

    /* 02 Root containment + shell */
    #mg-notes-v010-root .mgw-shell {
      min-height:min(900px,calc(100dvh - 1px));
      background:var(--mgw-workspace);
      display:grid;
      grid-template-rows:auto minmax(0,1fr);
    }
    #mg-notes-v010-root .mgw-main {
      min-width:0;
      padding:clamp(20px,4vw,52px);
      background:var(--mgw-workspace);
      scroll-padding-top:calc(var(--mgw-workspace-rail-height) + 12px);
    }
    #mg-notes-v010-root [hidden] { display:none!important; }
    #mg-notes-v010-root .mgw-screen { display:none; }
    #mg-notes-v010-root[data-active-page="start"] .mgw-screen[data-route="start"],
    #mg-notes-v010-root[data-active-page="notes"] .mgw-screen[data-route="notes"],
    #mg-notes-v010-root[data-active-page="projects"] .mgw-screen[data-route="projects"],
    #mg-notes-v010-root[data-active-page="about"] .mgw-screen[data-route="about"],
    #mg-notes-v010-root[data-active-page="write"] .mgw-screen[data-route="write"],
    #mg-notes-v010-root[data-active-page="search"] .mgw-screen[data-route="search"] { display:block; }
    #mg-notes-v010-root[data-active-page="start"] .mgw-screen[data-route="start"] { display:grid; place-items:center; }

    /* 03 Shared controls + typography */
    #mg-notes-v010-root .mgw-btn,
    #mg-notes-v010-root .mgw-route-select,
    #mg-notes-v010-root .mgw-search-input {
      min-height:40px;
      border:1px solid var(--mgw-border);
      border-radius:var(--mgw-radius-control);
      color:var(--mgw-text);
      background:var(--mgw-raised);
      outline:none;
    }
    #mg-notes-v010-root .mgw-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:8px 14px;
      cursor:pointer;
    }
    #mg-notes-v010-root .mgw-btn:hover { border-color:var(--mgw-border-strong); }
    #mg-notes-v010-root .mgw-btn:focus-visible,
    #mg-notes-v010-root .mgw-route-select:focus-visible,
    #mg-notes-v010-root .mgw-search-input:focus-visible {
      outline:3px solid var(--mgw-accent-soft);
      border-color:var(--mgw-accent);
      outline-offset:2px;
    }
    #mg-notes-v010-root .mgw-primary {
      border-color:var(--mgw-accent-border);
      background:var(--mgw-primary-fill);
      color:var(--mgw-on-primary);
    }
    #mg-notes-v010-root .mgw-route-select { padding:8px 36px 8px 12px; }
    #mg-notes-v010-root .mgw-search-input { width:min(620px,100%); padding:10px 12px; background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-visually-hidden { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap; }
    #mg-notes-v010-root .mgw-eyebrow { margin:0 0 8px; color:var(--mgw-muted); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
    #mg-notes-v010-root h1,
    #mg-notes-v010-root h2,
    #mg-notes-v010-root h3,
    #mg-notes-v010-root h4 { color:var(--mgw-text); }
    #mg-notes-v010-root h1,
    #mg-notes-v010-root h2 { margin:0; letter-spacing:-.025em; }
    #mg-notes-v010-root h1 { font-size:clamp(30px,4vw,48px); font-weight:560; line-height:1.06; }
    #mg-notes-v010-root h2 { font-size:clamp(24px,3vw,34px); font-weight:560; line-height:1.12; }
    #mg-notes-v010-root p { color:var(--mgw-muted); line-height:1.65; }

    /* 04 Navigation + sticky Notes rail */
    #mg-notes-v010-root .mgw-focus-dock {
      position:sticky;
      top:var(--mgw-overlay-top-clearance);
      z-index:82;
      height:var(--mgw-workspace-rail-height);
      min-height:var(--mgw-workspace-rail-height);
      padding:5px clamp(10px,2vw,18px);
      background:color-mix(in srgb,var(--mgw-shell) 96%,transparent);
      border-bottom:1px solid var(--mgw-border);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
    }
    #mg-notes-v010-root .mgw-nav-inner {
      width:100%;
      max-width:1180px;
      height:100%;
      min-height:0;
      margin:0 auto;
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }
    #mg-notes-v010-root .mgw-nav-rail {
      flex:1 1 0%;
      width:0;
      min-width:0;
      display:flex;
      align-items:center;
      gap:2px;
      overflow-x:auto;
      overscroll-behavior-inline:contain;
      scrollbar-width:none;
    }
    #mg-notes-v010-root .mgw-nav-rail::-webkit-scrollbar { display:none; }
    #mg-notes-v010-root .mgw-nav-utilities {
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:4px;
      padding-left:8px;
      border-left:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-nav-btn {
      flex:0 0 auto;
      min-height:42px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      padding:0 10px;
      border:1px solid transparent;
      border-radius:6px;
      background:transparent;
      color:var(--mgw-muted);
      cursor:pointer;
      font-size:12px;
      font-weight:590;
      line-height:1;
      white-space:nowrap;
    }
    #mg-notes-v010-root .mgw-nav-btn:hover {
      color:var(--mgw-text);
      background:var(--mgw-raised);
    }
    #mg-notes-v010-root .mgw-nav-btn:focus-visible {
      outline:3px solid var(--mgw-accent-soft);
      outline-offset:1px;
      border-color:var(--mgw-accent);
      color:var(--mgw-text);
    }
    #mg-notes-v010-root .mgw-nav-btn[aria-current="page"] {
      color:var(--mgw-text);
      background:var(--mgw-raised);
      border-color:var(--mgw-border);
      box-shadow:inset 0 -2px 0 var(--mgw-accent);
    }
    #mg-notes-v010-root .mgw-nav-icon {
      width:17px;
      height:17px;
      flex:0 0 17px;
      display:block;
      fill:none;
      stroke:currentColor;
      stroke-width:1.7;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    #mg-notes-v010-root .mgw-nav-fallback {
      position:absolute!important;
      width:1px!important;
      height:1px!important;
      overflow:hidden!important;
      clip:rect(0 0 0 0)!important;
      clip-path:inset(50%)!important;
      white-space:nowrap!important;
    }
    #mg-notes-v010-root .mgw-route-select { min-width:150px; }
    #mg-notes-v010-root .mgw-context-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

    /* 05 Collections + lists */
    #mg-notes-v010-root .mgw-shell-card {
      max-width:840px;
      margin:0 auto;
      padding:28px;
      border:1px solid var(--mgw-border);
      border-radius:var(--mgw-radius-panel);
      background:var(--mgw-panel);
    }
    #mg-notes-v010-root .mgw-count-row {
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:12px;
      margin-top:24px;
    }
    #mg-notes-v010-root .mgw-count-card { padding:16px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-count-value { display:block; font-size:24px; font-weight:650; color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-count-label { color:var(--mgw-muted); font-size:13px; }

    /* 06 Artifact/detail surfaces */
    #mg-notes-v010-root .mgw-route-head { max-width:900px; margin:0 auto 22px; }
    #mg-notes-v010-root .mgw-route-head p { max-width:720px; margin:10px 0 0; }

    /* 07 Step 5E Note reader/editor */
    #mg-notes-v010-root .mgw-write-page { width:min(1180px,100%); margin:0 auto; }
    #mg-notes-v010-root .mgw-write-identity { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:start; margin:0 0 10px; padding:14px 16px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-write-title-row { display:flex; align-items:center; gap:9px; min-width:0; }
    #mg-notes-v010-root .mgw-editor-title { width:100%; min-width:0; min-height:40px; border:0; padding:2px 0; color:var(--mgw-text); background:transparent; outline:none; font-size:clamp(22px,3vw,34px); line-height:1.1; font-weight:560; letter-spacing:-.03em; }
    #mg-notes-v010-root .mgw-editor-title:focus-visible { outline:2px solid var(--mgw-accent); outline-offset:5px; border-radius:5px; }
    #mg-notes-v010-root .mgw-mode-badge,
    #mg-notes-v010-root .mgw-artifact-badge { flex:0 0 auto; display:inline-flex; align-items:center; min-height:26px; padding:3px 8px; border:1px solid var(--mgw-border); border-radius:999px; color:var(--mgw-muted); background:var(--mgw-raised); font-size:10.5px; font-weight:650; }
    #mg-notes-v010-root .mgw-mode-badge { border-color:var(--mgw-accent-border); background:var(--mgw-accent-soft); color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-write-meta { display:flex; flex-wrap:wrap; gap:6px 9px; margin-top:8px; color:var(--mgw-muted); font-size:11.5px; }
    #mg-notes-v010-root .mgw-save-state.is-dirty { color:#FBBF24; }
    #mg-notes-v010-root[data-mg-theme="light"] .mgw-save-state.is-dirty { color:#92400E; }
    #mg-notes-v010-root .mgw-write-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
    #mg-notes-v010-root .mgw-editor-toolbar { position:sticky; top:calc(var(--mgw-overlay-top-clearance) + var(--mgw-workspace-rail-height) + 2px); z-index:78; display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px; padding:8px 10px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:color-mix(in srgb,var(--mgw-panel) 94%,transparent); backdrop-filter:blur(14px); }
    #mg-notes-v010-root .mgw-editor-toolbar-group { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
    #mg-notes-v010-root .mgw-editor-tool { min-width:40px; min-height:40px; padding:7px 10px; }
    #mg-notes-v010-root .mgw-editor-tool[disabled] { opacity:.42; cursor:not-allowed; }
    #mg-notes-v010-root .mgw-editor-stage { width:min(920px,100%); margin:0 auto; }
    #mg-notes-v010-root .mgw-editor-canvas { width:min(800px,100%); margin:0 auto; padding:clamp(18px,4vw,42px); border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); box-shadow:0 8px 28px rgba(0,0,0,.07); }
    #mg-notes-v010-root .mgw-editor-empty { padding:34px; border:1px dashed var(--mgw-border-strong); border-radius:var(--mgw-radius-panel); text-align:center; }
    #mg-notes-v010-root .mgw-editor-empty strong { display:block; color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-rich-blocks { display:grid; gap:10px; }
    #mg-notes-v010-root .mgw-block-card { border:1px solid transparent; border-radius:var(--mgw-radius-card); padding:10px; background:transparent; transition:border-color .16s ease,background .16s ease; }
    #mg-notes-v010-root .mgw-block-card:focus-within,
    #mg-notes-v010-root .mgw-block-card:hover { border-color:var(--mgw-border); background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-block-head { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:30px; margin-bottom:6px; }
    #mg-notes-v010-root .mgw-block-label { color:var(--mgw-muted); font-size:10.5px; font-weight:650; text-transform:uppercase; letter-spacing:.06em; }
    #mg-notes-v010-root .mgw-block-actions { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
    #mg-notes-v010-root .mgw-block-action,
    #mg-notes-v010-root .mgw-block-level { min-height:40px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-control); padding:5px 8px; color:var(--mgw-muted); background:var(--mgw-panel); font-size:10.5px; cursor:pointer; }
    #mg-notes-v010-root .mgw-block-action:hover,
    #mg-notes-v010-root .mgw-block-action:focus-visible,
    #mg-notes-v010-root .mgw-block-level:focus-visible { color:var(--mgw-text); border-color:var(--mgw-accent); outline:none; }
    #mg-notes-v010-root .mgw-block-action.is-remove:hover,
    #mg-notes-v010-root .mgw-block-action.is-remove:focus-visible { color:var(--mgw-risk); border-color:color-mix(in srgb,var(--mgw-risk) 55%,var(--mgw-border)); }
    #mg-notes-v010-root .mgw-block-input,
    #mg-notes-v010-root .mgw-block-textarea { width:100%; border:0; padding:5px 4px; color:var(--mgw-text); background:transparent; outline:none; font:inherit; line-height:1.68; }
    #mg-notes-v010-root .mgw-block-input { font-size:22px; line-height:1.25; font-weight:600; letter-spacing:-.02em; }
    #mg-notes-v010-root .mgw-block-textarea { min-height:90px; resize:vertical; }
    #mg-notes-v010-root .mgw-block-input:focus-visible,
    #mg-notes-v010-root .mgw-block-textarea:focus-visible { outline:2px solid var(--mgw-accent-soft); outline-offset:3px; border-radius:6px; }
    #mg-notes-v010-root .mgw-block-divider { border:0; border-top:1px solid var(--mgw-border-strong); margin:14px 4px; }
    #mg-notes-v010-root .mgw-editor-foot { display:flex; justify-content:space-between; gap:12px; margin-top:14px; color:var(--mgw-muted); font-size:11px; }
    #mg-notes-v010-root .mgw-reading-surface { width:min(800px,100%); margin:0 auto; padding:clamp(24px,5vw,52px); border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-reading-header { padding-bottom:18px; margin-bottom:24px; border-bottom:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-reading-header h1 { margin:0; font-size:clamp(28px,4vw,42px); font-weight:600; }
    #mg-notes-v010-root .mgw-reading-summary { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
    #mg-notes-v010-root .mgw-reading-summary span { display:inline-flex; min-height:26px; align-items:center; padding:3px 8px; border:1px solid var(--mgw-border); border-radius:999px; color:var(--mgw-muted); font-size:10.5px; }
    #mg-notes-v010-root .mgw-reading-properties { margin:0 0 22px; padding:14px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-reading-properties h2 { margin:0 0 8px; font-size:13px; }
    #mg-notes-v010-root .mgw-reading-properties dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; margin:0; }
    #mg-notes-v010-root .mgw-reading-property { display:grid; grid-template-columns:100px minmax(0,1fr); gap:10px; padding:8px 0; border-top:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-reading-property dt { color:var(--mgw-muted); font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
    #mg-notes-v010-root .mgw-reading-property dd { margin:0; color:var(--mgw-text); font-size:11px; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-reading-body { color:var(--mgw-text); font-size:15px; line-height:1.75; }
    #mg-notes-v010-root .mgw-reading-body p { margin:0 0 14px; color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-reading-body h1,
    #mg-notes-v010-root .mgw-reading-body h2,
    #mg-notes-v010-root .mgw-reading-body h3 { margin:24px 0 10px; font-weight:600; }
    #mg-notes-v010-root .mgw-reading-body ul,
    #mg-notes-v010-root .mgw-reading-body ol { margin:0 0 15px 24px; padding:0; }
    #mg-notes-v010-root .mgw-reading-body blockquote { margin:0 0 15px; padding:12px 14px; border-left:3px solid var(--mgw-accent); border-radius:8px; background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-reading-body pre,
    #mg-notes-v010-root .mgw-source-view { margin:0; padding:14px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); color:var(--mgw-text); white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; font:12px/1.62 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
    #mg-notes-v010-root .mgw-reading-checklist { list-style:none; margin-left:0!important; }
    #mg-notes-v010-root .mgw-reading-checklist li { display:flex; align-items:flex-start; gap:9px; }
    #mg-notes-v010-root .mgw-reading-checklist input { width:16px; height:16px; margin-top:4px; }
    #mg-notes-v010-root .mgw-version-history { width:min(920px,100%); margin:18px auto 0; padding:14px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-version-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    #mg-notes-v010-root .mgw-version-head h3 { margin:0; color:var(--mgw-text); font-size:14px; }
    #mg-notes-v010-root .mgw-version-head p { margin:4px 0 0; font-size:11px; }
    #mg-notes-v010-root .mgw-version-list { display:flex; gap:8px; overflow-x:auto; padding:10px 0 2px; scroll-snap-type:x proximity; }
    #mg-notes-v010-root .mgw-version-card { flex:0 0 min(250px,78vw); min-height:82px; padding:11px 12px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); color:var(--mgw-text); text-align:left; cursor:pointer; scroll-snap-align:start; }
    #mg-notes-v010-root .mgw-version-card.is-current { border-color:var(--mgw-accent-border); background:var(--mgw-accent-soft); }
    #mg-notes-v010-root .mgw-version-card strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    #mg-notes-v010-root .mgw-version-card small { display:block; margin-top:5px; color:var(--mgw-muted); font-size:10.5px; line-height:1.4; }
    #mg-notes-v010-root .mgw-version-kind { color:var(--mgw-muted); font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }

    /* 07A Step 5E selected-document cleanup */
    #mg-notes-v010-root .mgw-cleanup-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; padding:9px 11px; border:1px solid var(--mgw-accent-border); border-radius:var(--mgw-radius-card); background:var(--mgw-accent-soft); }
    #mg-notes-v010-root .mgw-cleanup-actions { display:flex; flex-wrap:wrap; gap:7px; }
    #mg-notes-v010-root .mgw-document-row.has-select { grid-template-columns:auto minmax(0,1fr) auto; }
    #mg-notes-v010-root .mgw-document-select { width:18px; height:18px; accent-color:var(--mgw-accent); }

    /* 08 Drawers/menus/sheets/overlays */
    #mg-notes-v010-root .mgw-overlay { position:fixed; top:var(--mgw-overlay-top-clearance); right:0; bottom:0; left:0; z-index:400; }
    #mg-notes-v010-root .mgw-drawer { position:fixed; top:var(--mgw-overlay-top-clearance); right:0; bottom:0; z-index:430; max-height:calc(100dvh - var(--mgw-overlay-top-clearance)); }
    #mg-notes-v010-root .mgw-editor-backdrop { position:fixed; inset:var(--mgw-overlay-top-clearance) 0 0; z-index:540; background:rgba(0,0,0,.52); }
    #mg-notes-v010-root .mgw-editor-drawer { position:fixed; top:var(--mgw-overlay-top-clearance); right:0; bottom:0; z-index:550; width:min(440px,calc(100vw - 28px)); max-height:calc(100dvh - var(--mgw-overlay-top-clearance)); display:grid; grid-template-rows:auto minmax(0,1fr); border-left:1px solid var(--mgw-border-strong); background:var(--mgw-shell); box-shadow:-20px 0 60px rgba(0,0,0,.28); }
    #mg-notes-v010-root .mgw-editor-drawer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:15px; border-bottom:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-editor-drawer-head h2 { margin:0; font-size:19px; }
    #mg-notes-v010-root .mgw-editor-drawer-body { overflow:auto; padding:15px; }
    #mg-notes-v010-root .mgw-drawer-section { padding:13px 0; border-bottom:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-drawer-section:first-child { padding-top:0; }
    #mg-notes-v010-root .mgw-drawer-section:last-child { border-bottom:0; }
    #mg-notes-v010-root .mgw-drawer-section h3 { margin:0 0 9px; color:var(--mgw-text); font-size:13px; }
    #mg-notes-v010-root .mgw-info-list { display:grid; gap:0; margin:0; }
    #mg-notes-v010-root .mgw-info-row { display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; padding:8px 0; border-top:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-info-row:first-child { border-top:0; }
    #mg-notes-v010-root .mgw-info-row dt { color:var(--mgw-muted); font-size:10px; font-weight:650; }
    #mg-notes-v010-root .mgw-info-row dd { margin:0; color:var(--mgw-text); font-size:11.5px; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-overlay-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
    #mg-notes-v010-root .mgw-add-block-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    #mg-notes-v010-root .mgw-add-block-choice { min-height:64px; padding:11px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-panel); color:var(--mgw-text); text-align:left; cursor:pointer; }
    #mg-notes-v010-root .mgw-add-block-choice:hover,
    #mg-notes-v010-root .mgw-add-block-choice:focus-visible { border-color:var(--mgw-accent); background:var(--mgw-raised); outline:none; }
    #mg-notes-v010-root .mgw-add-block-choice strong { display:block; }
    #mg-notes-v010-root .mgw-add-block-choice small { display:block; margin-top:4px; color:var(--mgw-muted); }
    #mg-notes-v010-root .mgw-danger { border-color:color-mix(in srgb,var(--mgw-risk) 48%,var(--mgw-border)); color:var(--mgw-risk); }
    #mg-notes-v010-root .mgw-version-preview { max-height:280px; overflow:auto; margin-top:10px; padding:12px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }

    /* 09 Feature-specific states */
    #mg-notes-v010-root .mgw-start {
      min-height:min(760px,calc(100dvh - 2px));
      padding:clamp(28px,6vw,72px);
    }
    #mg-notes-v010-root .mgw-start-inner { width:min(900px,100%); text-align:center; }
    #mg-notes-v010-root .mgw-start-inner p { max-width:660px; margin:18px auto 0; font-size:clamp(16px,2vw,19px); }
    #mg-notes-v010-root .mgw-start-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; }
    #mg-notes-v010-root .mgw-trust { margin-top:24px; font-size:13px; color:var(--mgw-faint); }
    #mg-notes-v010-root .mgw-status-line { margin-top:18px; color:var(--mgw-faint); font-size:13px; }


    /* 09A Step 5D Start */
    #mg-notes-v010-root .mgw-start { min-height:min(760px,calc(100dvh - var(--mgw-overlay-top-clearance) - var(--mgw-workspace-rail-height))); padding:clamp(22px,4vw,48px) 0 64px; }
    #mg-notes-v010-root .mgw-start-inner { width:min(960px,100%); text-align:left; }
    #mg-notes-v010-root .mgw-start-intro { max-width:680px; margin:0 auto 24px; text-align:center; }
    #mg-notes-v010-root .mgw-start-intro h1 { font-size:clamp(32px,5vw,52px); line-height:1; }
    #mg-notes-v010-root .mgw-start-intro p { max-width:620px; margin:10px auto 0; font-size:14px; }
    #mg-notes-v010-root .mgw-start-launch-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:30px; }
    #mg-notes-v010-root .mgw-start-launch { min-height:126px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:8px; padding:18px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); color:var(--mgw-text); text-align:left; cursor:pointer; }
    #mg-notes-v010-root .mgw-start-launch:hover,
    #mg-notes-v010-root .mgw-start-launch:focus-visible { border-color:var(--mgw-accent-border); background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-start-launch.mgw-start-launch-primary { border-color:var(--mgw-accent-border); background:var(--mgw-accent-soft); }
    #mg-notes-v010-root .mgw-start-launch strong { font-size:14px; font-weight:650; }
    #mg-notes-v010-root .mgw-start-launch small { color:var(--mgw-muted); font-size:12px; line-height:1.45; }
    #mg-notes-v010-root .mgw-start-library { border-top:1px solid var(--mgw-border); padding-top:22px; }
    #mg-notes-v010-root .mgw-start-section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
    #mg-notes-v010-root .mgw-start-section-head h2 { font-size:18px; }
    #mg-notes-v010-root .mgw-start-library-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    #mg-notes-v010-root .mgw-start-library-card { min-height:82px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:transparent; color:var(--mgw-text); padding:13px 14px; text-align:left; cursor:pointer; }
    #mg-notes-v010-root .mgw-start-library-card:hover,
    #mg-notes-v010-root .mgw-start-library-card:focus-visible { border-color:var(--mgw-accent-border); background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-start-library-copy strong { display:block; font-size:14px; }
    #mg-notes-v010-root .mgw-start-library-copy small { display:block; max-width:100%; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mgw-muted); font-size:11px; }
    #mg-notes-v010-root .mgw-start-count { min-width:34px; height:34px; display:grid; place-items:center; border-radius:999px; background:var(--mgw-high); color:var(--mgw-muted); font-size:12px; font-weight:650; }
    #mg-notes-v010-root .mgw-start-footer { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:22px; }
    #mg-notes-v010-root .mgw-start-trust { max-width:700px; margin:18px auto 0; color:var(--mgw-faint); font-size:12px; line-height:1.55; text-align:center; }

    /* 09B Step 5D Notes */
    #mg-notes-v010-root .mgw-library-page { width:min(1080px,100%); margin:0 auto; }
    #mg-notes-v010-root .mgw-page-bar { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:16px; }
    #mg-notes-v010-root .mgw-page-bar h2 { font-size:30px; }
    #mg-notes-v010-root .mgw-page-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
    #mg-notes-v010-root .mgw-document-paste { margin:0 0 14px; padding:16px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-document-paste-grid { display:grid; grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr); gap:10px; }
    #mg-notes-v010-root .mgw-field { display:grid; gap:6px; }
    #mg-notes-v010-root .mgw-export-properties-opt { display:flex; align-items:center; min-height:44px; gap:10px; margin:8px 0 12px; padding:8px 10px; cursor:pointer; font-size:13px; }
    #mg-notes-v010-root .mgw-export-properties-opt input[type="checkbox"] { display:inline-block; width:18px; height:18px; flex:0 0 18px; margin:0; accent-color:var(--mgw-accent); }
    #mg-notes-v010-root .mgw-export-properties-opt span { min-width:0; line-height:1.4; }

    #mg-notes-v010-root .mgw-field label { color:var(--mgw-muted); font-size:12px; font-weight:600; }
    #mg-notes-v010-root .mgw-input,
    #mg-notes-v010-root .mgw-select,
    #mg-notes-v010-root .mgw-textarea { width:100%; min-height:42px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-control); padding:9px 11px; color:var(--mgw-text); background:var(--mgw-panel); outline:none; font:inherit; }
    #mg-notes-v010-root .mgw-textarea { min-height:120px; resize:vertical; line-height:1.55; }
    #mg-notes-v010-root .mgw-input:focus-visible,
    #mg-notes-v010-root .mgw-select:focus-visible,
    #mg-notes-v010-root .mgw-textarea:focus-visible { border-color:var(--mgw-accent); outline:3px solid var(--mgw-accent-soft); outline-offset:1px; }
    #mg-notes-v010-root .mgw-inline-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
    #mg-notes-v010-root .mgw-organize { margin-bottom:14px; padding:13px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-organize-top { display:grid; grid-template-columns:auto minmax(220px,1fr); align-items:center; gap:12px; }
    #mg-notes-v010-root .mgw-record-count { color:var(--mgw-text); font-size:13px; white-space:nowrap; }
    #mg-notes-v010-root .mgw-organize-selects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
    #mg-notes-v010-root .mgw-organize-selects label { display:grid; gap:5px; color:var(--mgw-muted); font-size:11px; }
    #mg-notes-v010-root .mgw-document-list { display:grid; gap:8px; }
    #mg-notes-v010-root .mgw-document-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; min-height:84px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-panel); padding:13px 14px; }
    #mg-notes-v010-root .mgw-document-row-main { min-width:0; border:0; padding:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
    #mg-notes-v010-root .mgw-document-row-main:focus-visible { outline:3px solid var(--mgw-accent-soft); outline-offset:4px; border-radius:8px; }
    #mg-notes-v010-root .mgw-document-title { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mgw-text); font-size:14px; font-weight:650; }
    #mg-notes-v010-root .mgw-document-meta { display:flex; flex-wrap:wrap; gap:6px 10px; margin-top:5px; color:var(--mgw-muted); font-size:11px; }
    #mg-notes-v010-root .mgw-document-preview { display:block; margin-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mgw-muted); font-size:12px; }
    #mg-notes-v010-root .mgw-empty { padding:28px; border:1px dashed var(--mgw-border-strong); border-radius:var(--mgw-radius-panel); text-align:center; background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-empty strong { display:block; color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-empty span { display:block; margin-top:7px; color:var(--mgw-muted); font-size:13px; }

    /* 09C Step 5D Search */
    #mg-notes-v010-root .mgw-search-page { width:min(980px,100%); margin:0 auto; }
    #mg-notes-v010-root .mgw-search-box { display:flex; align-items:center; gap:8px; margin:14px 0; }
    #mg-notes-v010-root .mgw-search-box .mgw-search-input { flex:1 1 auto; max-width:none; }
    #mg-notes-v010-root .mgw-search-results { display:grid; gap:8px; }
    #mg-notes-v010-root .mgw-search-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; min-height:78px; padding:13px 14px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-search-row strong { display:block; color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-search-row small { display:block; margin-top:5px; color:var(--mgw-muted); line-height:1.45; }
    #mg-notes-v010-root .mgw-chip { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border-radius:999px; background:var(--mgw-high); color:var(--mgw-muted); font-size:10.5px; font-weight:650; }

    /* 09D Step 5D About */
    #mg-notes-v010-root .mgw-about-page { width:min(1040px,100%); margin:0 auto; }
    #mg-notes-v010-root .mgw-about-intro { padding:22px; margin-bottom:14px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-about-intro h3 { margin:0; color:var(--mgw-text); font-size:24px; font-weight:600; letter-spacing:-.03em; }
    #mg-notes-v010-root .mgw-about-intro p { max-width:760px; margin:9px 0 0; font-size:13px; }
    #mg-notes-v010-root .mgw-about-grid,
    #mg-notes-v010-root .mgw-about-panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    #mg-notes-v010-root .mgw-about-card,
    #mg-notes-v010-root .mgw-about-panel { padding:16px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-about-card h3,
    #mg-notes-v010-root .mgw-about-panel h3 { margin:0 0 6px; color:var(--mgw-text); font-size:14px; font-weight:650; }
    #mg-notes-v010-root .mgw-about-card p,
    #mg-notes-v010-root .mgw-about-panel p { margin:0; font-size:12px; }
    #mg-notes-v010-root .mgw-about-panels { margin-top:12px; }
    #mg-notes-v010-root .mgw-about-version { color:var(--mgw-muted); font-size:12px; }

    /* 09E Step 5D command menu — secondary local actions */
    #mg-notes-v010-root .mgw-command-backdrop { position:fixed; inset:var(--mgw-overlay-top-clearance) 0 0; z-index:500; background:rgba(0,0,0,.50); }
    #mg-notes-v010-root .mgw-command { position:fixed; z-index:510; top:calc(var(--mgw-overlay-top-clearance) + 72px); left:50%; width:min(620px,calc(100% - 28px)); max-height:min(660px,calc(100dvh - var(--mgw-overlay-top-clearance) - 96px)); transform:translateX(-50%); overflow:auto; border:1px solid var(--mgw-border-strong); border-radius:var(--mgw-radius-overlay); background:var(--mgw-shell); box-shadow:0 24px 70px rgba(0,0,0,.30); padding:14px; }
    #mg-notes-v010-root .mgw-command-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
    #mg-notes-v010-root .mgw-command-head h2 { font-size:20px; }
    #mg-notes-v010-root .mgw-command-search { margin-bottom:10px; }
    #mg-notes-v010-root .mgw-command-list { display:grid; gap:6px; }
    #mg-notes-v010-root .mgw-command-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; width:100%; min-height:54px; padding:10px 12px; border:1px solid transparent; border-radius:var(--mgw-radius-card); background:transparent; color:var(--mgw-text); text-align:left; cursor:pointer; }
    #mg-notes-v010-root .mgw-command-item:hover,
    #mg-notes-v010-root .mgw-command-item:focus-visible { border-color:var(--mgw-border); background:var(--mgw-raised); outline:none; }
    #mg-notes-v010-root .mgw-command-item strong { display:block; }
    #mg-notes-v010-root .mgw-command-item small { display:block; margin-top:3px; color:var(--mgw-muted); }
    #mg-notes-v010-root .mgw-command-key { align-self:center; color:var(--mgw-faint); font-size:11px; }
    #mg-notes-v010-root .mgw-command-foot { margin:10px 2px 0; color:var(--mgw-faint); font-size:11px; }

    /* 19 Step 5G — Projects + portable outputs + print integration */
    #mg-notes-v010-root .mgw-projects-page { max-width:1180px; margin-inline:auto; }
    #mg-notes-v010-root .mgw-project-create,
    #mg-notes-v010-root .mgw-project-detail,
    #mg-notes-v010-root .mgw-project-panel,
    #mg-notes-v010-root .mgw-portable-workspace { border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-project-create { padding:18px; margin:0 0 18px; }
    #mg-notes-v010-root .mgw-project-create-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
    #mg-notes-v010-root .mgw-project-create-grid .mgw-field-wide { grid-column:1 / -1; }
    #mg-notes-v010-root .mgw-project-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    #mg-notes-v010-root .mgw-project-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:stretch; padding:14px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-project-card-main { min-width:0; display:grid; gap:7px; padding:2px; }
    #mg-notes-v010-root .mgw-project-card-main strong { font-size:16px; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-project-card-main small { color:var(--mgw-muted); line-height:1.5; }
    #mg-notes-v010-root .mgw-project-card-meta { display:flex; gap:8px; flex-wrap:wrap; color:var(--mgw-muted); font-size:12px; }
    #mg-notes-v010-root .mgw-project-detail { padding:18px; }
    #mg-notes-v010-root .mgw-project-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
    #mg-notes-v010-root .mgw-project-detail-head p { margin:5px 0 0; max-width:760px; }
    #mg-notes-v010-root .mgw-projects-page :where(h1,h2,h3,h4,strong) {
      color:var(--mgw-text)!important;
      -webkit-text-fill-color:var(--mgw-text)!important;
    }
    #mg-notes-v010-root .mgw-project-tabs { display:flex; gap:8px; overflow-x:auto; padding:0 0 12px; margin:0 0 16px; border-bottom:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-project-tab { flex:0 0 auto; min-height:40px; padding:8px 12px; border:1px solid var(--mgw-border); border-radius:999px; background:var(--mgw-raised); color:var(--mgw-muted); cursor:pointer; }
    #mg-notes-v010-root .mgw-project-tab[aria-pressed="true"] { border-color:var(--mgw-accent-border); background:var(--mgw-accent-soft); color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-project-panel { padding:16px; }
    #mg-notes-v010-root .mgw-project-detail > .mgw-project-panel {
      padding:16px 0 0;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-project-panel + .mgw-project-panel { margin-top:12px; }
    #mg-notes-v010-root .mgw-project-panel h3 { margin:0 0 8px; font-size:18px; }
    #mg-notes-v010-root .mgw-project-panel p { margin:0 0 12px; }
    #mg-notes-v010-root .mgw-project-form-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
    #mg-notes-v010-root .mgw-project-form-grid .mgw-field-wide { grid-column:1 / -1; }
    #mg-notes-v010-root .mgw-project-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:14px; }
    #mg-notes-v010-root .mgw-project-summary-grid > div { padding:12px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-project-summary-grid strong,
    #mg-notes-v010-root .mgw-project-summary-grid span { display:block; }
    #mg-notes-v010-root .mgw-project-summary-grid span { margin-top:5px; color:var(--mgw-muted); font-size:12px; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-project-work-list { display:grid; gap:9px; }
    #mg-notes-v010-root .mgw-project-work-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,230px) auto; gap:12px; align-items:center; padding:11px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-project-work-row strong,
    #mg-notes-v010-root .mgw-project-work-row small { display:block; }
    #mg-notes-v010-root .mgw-project-work-row small { margin-top:4px; color:var(--mgw-muted); }
    #mg-notes-v010-root .mgw-project-download-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
    #mg-notes-v010-root .mgw-project-continuation-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
    #mg-notes-v010-root .mgw-project-continuation-preview { min-height:260px; max-height:460px; overflow:auto; margin:0; padding:14px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); color:var(--mgw-text); white-space:pre-wrap; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-portable-workspace { padding:16px; margin:18px 0 0; }
    #mg-notes-v010-root .mgw-portable-workspace h3 { margin:0 0 6px; }
    #mg-notes-v010-root .mgw-portable-workspace p { margin:0 0 12px; }
    #mg-notes-v010-root .mgw-project-danger { margin-top:16px; padding-top:16px; border-top:1px solid var(--mgw-border); }

    /* 10 Responsive/mobile/short-landscape */
    @media (max-width:767px) {
      #mg-notes-v010-root { border-radius:var(--mgw-radius-shell); min-height:calc(100dvh - 1px); }
      #mg-notes-v010-root .mgw-main { padding:20px 16px 32px; }
      #mg-notes-v010-root .mgw-focus-dock { min-height:var(--mgw-workspace-rail-height); padding:5px 6px; }
      #mg-notes-v010-root .mgw-nav-inner { width:100%; max-width:100%; gap:4px; overflow:hidden; }
      #mg-notes-v010-root .mgw-nav-rail { gap:1px; }
      #mg-notes-v010-root .mgw-nav-utilities { gap:2px; padding-left:4px; }
      #mg-notes-v010-root .mgw-nav-btn { min-height:44px; min-width:44px; gap:5px; padding:0 8px; font-size:10.5px; }
      #mg-notes-v010-root .mgw-nav-icon { width:17px; height:17px; flex-basis:17px; }
      #mg-notes-v010-root .mgw-nav-utilities .mgw-nav-label { display:none; }
      #mg-notes-v010-root .mgw-btn,
      #mg-notes-v010-root .mgw-route-select,
      #mg-notes-v010-root .mgw-search-input { min-height:44px; }
      #mg-notes-v010-root .mgw-input,
      #mg-notes-v010-root .mgw-select { min-height:44px; }
      #mg-notes-v010-root .mgw-count-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
      #mg-notes-v010-root .mgw-start { min-height:calc(100dvh - var(--mgw-overlay-top-clearance) - var(--mgw-workspace-rail-height)); padding:24px 18px 28px; }
      #mg-notes-v010-root .mgw-drawer { left:8px; right:8px; bottom:max(8px,env(safe-area-inset-bottom)); top:auto; max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - 24px - env(safe-area-inset-bottom)); }

      #mg-notes-v010-root .mgw-start-launch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      #mg-notes-v010-root .mgw-page-bar { align-items:stretch; flex-direction:column; }
      #mg-notes-v010-root .mgw-page-actions { justify-content:flex-start; }
      #mg-notes-v010-root .mgw-document-paste-grid,
      #mg-notes-v010-root .mgw-organize-top,
      #mg-notes-v010-root .mgw-organize-selects,
      #mg-notes-v010-root .mgw-about-grid,
      #mg-notes-v010-root .mgw-about-panels { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-document-row,
      #mg-notes-v010-root .mgw-search-row { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-document-row .mgw-btn,
      #mg-notes-v010-root .mgw-search-row .mgw-btn { justify-self:start; }
      #mg-notes-v010-root .mgw-command { top:calc(var(--mgw-overlay-top-clearance) + 12px); max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - 24px - env(safe-area-inset-bottom)); }

      #mg-notes-v010-root .mgw-write-identity { grid-template-columns:1fr; padding:12px; }
      #mg-notes-v010-root .mgw-write-actions { justify-content:flex-start; }
      #mg-notes-v010-root .mgw-write-title-row { flex-wrap:wrap; }
      #mg-notes-v010-root .mgw-editor-title { flex-basis:100%; min-height:44px; font-size:25px; }
      #mg-notes-v010-root .mgw-editor-toolbar { top:calc(var(--mgw-overlay-top-clearance) + var(--mgw-workspace-rail-height) + 2px); padding:7px; border-radius:var(--mgw-radius-panel); }
      #mg-notes-v010-root .mgw-editor-tool,
      #mg-notes-v010-root .mgw-block-action,
      #mg-notes-v010-root .mgw-block-level { min-height:44px; }
      #mg-notes-v010-root .mgw-editor-canvas,
      #mg-notes-v010-root .mgw-reading-surface { padding:18px 12px; border-radius:var(--mgw-radius-panel); }
      #mg-notes-v010-root .mgw-block-card { padding:8px 4px; }
      #mg-notes-v010-root .mgw-block-head { align-items:flex-start; }
      #mg-notes-v010-root .mgw-block-actions { justify-content:flex-end; }
      #mg-notes-v010-root .mgw-reading-properties dl { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-editor-drawer { left:8px; right:8px; top:auto; bottom:max(8px,env(safe-area-inset-bottom)); width:auto; max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - 24px - env(safe-area-inset-bottom)); border:1px solid var(--mgw-border-strong); border-radius:var(--mgw-radius-overlay); box-shadow:0 -18px 60px rgba(0,0,0,.32); }
      #mg-notes-v010-root .mgw-add-block-grid { grid-template-columns:1fr 1fr; }
      #mg-notes-v010-root .mgw-document-row.has-select { grid-template-columns:auto minmax(0,1fr); }
      #mg-notes-v010-root .mgw-document-row.has-select > .mgw-btn { grid-column:2; justify-self:start; }
      #mg-notes-v010-root .mgw-project-create-grid,
      #mg-notes-v010-root .mgw-project-list,
      #mg-notes-v010-root .mgw-project-form-grid,
      #mg-notes-v010-root .mgw-project-continuation-grid { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-project-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      #mg-notes-v010-root .mgw-project-download-grid { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-project-card,
      #mg-notes-v010-root .mgw-project-work-row { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-project-card > .mgw-btn,
      #mg-notes-v010-root .mgw-project-work-row > .mgw-btn,
      #mg-notes-v010-root .mgw-project-tab { min-height:44px; }
      #mg-notes-v010-root [data-route="projects"] .mgw-input,
      #mg-notes-v010-root [data-route="projects"] .mgw-select { min-height:44px; }

    }

    @media (max-width:520px) {
      #mg-notes-v010-root .mgw-start-launch-grid,
      #mg-notes-v010-root .mgw-start-library-grid { grid-template-columns:1fr; }
    }

    /* 11 Print */
    @media print {
      #mg-notes-v010-root .mgw-focus-dock { display:none!important; }
      #mg-notes-v010-root { border:0; border-radius:0; background:#fff; color:#111827; }
      #mg-notes-v010-root[data-print-document="true"] { width:100%; max-width:none; color:#111827; background:#fff; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-shell { display:block; min-height:auto; background:#fff; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-main { padding:0; background:#fff; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-screen { display:none!important; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-screen[data-route="write"] { display:block!important; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-write-identity,
      #mg-notes-v010-root[data-print-document="true"] .mgw-editor-toolbar,
      #mg-notes-v010-root[data-print-document="true"] .mgw-version-history { display:none!important; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-editor-stage { width:100%; max-width:none; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-reading-surface { display:block!important; width:100%; max-width:7.3in; margin:0 auto; padding:0; border:0; border-radius:0; background:#fff; color:#111827; box-shadow:none; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-reading-surface * { color:#111827!important; border-color:#D1D5DB!important; }
      #mg-notes-v010-root[data-print-document="true"] .mgw-reading-properties,
      #mg-notes-v010-root[data-print-document="true"] .mgw-reading-body blockquote,
      #mg-notes-v010-root[data-print-document="true"] .mgw-reading-body pre { background:#F8FAFC!important; }
    }

    /* 18 Step 5F — preserved Responses / Checkpoints / local import */
    #mg-notes-v010-root .mgw-preserved-page { max-width:1180px; margin-inline:auto; }
    #mg-notes-v010-root .mgw-preserved-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:20px; }
    #mg-notes-v010-root .mgw-preserved-head p { margin:6px 0 0; max-width:760px; }
    #mg-notes-v010-root .mgw-capture-form,
    #mg-notes-v010-root .mgw-import-receipt,
    #mg-notes-v010-root .mgw-preserved-detail { border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-panel); background:var(--mgw-panel); padding:18px; margin:0 0 18px; }
    #mg-notes-v010-root .mgw-capture-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    #mg-notes-v010-root .mgw-field-wide { grid-column:1 / -1; }
    #mg-notes-v010-root .mgw-protected-note { margin:12px 0; padding:11px 12px; border:1px solid var(--mgw-accent-border); border-radius:var(--mgw-radius-card); background:var(--mgw-accent-soft); color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-preserved-list { display:grid; gap:10px; }
    #mg-notes-v010-root .mgw-preserved-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:stretch; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-panel); padding:10px; }
    #mg-notes-v010-root .mgw-preserved-row.is-selected { border-color:var(--mgw-accent-border); box-shadow:0 0 0 2px var(--mgw-accent-soft); }
    #mg-notes-v010-root .mgw-preserved-row-main { display:grid; gap:7px; min-width:0; min-height:40px; padding:8px; border:0; border-radius:var(--mgw-radius-card); background:transparent; color:var(--mgw-text); text-align:left; cursor:pointer; }
    #mg-notes-v010-root .mgw-preserved-row-main:focus-visible { outline:3px solid var(--mgw-accent-soft); outline-offset:2px; }
    #mg-notes-v010-root .mgw-preserved-row-title { font-weight:650; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-preserved-row-meta { display:flex; gap:10px; flex-wrap:wrap; color:var(--mgw-muted); font-size:12px; }
    #mg-notes-v010-root .mgw-preserved-row-preview { color:var(--mgw-muted); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-preserved-detail-head,
    #mg-notes-v010-root .mgw-import-receipt-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
    #mg-notes-v010-root .mgw-preserved-detail-head h3,
    #mg-notes-v010-root .mgw-import-receipt h3 { margin:0; }
    #mg-notes-v010-root .mgw-preserved-reading,
    #mg-notes-v010-root .mgw-continuation-preview { white-space:pre-wrap; overflow-wrap:anywhere; max-height:46vh; overflow:auto; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); color:var(--mgw-text); padding:14px; }
    #mg-notes-v010-root .mgw-preserved-detail details > summary { display:flex; align-items:center; min-height:40px; padding:7px 2px; color:var(--mgw-text); font-weight:600; cursor:pointer; }
    #mg-notes-v010-root .mgw-preserved-detail details > summary:focus-visible { outline:3px solid var(--mgw-accent-soft); outline-offset:2px; border-radius:8px; }
    #mg-notes-v010-root .mgw-project-assignment { display:grid; gap:6px; margin:14px 0; max-width:420px; color:var(--mgw-muted); }
    #mg-notes-v010-root .mgw-checkpoint-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0; }
    #mg-notes-v010-root .mgw-checkpoint-summary > div { border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-raised); padding:12px; min-width:0; }
    #mg-notes-v010-root .mgw-checkpoint-summary strong,
    #mg-notes-v010-root .mgw-checkpoint-summary span { display:block; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-checkpoint-summary span { margin-top:5px; color:var(--mgw-muted); font-size:13px; }
    #mg-notes-v010-root .mgw-import-list { display:grid; gap:7px; margin-top:10px; }
    #mg-notes-v010-root .mgw-import-file { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-import-file small { color:var(--mgw-muted); text-align:right; }
    #mg-notes-v010-root .mgw-import-warning { margin-top:9px; padding:10px 12px; border-radius:var(--mgw-radius-card); background:rgba(248,113,113,.10); color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-file-input { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
    @media (max-width:760px) {
      #mg-notes-v010-root .mgw-preserved-head,
      #mg-notes-v010-root .mgw-preserved-detail-head,
      #mg-notes-v010-root .mgw-import-receipt-head { flex-direction:column; align-items:stretch; }
      #mg-notes-v010-root .mgw-capture-grid,
      #mg-notes-v010-root .mgw-checkpoint-summary { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-preserved-row { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-preserved-row-main,
      #mg-notes-v010-root .mgw-preserved-row > .mgw-btn { min-height:44px; }
      #mg-notes-v010-root .mgw-preserved-detail details > summary { min-height:44px; }
      #mg-notes-v010-root .mgw-import-file { flex-direction:column; }
      #mg-notes-v010-root .mgw-import-file small { text-align:left; }
    }

    /* 24 v0.9.6.3 — Full-Viewport Software Experience
       Golden UX oracle principles: compact chrome, early user content, mobile work-surface priority.
       Layout/CSS only. No feature or data-flow changes. */
    #mg-notes-v010-root {
      --mgw-workspace-rail-height:52px;
      width:100%;
      max-width:none;
      min-height:calc(100dvh - var(--mgw-global-header-clearance));
    }
    #mg-notes-v010-root .mgw-shell {
      min-height:calc(100dvh - var(--mgw-global-header-clearance));
    }
    #mg-notes-v010-root .mgw-nav-inner { max-width:none; }
    #mg-notes-v010-root .mgw-focus-dock { padding:4px clamp(8px,1.5vw,14px); }
    #mg-notes-v010-root .mgw-nav-btn { min-height:40px; padding-inline:9px; }
    #mg-notes-v010-root .mgw-main {
      width:100%;
      padding:12px clamp(12px,2vw,24px) 24px;
      scroll-padding-top:calc(var(--mgw-workspace-rail-height) + 8px);
    }
    #mg-notes-v010-root .mgw-screen { width:100%; max-width:none; }
    #mg-notes-v010-root[data-active-page="start"] .mgw-screen[data-route="start"] { place-items:start center; }

    /* Compact route context instead of webpage-style headers. */
    #mg-notes-v010-root .mgw-page-bar,
    #mg-notes-v010-root .mgw-preserved-head {
      align-items:center;
      gap:12px;
      margin-bottom:10px;
    }
    #mg-notes-v010-root .mgw-page-bar .mgw-eyebrow,
    #mg-notes-v010-root .mgw-preserved-head .mgw-eyebrow { display:none; }
    #mg-notes-v010-root .mgw-page-bar h2,
    #mg-notes-v010-root .mgw-preserved-head h2 { font-size:22px; line-height:1.15; }
    #mg-notes-v010-root .mgw-page-bar > div > h2 + p,
    #mg-notes-v010-root .mgw-preserved-head > div > h2 + p {
      margin:3px 0 0;
      max-width:760px;
      color:var(--mgw-muted);
      font-size:11.5px;
      line-height:1.4;
    }
    #mg-notes-v010-root .mgw-page-actions { gap:6px; }
    #mg-notes-v010-root .mgw-route-head { max-width:none; margin:0 0 10px; }
    #mg-notes-v010-root .mgw-route-head .mgw-eyebrow { display:none; }
    #mg-notes-v010-root .mgw-route-head h2 { font-size:22px; line-height:1.2; }
    #mg-notes-v010-root .mgw-route-head p { margin:4px 0 0; font-size:12px; }

    /* Start is a software home, not a centered landing page. */
    #mg-notes-v010-root .mgw-start {
      min-height:auto;
      padding:18px 0 28px;
    }
    #mg-notes-v010-root .mgw-start-inner { width:min(1120px,100%); }
    #mg-notes-v010-root .mgw-start-intro { margin:0 auto 14px; }
    #mg-notes-v010-root .mgw-start-intro h1 { font-size:clamp(28px,4vw,42px); }
    #mg-notes-v010-root .mgw-start-intro p { margin-top:7px; font-size:13px; }
    #mg-notes-v010-root .mgw-start-launch-grid { gap:8px; margin-bottom:18px; }
    #mg-notes-v010-root .mgw-start-launch { min-height:96px; gap:5px; padding:13px; }
    #mg-notes-v010-root .mgw-start-library { padding-top:14px; }
    #mg-notes-v010-root .mgw-start-section-head { margin-bottom:8px; }
    #mg-notes-v010-root .mgw-start-library-card { min-height:66px; padding:10px 12px; }
    #mg-notes-v010-root .mgw-start-footer { margin-top:14px; }
    #mg-notes-v010-root .mgw-start-trust { margin-top:12px; }

    /* Collections use the available application width and denser rows. */
    #mg-notes-v010-root .mgw-library-page,
    #mg-notes-v010-root .mgw-preserved-page,
    #mg-notes-v010-root .mgw-projects-page { width:100%; max-width:none; }
    #mg-notes-v010-root .mgw-document-paste,
    #mg-notes-v010-root .mgw-capture-form,
    #mg-notes-v010-root .mgw-import-receipt,
    #mg-notes-v010-root .mgw-preserved-detail { margin-bottom:10px; padding:13px; }
    #mg-notes-v010-root .mgw-organize { margin-bottom:8px; padding:8px 10px; }
    #mg-notes-v010-root .mgw-organize-top { gap:8px; }
    #mg-notes-v010-root .mgw-organize-selects { gap:8px; margin-top:7px; }
    #mg-notes-v010-root .mgw-document-list,
    #mg-notes-v010-root .mgw-preserved-list { gap:6px; }
    #mg-notes-v010-root .mgw-document-row { min-height:68px; padding:10px 12px; }
    #mg-notes-v010-root .mgw-preserved-row { padding:7px 9px; }
    #mg-notes-v010-root .mgw-search-box { margin:8px 0 10px; }
    #mg-notes-v010-root .mgw-search-results { gap:6px; }
    #mg-notes-v010-root .mgw-search-row { min-height:66px; padding:10px 12px; }

    /* Project screens remain page-first with less surrounding chrome. */
    #mg-notes-v010-root .mgw-project-create,
    #mg-notes-v010-root .mgw-project-detail { padding:12px; }
    #mg-notes-v010-root .mgw-project-list { gap:8px; }
    #mg-notes-v010-root .mgw-project-card { padding:10px 12px; }
    #mg-notes-v010-root .mgw-project-detail-head { margin-bottom:10px; }
    #mg-notes-v010-root .mgw-project-tabs { gap:5px; padding-bottom:7px; margin-bottom:10px; }
    #mg-notes-v010-root .mgw-project-panel { padding:10px; }
    #mg-notes-v010-root .mgw-project-detail > .mgw-project-panel { padding-top:10px; }
    #mg-notes-v010-root .mgw-portable-workspace { margin-top:10px; padding:12px; }

    /* Editor: title is content context, not another card. Only rail + action bar remain sticky chrome. */
    #mg-notes-v010-root[data-active-page="write"] .mgw-main { padding-top:6px; }
    #mg-notes-v010-root .mgw-write-page { width:100%; max-width:none; }
    #mg-notes-v010-root .mgw-write-identity {
      width:min(1080px,100%);
      margin:0 auto 3px;
      padding:5px 2px 7px;
      border:0;
      border-radius:0;
      background:transparent;
      align-items:center;
      gap:12px;
    }
    #mg-notes-v010-root .mgw-editor-title { font-size:clamp(21px,2.4vw,29px); }
    #mg-notes-v010-root .mgw-write-meta { margin-top:4px; }
    #mg-notes-v010-root .mgw-write-actions { gap:6px; }
    #mg-notes-v010-root .mgw-editor-toolbar {
      width:min(1080px,100%);
      margin:0 auto 8px;
      padding:5px 6px;
      border-radius:4px;
      gap:6px;
    }
    #mg-notes-v010-root .mgw-editor-toolbar-group { gap:5px; }
    #mg-notes-v010-root .mgw-editor-tool { padding:6px 9px; }
    #mg-notes-v010-root .mgw-editor-stage { width:min(1080px,100%); }
    #mg-notes-v010-root .mgw-editor-canvas,
    #mg-notes-v010-root .mgw-reading-surface { width:min(920px,100%); }
    #mg-notes-v010-root .mgw-version-history { width:min(1080px,100%); margin-top:10px; padding:10px; }

    /* About remains readable but no longer consumes a landing-page amount of chrome. */
    #mg-notes-v010-root .mgw-about-page { width:min(1120px,100%); }
    #mg-notes-v010-root .mgw-about-intro { padding:16px; margin-bottom:10px; }
    #mg-notes-v010-root .mgw-about-grid,
    #mg-notes-v010-root .mgw-about-panels { gap:8px; }
    #mg-notes-v010-root .mgw-about-card,
    #mg-notes-v010-root .mgw-about-panel { padding:12px; }
    #mg-notes-v010-root .mgw-about-panels { margin-top:8px; }

    @media (max-width:767px) {
      #mg-notes-v010-root { --mgw-workspace-rail-height:52px; }
      #mg-notes-v010-root .mgw-focus-dock { padding:4px 4px; }
      #mg-notes-v010-root .mgw-main { padding:7px 8px 18px; }
      #mg-notes-v010-root .mgw-nav-inner { gap:3px; }
      #mg-notes-v010-root .mgw-nav-btn { min-height:44px; padding-inline:7px; }

      #mg-notes-v010-root .mgw-start { padding:10px 0 18px; }
      #mg-notes-v010-root .mgw-start-intro { margin-bottom:10px; }
      #mg-notes-v010-root .mgw-start-intro h1 { font-size:28px; }
      #mg-notes-v010-root .mgw-start-intro p { font-size:12px; }
      #mg-notes-v010-root .mgw-start-launch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-bottom:12px; }
      #mg-notes-v010-root .mgw-start-launch { min-height:82px; padding:10px; }
      #mg-notes-v010-root .mgw-start-library { padding-top:10px; }
      #mg-notes-v010-root .mgw-start-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
      #mg-notes-v010-root .mgw-start-library-card { min-height:60px; padding:8px 9px; }
      #mg-notes-v010-root .mgw-start-footer { margin-top:10px; }
      #mg-notes-v010-root .mgw-start-trust { margin-top:9px; font-size:11px; }

      #mg-notes-v010-root .mgw-page-bar { align-items:stretch; flex-direction:column; gap:6px; margin-bottom:7px; }
      #mg-notes-v010-root .mgw-page-bar h2,
      #mg-notes-v010-root .mgw-preserved-head h2 { font-size:19px; }
      #mg-notes-v010-root .mgw-page-bar > div > h2 + p,
      #mg-notes-v010-root .mgw-preserved-head > div > h2 + p,
      #mg-notes-v010-root .mgw-route-head > p { display:none; }
      #mg-notes-v010-root .mgw-page-actions {
        width:100%;
        flex-wrap:nowrap;
        justify-content:flex-start;
        gap:5px;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
      }
      #mg-notes-v010-root .mgw-page-actions::-webkit-scrollbar { display:none; }
      #mg-notes-v010-root .mgw-page-actions .mgw-btn { flex:0 0 auto; padding-inline:11px; }
      #mg-notes-v010-root .mgw-preserved-head { flex-direction:row; align-items:center; gap:8px; margin-bottom:7px; }
      #mg-notes-v010-root .mgw-preserved-head > div { min-width:0; flex:1 1 auto; }
      #mg-notes-v010-root .mgw-preserved-head > .mgw-btn { flex:0 0 auto; }
      #mg-notes-v010-root .mgw-route-head { margin-bottom:6px; }
      #mg-notes-v010-root .mgw-route-head h2 { font-size:19px; }

      /* Mobile Notes: one compact search row + horizontally scrollable filter strip. */
      #mg-notes-v010-root .mgw-organize { padding:6px; margin-bottom:7px; }
      #mg-notes-v010-root .mgw-organize-top { grid-template-columns:auto minmax(0,1fr); gap:6px; }
      #mg-notes-v010-root .mgw-record-count { font-size:11px; }
      #mg-notes-v010-root .mgw-organize-selects {
        display:flex;
        gap:6px;
        margin-top:6px;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
      }
      #mg-notes-v010-root .mgw-organize-selects::-webkit-scrollbar { display:none; }
      #mg-notes-v010-root .mgw-organize-selects label { flex:0 0 142px; gap:3px; font-size:10px; }
      #mg-notes-v010-root .mgw-document-row { min-height:64px; padding:9px 10px; }
      #mg-notes-v010-root .mgw-document-row,
      #mg-notes-v010-root .mgw-search-row { grid-template-columns:minmax(0,1fr) auto; }
      #mg-notes-v010-root .mgw-document-row .mgw-btn,
      #mg-notes-v010-root .mgw-search-row .mgw-btn { justify-self:end; }
      #mg-notes-v010-root .mgw-document-preview { margin-top:4px; }

      /* Mobile editor uses the screen edge as its work surface. */
      #mg-notes-v010-root[data-active-page="write"] .mgw-main { padding-top:3px; }
      #mg-notes-v010-root .mgw-write-identity { grid-template-columns:1fr; gap:4px; padding:3px 2px 5px; margin-bottom:2px; }
      #mg-notes-v010-root .mgw-write-title-row { flex-wrap:wrap; gap:5px; }
      #mg-notes-v010-root .mgw-editor-title { flex-basis:100%; min-height:44px; font-size:21px; }
      #mg-notes-v010-root .mgw-write-meta { margin-top:2px; font-size:10.5px; }
      #mg-notes-v010-root .mgw-write-actions {
        flex-wrap:nowrap;
        justify-content:flex-start;
        gap:5px;
        overflow-x:auto;
        scrollbar-width:none;
      }
      #mg-notes-v010-root .mgw-write-actions::-webkit-scrollbar { display:none; }
      #mg-notes-v010-root .mgw-write-actions .mgw-btn { flex:0 0 auto; }
      #mg-notes-v010-root .mgw-editor-toolbar {
        width:100%;
        margin-bottom:5px;
        padding:4px;
        border-left:0;
        border-right:0;
        border-radius:0;
      }
      #mg-notes-v010-root .mgw-editor-toolbar-group { flex-wrap:nowrap; gap:4px; }
      #mg-notes-v010-root .mgw-editor-stage { width:100%; }
      #mg-notes-v010-root .mgw-editor-canvas,
      #mg-notes-v010-root .mgw-reading-surface {
        width:calc(100% + 16px);
        margin-inline:-8px;
        padding:12px 10px;
        border-left:0;
        border-right:0;
        border-radius:0;
        box-shadow:none;
      }
      #mg-notes-v010-root .mgw-block-card { padding:6px 2px; }
      #mg-notes-v010-root .mgw-editor-foot { margin-top:8px; }
      #mg-notes-v010-root .mgw-version-history { width:100%; margin-top:7px; padding:8px; }

      /* Mobile Projects/Preserved work: compact surrounding chrome, preserve 44px interaction targets. */
      #mg-notes-v010-root .mgw-project-create,
      #mg-notes-v010-root .mgw-project-detail,
      #mg-notes-v010-root .mgw-capture-form,
      #mg-notes-v010-root .mgw-import-receipt,
      #mg-notes-v010-root .mgw-preserved-detail { padding:9px; margin-bottom:7px; }
      #mg-notes-v010-root .mgw-project-card,
      #mg-notes-v010-root .mgw-preserved-row { padding:8px; }
      #mg-notes-v010-root .mgw-project-tabs { margin-bottom:7px; padding-bottom:5px; }
    }

    @media (max-width:520px) {
      #mg-notes-v010-root .mgw-start-launch-grid,
      #mg-notes-v010-root .mgw-start-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      #mg-notes-v010-root .mgw-start-launch small { font-size:10.5px; line-height:1.3; }
      #mg-notes-v010-root .mgw-start-library-copy small { font-size:10px; }
    }

    @media print {
      #mg-notes-v010-root .mgw-main { width:auto; padding:0; }
    }

  

    /* 25 v0.9.6.4 — Golden Oracle Visual Reconciliation + Premium Polish
       Visual/interaction-pattern refinement only. Runtime behavior and data flow remain unchanged. */
    #mg-notes-v010-root {
      --mgw-oracle-detail-measure:1080px;
      --mgw-oracle-writing-measure:920px;
    }
    #mg-notes-v010-root h1,
    #mg-notes-v010-root h2 { font-weight:520; }
    #mg-notes-v010-root .mgw-btn,
    #mg-notes-v010-root .mgw-nav-btn { font-weight:560; }

    /* Start: recover the Golden oracle's fast visual scanning without restoring large cards. */
    #mg-notes-v010-root .mgw-start-launch {
      display:grid;
      grid-template-columns:36px minmax(0,1fr);
      align-items:start;
      column-gap:10px;
      min-height:88px;
      padding:11px 12px;
    }
    #mg-notes-v010-root .mgw-start-launch-copy { min-width:0; }
    #mg-notes-v010-root .mgw-start-launch-copy strong,
    #mg-notes-v010-root .mgw-start-launch-copy small { display:block; }
    #mg-notes-v010-root .mgw-start-launch-copy strong { margin-top:1px; }
    #mg-notes-v010-root .mgw-start-launch-copy small { margin-top:4px; }
    #mg-notes-v010-root .mgw-oracle-icon,
    #mg-notes-v010-root .mgw-oracle-library-icon,
    #mg-notes-v010-root .mgw-oracle-about-icon {
      display:grid;
      place-items:center;
      border:1px solid var(--mgw-border);
      border-radius:6px;
      background:var(--mgw-high);
      color:var(--mgw-accent);
    }
    #mg-notes-v010-root .mgw-oracle-icon { width:36px; height:36px; }
    #mg-notes-v010-root .mgw-oracle-library-icon { width:30px; height:30px; }
    #mg-notes-v010-root .mgw-oracle-about-icon { width:34px; height:34px; }
    #mg-notes-v010-root .mgw-oracle-icon svg,
    #mg-notes-v010-root .mgw-oracle-library-icon svg,
    #mg-notes-v010-root .mgw-oracle-about-icon svg {
      width:18px;
      height:18px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.7;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    #mg-notes-v010-root .mgw-start-launch-primary .mgw-oracle-icon {
      border-color:var(--mgw-accent-border);
      background:var(--mgw-accent-soft);
    }
    #mg-notes-v010-root .mgw-start-library-card {
      grid-template-columns:30px minmax(0,1fr) auto;
      min-height:60px;
      column-gap:10px;
      padding:8px 10px;
    }

    /* Collections: use dividers and hover state rather than card-on-card repetition. */
    #mg-notes-v010-root .mgw-organize {
      padding:6px 0 8px;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-document-list,
    #mg-notes-v010-root .mgw-preserved-list,
    #mg-notes-v010-root .mgw-search-results {
      gap:0;
      border-top:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-document-row,
    #mg-notes-v010-root .mgw-preserved-row,
    #mg-notes-v010-root .mgw-search-row {
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-document-row:hover,
    #mg-notes-v010-root .mgw-document-row:focus-within,
    #mg-notes-v010-root .mgw-preserved-row:hover,
    #mg-notes-v010-root .mgw-preserved-row:focus-within,
    #mg-notes-v010-root .mgw-search-row:hover,
    #mg-notes-v010-root .mgw-search-row:focus-within { background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-preserved-row.is-selected {
      background:var(--mgw-accent-soft);
      box-shadow:inset 3px 0 0 var(--mgw-accent);
      border-color:var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-document-title,
    #mg-notes-v010-root .mgw-preserved-row-title { font-weight:600; }

    /* Response/Checkpoint detail: the opened artifact becomes the identity surface. */
    #mg-notes-v010-root .mgw-preserved-detail {
      width:min(var(--mgw-oracle-detail-measure),100%);
      margin:0 auto 14px;
      padding:0 0 12px;
      border:0;
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-preserved-detail-head {
      padding:2px 0 10px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-preserved-reading,
    #mg-notes-v010-root .mgw-continuation-preview {
      max-height:none;
      overflow:visible;
      border:0;
      border-radius:0;
      background:transparent;
      padding:14px 2px;
    }
    #mg-notes-v010-root .mgw-protected-note {
      margin:10px 0;
      padding:9px 10px;
      border-left:3px solid var(--mgw-accent);
      border-top:0;
      border-right:0;
      border-bottom:0;
      border-radius:0;
      background:var(--mgw-accent-soft);
    }

    /* Projects: detail is a page, not a nested panel; tabs act like software tabs, not pills. */
    #mg-notes-v010-root .mgw-project-detail {
      width:min(var(--mgw-oracle-detail-measure),100%);
      margin-inline:auto;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-project-detail-head {
      padding:2px 0 10px;
      margin-bottom:8px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-project-tabs {
      gap:2px;
      padding:0 0 5px;
      margin-bottom:8px;
    }
    #mg-notes-v010-root .mgw-project-tab {
      min-height:40px;
      padding:7px 10px;
      border:1px solid transparent;
      border-radius:4px;
      background:transparent;
      color:var(--mgw-muted);
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-tab:hover,
    #mg-notes-v010-root .mgw-project-tab:focus-visible { background:var(--mgw-raised); color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-project-tab[aria-pressed="true"] {
      border-color:var(--mgw-border);
      background:var(--mgw-raised);
      color:var(--mgw-text);
      box-shadow:inset 0 -2px 0 var(--mgw-accent);
    }
    #mg-notes-v010-root .mgw-project-detail > .mgw-project-panel {
      padding-top:8px;
      border-top:0;
    }
    #mg-notes-v010-root .mgw-project-summary-grid > div { padding:10px; }

    /* Search/About: stronger scan hierarchy, restrained decoration. */
    #mg-notes-v010-root .mgw-search-box { margin-top:6px; }
    #mg-notes-v010-root .mgw-about-intro {
      border-left:3px solid var(--mgw-accent);
      border-radius:4px;
    }
    #mg-notes-v010-root .mgw-about-card {
      grid-template-columns:34px minmax(0,1fr);
      align-items:start;
      gap:10px;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-about-card h3 { margin-top:1px; }

    /* Editor/Reading: focused work surfaces borrow the Golden oracle's transparent-page treatment. */
    #mg-notes-v010-root .mgw-write-identity { width:min(var(--mgw-oracle-detail-measure),100%); }
    #mg-notes-v010-root .mgw-editor-toolbar {
      width:min(var(--mgw-oracle-detail-measure),100%);
      border-left:0;
      border-right:0;
      border-radius:0;
      background:color-mix(in srgb,var(--mgw-shell) 96%,transparent);
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-editor-stage { width:min(var(--mgw-oracle-detail-measure),100%); }
    #mg-notes-v010-root .mgw-editor-canvas,
    #mg-notes-v010-root .mgw-reading-surface {
      width:min(var(--mgw-oracle-writing-measure),100%);
      padding:18px 22px 28px;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-rich-blocks { gap:2px; }
    #mg-notes-v010-root .mgw-block-card { border-radius:2px; padding-inline:5px; }
    #mg-notes-v010-root .mgw-version-history {
      width:min(var(--mgw-oracle-detail-measure),100%);
      margin-top:16px;
      padding:12px 0 0;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-reading-header { margin-bottom:18px; padding-bottom:14px; }
    #mg-notes-v010-root .mgw-reading-properties { border-radius:4px; }

    /* Menus/drawers: software utility chrome stays compact and edge-aware. */
    #mg-notes-v010-root .mgw-command {
      width:min(580px,calc(100% - 24px));
      padding:10px;
      border-radius:8px;
    }
    #mg-notes-v010-root .mgw-command-item {
      min-height:48px;
      padding:8px 10px;
      border-radius:4px;
    }
    #mg-notes-v010-root .mgw-editor-drawer {
      width:min(420px,calc(100vw - 20px));
      box-shadow:-12px 0 34px rgba(0,0,0,.24);
    }
    #mg-notes-v010-root .mgw-editor-drawer-head,
    #mg-notes-v010-root .mgw-editor-drawer-body { padding:12px; }

    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-main { padding:5px 6px 14px; }
      #mg-notes-v010-root .mgw-start-launch { min-height:78px; padding:8px; grid-template-columns:30px minmax(0,1fr); gap:7px; }
      #mg-notes-v010-root .mgw-oracle-icon { width:30px; height:30px; }
      #mg-notes-v010-root .mgw-oracle-icon svg { width:16px; height:16px; }
      #mg-notes-v010-root .mgw-start-launch small { margin-top:4px; }
      #mg-notes-v010-root .mgw-start-library-card { grid-template-columns:28px minmax(0,1fr) auto; min-height:56px; padding:7px 8px; gap:7px; }
      #mg-notes-v010-root .mgw-oracle-library-icon { width:28px; height:28px; }
      #mg-notes-v010-root .mgw-organize-selects label { gap:0; font-size:0; }
      #mg-notes-v010-root .mgw-organize-selects .mgw-select { font-size:11.5px; }
      #mg-notes-v010-root .mgw-organize { padding-block:5px 6px; }
      #mg-notes-v010-root .mgw-document-row,
      #mg-notes-v010-root .mgw-preserved-row,
      #mg-notes-v010-root .mgw-search-row { padding-inline:7px; }
      #mg-notes-v010-root .mgw-document-row.has-select {
        grid-template-columns:auto minmax(0,1fr) auto;
        align-items:center;
      }
      #mg-notes-v010-root .mgw-document-row.has-select > .mgw-btn {
        grid-column:auto;
        justify-self:end;
      }
      #mg-notes-v010-root .mgw-preserved-detail,
      #mg-notes-v010-root .mgw-project-detail { width:100%; }
      #mg-notes-v010-root .mgw-project-detail-head { gap:8px; }
      #mg-notes-v010-root .mgw-project-tab { min-height:44px; }
      #mg-notes-v010-root .mgw-artifact-badge { display:none; }
      #mg-notes-v010-root .mgw-write-meta {
        flex-wrap:nowrap;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
      }
      #mg-notes-v010-root .mgw-editor-toolbar {
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
      }
      #mg-notes-v010-root .mgw-editor-toolbar::-webkit-scrollbar { display:none; }
      #mg-notes-v010-root .mgw-editor-toolbar-group { flex:0 0 auto; }
      #mg-notes-v010-root .mgw-editor-canvas,
      #mg-notes-v010-root .mgw-reading-surface {
        width:calc(100% + 12px);
        margin-inline:-6px;
        padding:10px 8px 18px;
      }
      #mg-notes-v010-root .mgw-version-history { padding-top:9px; }
      #mg-notes-v010-root .mgw-editor-drawer {
        left:0;
        right:0;
        bottom:0;
        width:auto;
        border-left:0;
        border-right:0;
        border-bottom:0;
        border-radius:8px 8px 0 0;
        box-shadow:0 -12px 34px rgba(0,0,0,.28);
      }
      #mg-notes-v010-root .mgw-drawer {
        left:0;
        right:0;
        bottom:0;
        border-radius:8px 8px 0 0;
      }
    }


    /* 26 v0.9.6.5 — Golden Oracle Universal Contextual Notes Dock
       One app-local dock changes with the active screen/artifact. Start intentionally has no dock. */
    #mg-notes-v010-root .mgw-context-dock {
      height:52px;
      min-height:52px;
      padding:4px clamp(8px,1.4vw,14px);
    }
    #mg-notes-v010-root[data-active-page="start"] .mgw-context-dock { display:none!important; }
    #mg-notes-v010-root .mgw-context-dock-inner {
      width:min(1120px,100%);
      height:100%;
      margin:0 auto;
      display:grid;
      grid-template-columns:auto minmax(150px,1.15fr) auto auto auto;
      align-items:center;
      gap:5px;
      min-width:0;
    }
    #mg-notes-v010-root .mgw-context-dock-btn {
      min-height:40px;
      min-width:40px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      padding:0 10px;
      border:1px solid transparent;
      border-radius:6px;
      background:transparent;
      color:var(--mgw-muted);
      font-size:11.5px;
      font-weight:580;
      line-height:1.05;
      white-space:nowrap;
      cursor:pointer;
    }
    #mg-notes-v010-root .mgw-context-dock-btn:hover,
    #mg-notes-v010-root .mgw-context-dock-btn:focus-visible {
      color:var(--mgw-text);
      background:var(--mgw-raised);
      border-color:var(--mgw-border);
      outline:none;
    }
    #mg-notes-v010-root .mgw-context-dock-btn:focus-visible,
    #mg-notes-v010-root .mgw-context-route select:focus-visible { outline:3px solid var(--mgw-accent-soft); outline-offset:1px; border-color:var(--mgw-accent); }
    #mg-notes-v010-root .mgw-context-dock-primary {
      color:var(--mgw-on-primary);
      background:var(--mgw-primary-fill);
      border-color:var(--mgw-accent-border);
    }
    #mg-notes-v010-root .mgw-context-dock-primary:hover,
    #mg-notes-v010-root .mgw-context-dock-primary:focus-visible { color:var(--mgw-on-primary); background:var(--mgw-primary-fill); border-color:var(--mgw-accent); }
    #mg-notes-v010-root .mgw-context-dock-icon { width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
    #mg-notes-v010-root .mgw-context-route {
      min-width:0;
      height:40px;
      display:grid;
      grid-template-columns:20px minmax(0,1fr);
      align-items:center;
      gap:5px;
      padding:0 7px;
      border:1px solid var(--mgw-border);
      border-radius:6px;
      background:var(--mgw-raised);
      color:var(--mgw-text);
    }
    #mg-notes-v010-root .mgw-context-route-icon { width:18px;height:18px;display:block;color:var(--mgw-muted); }
    #mg-notes-v010-root .mgw-context-route-icon svg { width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
    #mg-notes-v010-root .mgw-context-route select {
      width:100%;min-width:0;height:38px;border:0;outline:0;padding:0 22px 0 0;background:transparent;color:var(--mgw-text);font:inherit;font-size:11.5px;font-weight:590;
    }
    #mg-notes-v010-root[data-app-ready="true"] .mgw-page-bar .mgw-page-actions,
    #mg-notes-v010-root[data-app-ready="true"] .mgw-preserved-head > .mgw-btn,
    #mg-notes-v010-root[data-app-ready="true"] [data-route="write"] .mgw-write-actions,
    #mg-notes-v010-root[data-app-ready="true"] [data-route="search"] #mgw-search-clear,
    #mg-notes-v010-root[data-app-ready="true"] .mgw-preserved-detail-head > .mgw-btn,
    #mg-notes-v010-root[data-app-ready="true"] .mgw-preserved-detail > .mgw-inline-actions,
    #mg-notes-v010-root[data-app-ready="true"] .mgw-project-detail-head > .mgw-btn,
    #mg-notes-v010-root[data-app-ready="true"] .mgw-project-tabs,
    #mg-notes-v010-root[data-app-ready="true"] .mgw-portable-workspace { display:none!important; }
    #mg-notes-v010-root[data-dock-context="documents-paste"] #mgw-document-paste-form > .mgw-inline-actions,
    #mg-notes-v010-root[data-dock-context="response-draft"] #mgw-response-form > .mgw-inline-actions,
    #mg-notes-v010-root[data-dock-context="project-draft"] #mgw-project-create-form > .mgw-inline-actions { display:none!important; }
    #mg-notes-v010-root .mgw-dock-more-backdrop { position:fixed;inset:var(--mgw-overlay-top-clearance) 0 0;z-index:515;background:rgba(0,0,0,.42); }
    #mg-notes-v010-root .mgw-dock-more-menu {
      position:fixed;z-index:520;top:calc(var(--mgw-overlay-top-clearance) + var(--mgw-workspace-rail-height) + 6px);right:12px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - var(--mgw-workspace-rail-height) - 18px);overflow:auto;padding:10px;border:1px solid var(--mgw-border-strong);border-radius:8px;background:var(--mgw-shell);box-shadow:0 18px 56px rgba(0,0,0,.28);
    }
    #mg-notes-v010-root .mgw-dock-more-head { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:3px 3px 8px;border-bottom:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-dock-more-head .mgw-eyebrow { margin-bottom:3px; }
    #mg-notes-v010-root .mgw-dock-more-head h2 { font-size:17px; }
    #mg-notes-v010-root .mgw-dock-more-list { display:grid;gap:2px;padding-top:6px; }
    #mg-notes-v010-root .mgw-dock-more-action { width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--mgw-text);text-align:left;cursor:pointer; }
    #mg-notes-v010-root .mgw-dock-more-action:hover,
    #mg-notes-v010-root .mgw-dock-more-action:focus-visible { border-color:var(--mgw-border);background:var(--mgw-raised);outline:none; }
    #mg-notes-v010-root .mgw-dock-more-action.is-danger { color:var(--mgw-risk); }
    #mg-notes-v010-root .mgw-dock-more-action small { color:var(--mgw-muted);font-size:10px; }
    #mg-notes-v010-root[data-active-page="start"] .mgw-main { padding-top:0; }
    #mg-notes-v010-root[data-active-page="start"] .mgw-start { min-height:calc(100dvh - var(--mgw-overlay-top-clearance)); }
    #mg-notes-v010-root[data-active-page="write"] .mgw-write-identity { padding-top:2px; }
    #mg-notes-v010-root[data-active-page="write"]:not([data-dock-context="note-editing"]) .mgw-editor-toolbar { display:none!important; }
    @media (max-width:767px) {
      #mg-notes-v010-root { --mgw-workspace-rail-height:60px; }
      #mg-notes-v010-root .mgw-context-dock { height:60px;min-height:60px;padding:4px; }
      #mg-notes-v010-root .mgw-context-dock-inner { width:100%;grid-template-columns:48px minmax(82px,1.2fr) minmax(52px,.78fr) minmax(68px,.98fr) 48px;gap:2px; }
      #mg-notes-v010-root .mgw-context-dock-btn { min-height:44px;min-width:44px;padding:0 4px;gap:3px;flex-direction:column;font-size:9px;white-space:normal;text-align:center; }
      #mg-notes-v010-root .mgw-context-dock-icon { width:16px;height:16px;flex-basis:16px; }
      #mg-notes-v010-root .mgw-context-route { height:44px;grid-template-columns:16px minmax(0,1fr);gap:3px;padding:0 4px; }
      #mg-notes-v010-root .mgw-context-route-icon,
      #mg-notes-v010-root .mgw-context-route-icon svg { width:15px;height:15px; }
      #mg-notes-v010-root .mgw-context-route select { height:44px;padding-right:14px;font-size:9.5px;text-align:center; }
      #mg-notes-v010-root .mgw-dock-more-menu { top:auto;left:0;right:0;bottom:0;width:100%;max-height:min(72dvh,calc(100dvh - var(--mgw-overlay-top-clearance) - 8px));border-left:0;border-right:0;border-bottom:0;border-radius:10px 10px 0 0;padding:10px 10px max(10px,env(safe-area-inset-bottom)); }
      #mg-notes-v010-root .mgw-dock-more-action { min-height:44px;align-items:flex-start;flex-direction:column;justify-content:center;gap:3px;padding:9px 10px; }
      #mg-notes-v010-root .mgw-dock-more-action small { font-size:11px;line-height:1.35;text-align:left; }
      #mg-notes-v010-root .mgw-editor-toolbar { top:calc(var(--mgw-overlay-top-clearance) + var(--mgw-workspace-rail-height) + 2px); }
    }
    @media print {
      #mg-notes-v010-root .mgw-context-dock,
      #mg-notes-v010-root .mgw-dock-more-menu,
      #mg-notes-v010-root .mgw-dock-more-backdrop { display:none!important; }
    }


    /* 27 v0.9.6.6 — User-ready focused-context polish
       Reduce duplicated route chrome, keep focused artifacts focused, improve mobile dock legibility,
       and progressively disclose block-level power on fine-pointer devices. No data-flow changes. */
    #mg-notes-v010-root[data-dock-context="documents-paste"] [data-route="notes"] > .mgw-page-bar,
    #mg-notes-v010-root[data-dock-context="response-draft"] [data-route="responses"] > .mgw-preserved-head,
    #mg-notes-v010-root[data-dock-context="response-detail"] [data-route="responses"] > .mgw-preserved-head,
    #mg-notes-v010-root[data-dock-context="checkpoint-detail"] [data-route="checkpoints"] > .mgw-preserved-head,
    #mg-notes-v010-root[data-dock-context="project-draft"] [data-route="projects"] > .mgw-page-bar,
    #mg-notes-v010-root[data-dock-context^="project-detail-"] [data-route="projects"] > .mgw-page-bar {
      display:none!important;
    }
    #mg-notes-v010-root[data-dock-context="response-detail"] #mgw-response-list,
    #mg-notes-v010-root[data-dock-context="checkpoint-detail"] #mgw-checkpoint-list {
      display:none!important;
    }
    #mg-notes-v010-root[data-dock-context="documents-paste"] .mgw-document-paste,
    #mg-notes-v010-root[data-dock-context="response-draft"] .mgw-capture-form,
    #mg-notes-v010-root[data-dock-context="project-draft"] .mgw-project-create {
      width:min(960px,100%);
      margin:4px auto 12px;
    }
    #mg-notes-v010-root[data-dock-context="response-detail"] .mgw-preserved-detail,
    #mg-notes-v010-root[data-dock-context="checkpoint-detail"] .mgw-preserved-detail,
    #mg-notes-v010-root[data-dock-context^="project-detail-"] .mgw-project-detail {
      padding-top:4px;
    }
    #mg-notes-v010-root .mgw-dock-more-action {
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:center;
    }
    #mg-notes-v010-root .mgw-dock-more-action > span { min-width:0; }
    #mg-notes-v010-root .mgw-dock-more-action small { max-width:150px;text-align:right;line-height:1.35; }
    #mg-notes-v010-root .mgw-search-page .mgw-route-head p { max-width:620px; }
    #mg-notes-v010-root .mgw-version-history { opacity:.9; }
    #mg-notes-v010-root .mgw-version-head h3 { font-weight:590; }

    @media (hover:hover) and (pointer:fine) {
      #mg-notes-v010-root .mgw-block-card .mgw-block-actions {
        opacity:0;
        transition:opacity .14s ease;
      }
      #mg-notes-v010-root .mgw-block-card:hover .mgw-block-actions,
      #mg-notes-v010-root .mgw-block-card:focus-within .mgw-block-actions {
        opacity:1;
      }
    }

    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-context-dock-inner {
        grid-template-columns:48px minmax(72px,1fr) minmax(48px,.72fr) minmax(68px,.94fr) 48px;
      }
      #mg-notes-v010-root .mgw-context-dock-btn {
        font-size:10px;
        line-height:1.08;
      }
      #mg-notes-v010-root .mgw-context-route select {
        padding-right:12px;
        font-size:10.5px;
        text-align:left;
      }
      #mg-notes-v010-root[data-dock-context="documents-paste"] .mgw-document-paste,
      #mg-notes-v010-root[data-dock-context="response-draft"] .mgw-capture-form,
      #mg-notes-v010-root[data-dock-context="project-draft"] .mgw-project-create {
        width:100%;
        margin-top:2px;
      }
      #mg-notes-v010-root[data-dock-context="response-detail"] .mgw-preserved-detail,
      #mg-notes-v010-root[data-dock-context="checkpoint-detail"] .mgw-preserved-detail,
      #mg-notes-v010-root[data-dock-context^="project-detail-"] .mgw-project-detail {
        padding-top:0;
      }
      #mg-notes-v010-root .mgw-dock-more-action { grid-template-columns:minmax(0,1fr);align-items:start; }
      #mg-notes-v010-root .mgw-dock-more-action small { max-width:none;text-align:left; }
    }


    /* 31 v0.9.6.7 — Add Block, Properties, and More Menu interaction repair */
    #mg-notes-v010-root .mgw-editor-drawer { width:min(500px,calc(100vw - 28px)); }
    #mg-notes-v010-root .mgw-drawer-section > p.mgw-menu-help,
    #mg-notes-v010-root .mgw-add-block-intro,
    #mg-notes-v010-root .mgw-property-help { margin:0 0 10px; color:var(--mgw-muted); font-size:12px; line-height:1.5; }
    #mg-notes-v010-root .mgw-add-block-section + .mgw-add-block-section { margin-top:12px; }
    #mg-notes-v010-root .mgw-add-block-section h4 { margin:0 0 7px; color:var(--mgw-muted)!important; font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
    #mg-notes-v010-root .mgw-add-block-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
    #mg-notes-v010-root .mgw-add-block-choice { min-height:72px; display:flex; flex-direction:column; justify-content:center; padding:10px 12px; }
    #mg-notes-v010-root .mgw-add-block-choice strong { font-size:13px; }
    #mg-notes-v010-root .mgw-add-block-choice small { font-size:10.5px; line-height:1.35; }

    #mg-notes-v010-root .mgw-action-list { display:grid; gap:3px; }
    #mg-notes-v010-root .mgw-action-item { width:100%; min-height:48px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:9px 10px; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--mgw-text); text-align:left; cursor:pointer; }
    #mg-notes-v010-root .mgw-action-item:hover,
    #mg-notes-v010-root .mgw-action-item:focus-visible { border-color:var(--mgw-border); background:var(--mgw-raised); outline:none; }
    #mg-notes-v010-root .mgw-action-item.is-primary { border-color:var(--mgw-accent-border); background:var(--mgw-accent-soft); }
    #mg-notes-v010-root .mgw-action-item.is-danger { color:var(--mgw-risk); }
    #mg-notes-v010-root .mgw-action-copy { min-width:0; }
    #mg-notes-v010-root .mgw-action-copy strong { display:block; color:currentColor; font-size:12.5px; font-weight:650; }
    #mg-notes-v010-root .mgw-action-copy small { display:block; margin-top:3px; color:var(--mgw-muted); font-size:10.5px; line-height:1.35; }
    #mg-notes-v010-root .mgw-action-arrow { color:var(--mgw-muted); font-size:16px; line-height:1; }

    #mg-notes-v010-root .mgw-property-fields { display:grid; gap:9px; }
    #mg-notes-v010-root .mgw-property-fields-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    #mg-notes-v010-root .mgw-property-list { display:grid; gap:7px; }
    #mg-notes-v010-root .mgw-property-row { display:grid; grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr) auto; gap:7px; align-items:end; padding:8px; border:1px solid var(--mgw-border); border-radius:4px; background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-property-row .mgw-field { gap:4px; }
    #mg-notes-v010-root .mgw-property-row .mgw-field label { font-size:10px; }
    #mg-notes-v010-root .mgw-property-remove { min-width:40px; min-height:42px; padding-inline:10px; }
    #mg-notes-v010-root .mgw-property-add { margin-top:8px; }
    #mg-notes-v010-root .mgw-property-empty { padding:12px; border:1px dashed var(--mgw-border-strong); border-radius:4px; color:var(--mgw-muted); font-size:11.5px; }
    #mg-notes-v010-root .mgw-property-error { margin:8px 0 0; padding:8px 10px; border:1px solid color-mix(in srgb,var(--mgw-risk) 48%,var(--mgw-border)); border-radius:4px; color:var(--mgw-risk); font-size:11px; line-height:1.4; }
    #mg-notes-v010-root .mgw-system-details { margin-top:8px; }
    #mg-notes-v010-root .mgw-system-details > summary { min-height:40px; display:flex; align-items:center; color:var(--mgw-muted); cursor:pointer; font-size:11.5px; font-weight:650; }
    #mg-notes-v010-root .mgw-system-details > summary:focus-visible { outline:3px solid var(--mgw-accent-soft); outline-offset:2px; }

    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-editor-drawer { width:auto; }
      #mg-notes-v010-root .mgw-action-item { min-height:52px; }
      #mg-notes-v010-root .mgw-add-block-choice { min-height:64px; }
      #mg-notes-v010-root .mgw-property-fields-2 { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-property-row { grid-template-columns:1fr auto; align-items:end; }
      #mg-notes-v010-root .mgw-property-row .mgw-property-value-field { grid-column:1 / -1; }
      #mg-notes-v010-root .mgw-property-remove { grid-column:2; grid-row:1; min-height:44px; }
    }


    /* 32 v0.9.6.8 — Interaction reliability / close-button hardening */
    #mg-notes-v010-root .mgw-editor-drawer,
    #mg-notes-v010-root .mgw-dock-more-menu,
    #mg-notes-v010-root .mgw-command { isolation:isolate; pointer-events:auto; }
    #mg-notes-v010-root .mgw-editor-drawer-head,
    #mg-notes-v010-root .mgw-dock-more-head,
    #mg-notes-v010-root .mgw-command-head { position:sticky; top:0; z-index:6; background:var(--mgw-shell); }
    #mg-notes-v010-root #mgw-editor-drawer-close,
    #mg-notes-v010-root #mgw-dock-more-close,
    #mg-notes-v010-root #mgw-command-close { min-width:72px; min-height:44px; pointer-events:auto; touch-action:manipulation; position:relative; z-index:8; }
    #mg-notes-v010-root .mgw-action-item,
    #mg-notes-v010-root .mgw-add-block-choice,
    #mg-notes-v010-root .mgw-property-add,
    #mg-notes-v010-root .mgw-property-remove,
    #mg-notes-v010-root .mgw-context-dock-btn { touch-action:manipulation; }
    #mg-notes-v010-root[data-overlay-open="editor"] .mgw-editor-drawer,
    #mg-notes-v010-root[data-overlay-open="dock-more"] .mgw-dock-more-menu,
    #mg-notes-v010-root[data-overlay-open="command"] .mgw-command { pointer-events:auto; }


    /* 33 v0.9.6.9 — Block Library Expansion + selective Oracle menu recovery */
    #mg-notes-v010-root .mgw-block-config { display:grid; gap:8px; }
    #mg-notes-v010-root .mgw-block-config-grid { display:grid; grid-template-columns:minmax(130px,.42fr) minmax(0,1fr); gap:8px; align-items:end; }
    #mg-notes-v010-root .mgw-block-config .mgw-field { gap:4px; }
    #mg-notes-v010-root .mgw-block-config .mgw-field > label { color:var(--mgw-muted); font-size:10.5px; font-weight:650; }
    #mg-notes-v010-root .mgw-block-helper { margin:0; color:var(--mgw-muted); font-size:10.5px; line-height:1.45; }
    #mg-notes-v010-root .mgw-block-helper.is-invalid { color:var(--mgw-risk); }
    #mg-notes-v010-root .mgw-callout-editor { padding:10px; border-left:3px solid var(--mgw-accent); border-radius:4px; background:var(--mgw-accent-soft); }
    #mg-notes-v010-root .mgw-table-editor-wrap,
    #mg-notes-v010-root .mgw-reading-table-wrap { width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
    #mg-notes-v010-root .mgw-table-editor,
    #mg-notes-v010-root .mgw-reading-table { width:100%; min-width:520px; border-collapse:collapse; table-layout:fixed; }
    #mg-notes-v010-root .mgw-table-editor th,
    #mg-notes-v010-root .mgw-table-editor td,
    #mg-notes-v010-root .mgw-reading-table th,
    #mg-notes-v010-root .mgw-reading-table td { border:1px solid var(--mgw-border); padding:7px; vertical-align:top; text-align:left; }
    #mg-notes-v010-root .mgw-table-editor th { background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-table-cell { width:100%; min-height:40px; border:0; padding:4px; color:var(--mgw-text); background:transparent; outline:none; }
    #mg-notes-v010-root .mgw-table-cell:focus-visible { outline:2px solid var(--mgw-accent); outline-offset:1px; border-radius:3px; }
    #mg-notes-v010-root .mgw-table-controls { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
    #mg-notes-v010-root .mgw-table-controls .mgw-btn { min-height:40px; }
    #mg-notes-v010-root .mgw-page-break-editor,
    #mg-notes-v010-root .mgw-reading-page-break { display:flex; align-items:center; gap:10px; min-height:42px; color:var(--mgw-muted); font-size:10.5px; font-weight:650; text-transform:uppercase; letter-spacing:.06em; }
    #mg-notes-v010-root .mgw-page-break-editor::before,
    #mg-notes-v010-root .mgw-page-break-editor::after,
    #mg-notes-v010-root .mgw-reading-page-break::before,
    #mg-notes-v010-root .mgw-reading-page-break::after { content:""; flex:1 1 auto; border-top:1px dashed var(--mgw-border-strong); }
    #mg-notes-v010-root .mgw-reading-body p { white-space:pre-wrap; }
    #mg-notes-v010-root .mgw-reading-callout { margin:0 0 15px; padding:12px 14px; border-left:3px solid var(--mgw-accent); border-radius:6px; background:var(--mgw-accent-soft); }
    #mg-notes-v010-root .mgw-reading-callout[data-callout-kind="warning"] { border-left-color:var(--mgw-risk); background:color-mix(in srgb,var(--mgw-risk) 9%,transparent); }
    #mg-notes-v010-root .mgw-reading-callout strong { display:block; margin-bottom:5px; color:var(--mgw-text); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
    #mg-notes-v010-root .mgw-reading-callout p { margin:0; }
    #mg-notes-v010-root .mgw-reading-table { margin:0 0 15px; min-width:460px; font-size:13px; }
    #mg-notes-v010-root .mgw-reading-table th { color:var(--mgw-text); background:var(--mgw-raised); font-weight:650; }
    #mg-notes-v010-root .mgw-reading-link { margin:0 0 14px; }
    #mg-notes-v010-root .mgw-reading-link a { color:var(--mgw-accent); text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere; }
    #mg-notes-v010-root .mgw-reading-link-invalid { color:var(--mgw-risk); font-size:11px; }
    #mg-notes-v010-root .mgw-reading-details { margin:0 0 15px; padding:10px 12px; border:1px solid var(--mgw-border); border-radius:6px; background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-reading-details > summary { min-height:40px; display:flex; align-items:center; color:var(--mgw-text); font-weight:650; cursor:pointer; }
    #mg-notes-v010-root .mgw-reading-details > p { margin:8px 0 0; }

    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-block-config-grid { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-table-editor { min-width:600px; }
      #mg-notes-v010-root .mgw-table-controls .mgw-btn { min-height:44px; }
    }

    /* 34 v0.9.6.9.1 — Mobile Table editing containment repair only.
       Keep the editing card constrained as a grid item while the wider Table scrolls inside its own wrapper.
       Reading-view Table selectors are intentionally unchanged. */
    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-rich-blocks > .mgw-block-card { min-width:0; max-width:100%; }
      #mg-notes-v010-root .mgw-table-editor-wrap { width:100%; max-width:100%; min-width:0; overflow-x:auto; }
      #mg-notes-v010-root .mgw-table-controls { min-width:0; max-width:100%; }
    }


    /* 35 v0.9.6.9.4 — Evergreen Software Chassis Transformation Wave 1
       Visual tokens/CSS only: restrained typography, monochrome primary actions,
       continuous #0A0A0B / #FFFFFF large surfaces, reduced raised-card treatment.
       Runtime logic, route markup, storage, artifacts, and contextual action semantics are unchanged. */
    #mg-notes-v010-root {
      --mgw-shell:#0A0A0B;
      --mgw-workspace:#0A0A0B;
      --mgw-panel:#0A0A0B;
      --mgw-raised:#111113;
      --mgw-high:#18181B;
      --mgw-border:#27272A;
      --mgw-border-strong:#3F3F46;
      --mgw-text:#F4F4F5;
      --mgw-muted:#A1A1AA;
      --mgw-faint:#71717A;
      --mgw-accent:#60A5FA;
      --mgw-primary-fill:#FFFFFF;
      --mgw-on-primary:#000000;
      --mgw-radius-panel:4px;
      --mgw-radius-card:3px;
      --mgw-radius-control:5px;
      --mgw-radius-overlay:8px;
      font-size:14px;
      line-height:1.5;
    }
    #mg-notes-v010-root[data-mg-theme="light"] {
      --mgw-shell:#FFFFFF;
      --mgw-workspace:#FFFFFF;
      --mgw-panel:#FFFFFF;
      --mgw-raised:#F4F4F5;
      --mgw-high:#E4E4E7;
      --mgw-border:#E4E4E7;
      --mgw-border-strong:#A1A1AA;
      --mgw-text:#111111;
      --mgw-muted:#666666;
      --mgw-faint:#71717A;
      --mgw-accent:#2563EB;
      --mgw-primary-fill:#000000;
      --mgw-on-primary:#FFFFFF;
    }

    /* Typography supports the work instead of dominating it. */
    #mg-notes-v010-root .mgw-eyebrow { font-size:10.5px; font-weight:550; letter-spacing:.065em; }
    #mg-notes-v010-root h1 { font-size:clamp(24px,2.8vw,30px); line-height:1.14; font-weight:500; letter-spacing:-.025em; }
    #mg-notes-v010-root h2 { font-size:clamp(19px,2.2vw,23px); line-height:1.2; font-weight:500; letter-spacing:-.02em; }
    #mg-notes-v010-root h3,
    #mg-notes-v010-root h4 { font-weight:550; }
    #mg-notes-v010-root p { line-height:1.55; }
    #mg-notes-v010-root .mgw-btn,
    #mg-notes-v010-root .mgw-nav-btn,
    #mg-notes-v010-root .mgw-context-dock-btn { font-size:12px; font-weight:500; }
    #mg-notes-v010-root .mgw-field label { font-weight:500; }
    #mg-notes-v010-root .mgw-start-intro h1 { font-size:clamp(25px,3vw,30px); line-height:1.12; font-weight:500; }
    #mg-notes-v010-root .mgw-start-intro p { font-size:13px; }
    #mg-notes-v010-root .mgw-page-bar h2,
    #mg-notes-v010-root .mgw-preserved-head h2,
    #mg-notes-v010-root .mgw-route-head h2 { font-size:21px; font-weight:500; }
    #mg-notes-v010-root .mgw-editor-title { font-size:clamp(23px,2.3vw,28px); font-weight:500; letter-spacing:-.025em; }
    #mg-notes-v010-root .mgw-reading-header h1 { font-size:clamp(26px,3vw,31px); font-weight:500; line-height:1.15; }
    #mg-notes-v010-root .mgw-about-intro h3 { font-size:19px; font-weight:500; }
    #mg-notes-v010-root .mgw-project-panel h3 { font-size:16px; font-weight:550; }
    #mg-notes-v010-root .mgw-count-value { font-size:20px; font-weight:500; }
    #mg-notes-v010-root .mgw-start-launch strong,
    #mg-notes-v010-root .mgw-start-library-copy strong,
    #mg-notes-v010-root .mgw-document-title,
    #mg-notes-v010-root .mgw-preserved-row-title,
    #mg-notes-v010-root .mgw-project-card-main strong,
    #mg-notes-v010-root .mgw-action-copy strong,
    #mg-notes-v010-root .mgw-version-head h3 { font-weight:550; }
    #mg-notes-v010-root .mgw-mode-badge,
    #mg-notes-v010-root .mgw-artifact-badge,
    #mg-notes-v010-root .mgw-chip,
    #mg-notes-v010-root .mgw-start-count { font-weight:550; }

    /* Controls are quiet by default; definitive actions use monochrome inversion. */
    #mg-notes-v010-root .mgw-btn,
    #mg-notes-v010-root .mgw-route-select,
    #mg-notes-v010-root .mgw-search-input,
    #mg-notes-v010-root .mgw-input,
    #mg-notes-v010-root .mgw-select,
    #mg-notes-v010-root .mgw-textarea,
    #mg-notes-v010-root .mgw-block-action,
    #mg-notes-v010-root .mgw-block-level {
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-btn:hover,
    #mg-notes-v010-root .mgw-block-action:hover,
    #mg-notes-v010-root .mgw-block-level:hover { background:var(--mgw-raised); }
    #mg-notes-v010-root .mgw-primary,
    #mg-notes-v010-root .mgw-context-dock-primary,
    #mg-notes-v010-root .mgw-action-item.is-primary {
      border-color:var(--mgw-primary-fill);
      background:var(--mgw-primary-fill);
      color:var(--mgw-on-primary);
      box-shadow:none;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-primary:hover,
    #mg-notes-v010-root .mgw-primary:focus-visible,
    #mg-notes-v010-root .mgw-context-dock-primary:hover,
    #mg-notes-v010-root .mgw-context-dock-primary:focus-visible,
    #mg-notes-v010-root .mgw-action-item.is-primary:hover,
    #mg-notes-v010-root .mgw-action-item.is-primary:focus-visible {
      border-color:var(--mgw-primary-fill);
      background:var(--mgw-primary-fill);
      color:var(--mgw-on-primary);
    }

    /* One continuous large workspace surface. Raised fills are reserved for transient or small states. */
    #mg-notes-v010-root .mgw-focus-dock,
    #mg-notes-v010-root .mgw-context-dock,
    #mg-notes-v010-root .mgw-editor-toolbar {
      background:var(--mgw-shell);
      box-shadow:none;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    #mg-notes-v010-root .mgw-context-route { background:transparent; }
    #mg-notes-v010-root .mgw-context-route select { font-weight:500; }

    #mg-notes-v010-root .mgw-shell-card,
    #mg-notes-v010-root .mgw-count-card,
    #mg-notes-v010-root .mgw-start-launch,
    #mg-notes-v010-root .mgw-start-library-card,
    #mg-notes-v010-root .mgw-document-paste,
    #mg-notes-v010-root .mgw-capture-form,
    #mg-notes-v010-root .mgw-import-receipt,
    #mg-notes-v010-root .mgw-project-create,
    #mg-notes-v010-root .mgw-project-card,
    #mg-notes-v010-root .mgw-project-panel,
    #mg-notes-v010-root .mgw-portable-workspace,
    #mg-notes-v010-root .mgw-about-intro,
    #mg-notes-v010-root .mgw-about-card,
    #mg-notes-v010-root .mgw-about-panel,
    #mg-notes-v010-root .mgw-reading-properties,
    #mg-notes-v010-root .mgw-version-history,
    #mg-notes-v010-root .mgw-version-card,
    #mg-notes-v010-root .mgw-project-summary-grid > div,
    #mg-notes-v010-root .mgw-project-work-row,
    #mg-notes-v010-root .mgw-checkpoint-summary > div {
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-start-launch.mgw-start-launch-primary {
      background:transparent;
      border-color:var(--mgw-accent-border);
      box-shadow:inset 0 0 0 1px var(--mgw-accent-soft);
    }
    #mg-notes-v010-root .mgw-start-count,
    #mg-notes-v010-root .mgw-oracle-icon,
    #mg-notes-v010-root .mgw-oracle-library-icon,
    #mg-notes-v010-root .mgw-oracle-about-icon {
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-editor-canvas,
    #mg-notes-v010-root .mgw-reading-surface { background:transparent; box-shadow:none; }
    #mg-notes-v010-root .mgw-project-continuation-preview { background:transparent; }

    /* Selection/current state uses blue, not filled navigation chrome. */
    #mg-notes-v010-root .mgw-nav-btn[aria-current="page"] {
      background:transparent;
      border-color:transparent;
      box-shadow:inset 0 -2px 0 var(--mgw-accent);
    }
    #mg-notes-v010-root .mgw-project-tab,
    #mg-notes-v010-root .mgw-project-tab[aria-pressed="true"] {
      background:transparent;
      border-color:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-tab[aria-pressed="true"] {
      color:var(--mgw-text);
      box-shadow:inset 0 -2px 0 var(--mgw-accent);
    }
    #mg-notes-v010-root .mgw-preserved-row.is-selected {
      background:transparent;
      box-shadow:inset 2px 0 0 var(--mgw-accent);
    }

    /* Reduce page/card framing while preserving structural boundaries. */
    #mg-notes-v010-root .mgw-shell-card,
    #mg-notes-v010-root .mgw-count-card,
    #mg-notes-v010-root .mgw-start-launch,
    #mg-notes-v010-root .mgw-start-library-card,
    #mg-notes-v010-root .mgw-document-paste,
    #mg-notes-v010-root .mgw-capture-form,
    #mg-notes-v010-root .mgw-import-receipt,
    #mg-notes-v010-root .mgw-project-create,
    #mg-notes-v010-root .mgw-project-card,
    #mg-notes-v010-root .mgw-project-panel,
    #mg-notes-v010-root .mgw-portable-workspace,
    #mg-notes-v010-root .mgw-about-intro,
    #mg-notes-v010-root .mgw-about-card,
    #mg-notes-v010-root .mgw-about-panel,
    #mg-notes-v010-root .mgw-reading-properties,
    #mg-notes-v010-root .mgw-version-card,
    #mg-notes-v010-root .mgw-project-summary-grid > div,
    #mg-notes-v010-root .mgw-project-work-row,
    #mg-notes-v010-root .mgw-checkpoint-summary > div {
      border-radius:3px;
    }
    #mg-notes-v010-root .mgw-about-intro { border-left-color:var(--mgw-accent); }
    #mg-notes-v010-root .mgw-editor-drawer,
    #mg-notes-v010-root .mgw-command,
    #mg-notes-v010-root .mgw-dock-more-menu { border-radius:8px; }

    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-start-intro h1 { font-size:24px; }
      #mg-notes-v010-root .mgw-page-bar h2,
      #mg-notes-v010-root .mgw-preserved-head h2,
      #mg-notes-v010-root .mgw-route-head h2 { font-size:19px; }
      #mg-notes-v010-root .mgw-editor-title { font-size:22px; font-weight:500; }
      #mg-notes-v010-root .mgw-reading-header h1 { font-size:25px; }
      #mg-notes-v010-root .mgw-btn,
      #mg-notes-v010-root .mgw-context-dock-btn { font-size:11.5px; }
    }


    /* 36 v0.9.6.9.5 — Evergreen Software Chassis Transformation Wave 2
       Compact Notes application bar + Start presentation only.
       Wave 1 tokens/typography/action grammar are preserved. Runtime JS, data,
       storage, artifact schemas, contextual action semantics, and route behavior remain unchanged. */

    /* One quiet app-local bar on active work routes. */
    #mg-notes-v010-root { --mgw-workspace-rail-height:48px; }
    #mg-notes-v010-root .mgw-context-dock {
      width:100%;
      min-width:0;
      height:48px;
      min-height:48px;
      padding:0 clamp(10px,1.5vw,16px);
      border-bottom:1px solid var(--mgw-border);
      background:var(--mgw-shell);
    }
    #mg-notes-v010-root .mgw-context-dock-inner {
      width:100%;
      max-width:none;
      height:100%;
      margin:0;
      display:flex;
      align-items:stretch;
      gap:0;
      min-width:0;
    }
    #mg-notes-v010-root .mgw-workspace-wordmark {
      flex:0 0 auto;
      display:flex;
      align-items:center;
      padding:0 14px 0 2px;
      margin-right:6px;
      border-right:1px solid var(--mgw-border);
      color:var(--mgw-text);
      font-size:13px;
      font-weight:550;
      letter-spacing:-.01em;
      white-space:nowrap;
    }
    #mg-notes-v010-root .mgw-workspace-route-rail {
      flex:1 1 0;
      width:0;
      min-width:0;
      display:flex;
      align-items:stretch;
      gap:0;
      overflow-x:auto;
      overscroll-behavior-inline:contain;
      scrollbar-width:none;
    }
    #mg-notes-v010-root .mgw-workspace-route-rail::-webkit-scrollbar { display:none; }
    #mg-notes-v010-root .mgw-workspace-route-btn {
      position:relative;
      flex:0 0 auto;
      min-width:0;
      min-height:40px;
      padding:0 9px;
      border:0;
      border-radius:0;
      background:transparent;
      color:var(--mgw-muted);
      font-size:11.5px;
      font-weight:500;
      line-height:1;
      cursor:pointer;
      white-space:nowrap;
    }
    #mg-notes-v010-root .mgw-workspace-route-btn:hover { color:var(--mgw-text); background:transparent; }
    #mg-notes-v010-root .mgw-workspace-route-btn:focus-visible {
      color:var(--mgw-text);
      outline:2px solid var(--mgw-accent);
      outline-offset:-3px;
    }
    #mg-notes-v010-root[data-active-page="start"] #mgw-dock-start,
    #mg-notes-v010-root[data-active-page="notes"] [data-start-route="notes"],
    #mg-notes-v010-root[data-active-page="write"] [data-start-route="notes"],
    #mg-notes-v010-root[data-active-page="projects"] [data-start-route="projects"],
    #mg-notes-v010-root[data-active-page="search"] [data-start-route="search"],
    #mg-notes-v010-root[data-active-page="about"] [data-start-route="about"] {
      color:var(--mgw-text);
      box-shadow:inset 0 -2px 0 var(--mgw-accent);
    }
    #mg-notes-v010-root .mgw-context-action-cluster {
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:2px;
      margin-left:7px;
      padding-left:7px;
      border-left:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-context-action-cluster .mgw-context-dock-btn {
      min-height:40px;
      min-width:40px;
      padding:0 10px;
      flex-direction:row;
      border-radius:4px;
      font-size:11.5px;
      font-weight:500;
      white-space:nowrap;
    }
    #mg-notes-v010-root .mgw-context-action-cluster .mgw-context-dock-btn:not(.mgw-context-dock-primary):hover,
    #mg-notes-v010-root .mgw-context-action-cluster .mgw-context-dock-btn:not(.mgw-context-dock-primary):focus-visible {
      background:transparent;
      border-color:var(--mgw-border);
    }

    /* Start remains intentionally dock-free. It now reads as a compact application home, not a landing page. */
    #mg-notes-v010-root[data-active-page="start"] .mgw-main { padding-top:0; }
    #mg-notes-v010-root .mgw-start {
      min-height:auto;
      padding:22px clamp(4px,1.6vw,14px) 30px;
    }
    #mg-notes-v010-root .mgw-start-inner { width:min(1120px,100%); }
    #mg-notes-v010-root .mgw-start-intro {
      max-width:none;
      margin:0 0 22px;
      text-align:left;
    }
    #mg-notes-v010-root .mgw-start-intro h1 {
      font-size:26px;
      line-height:1.15;
      font-weight:500;
      letter-spacing:-.025em;
    }
    #mg-notes-v010-root .mgw-start-intro p {
      max-width:680px;
      margin:6px 0 0;
      font-size:12.5px;
      line-height:1.5;
    }
    #mg-notes-v010-root .mgw-start-section-head {
      min-height:28px;
      margin:0 0 7px;
    }
    #mg-notes-v010-root .mgw-start-section-head h2 {
      font-size:12px;
      font-weight:550;
      letter-spacing:.01em;
    }
    #mg-notes-v010-root .mgw-start-launch-grid {
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:0;
      margin:0 0 26px;
      border-top:1px solid var(--mgw-border);
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-start-launch,
    #mg-notes-v010-root .mgw-start-launch.mgw-start-launch-primary {
      min-height:76px;
      grid-template-columns:28px minmax(0,1fr);
      gap:8px;
      padding:11px 12px;
      border:0;
      border-right:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-start-launch:last-child { border-right:0; }
    #mg-notes-v010-root .mgw-start-launch:hover,
    #mg-notes-v010-root .mgw-start-launch:focus-visible,
    #mg-notes-v010-root .mgw-start-launch.mgw-start-launch-primary:hover,
    #mg-notes-v010-root .mgw-start-launch.mgw-start-launch-primary:focus-visible {
      border-color:var(--mgw-border);
      background:var(--mgw-raised);
      outline:none;
    }
    #mg-notes-v010-root .mgw-start-launch:focus-visible { box-shadow:inset 0 0 0 2px var(--mgw-accent); }
    #mg-notes-v010-root .mgw-oracle-icon,
    #mg-notes-v010-root .mgw-oracle-library-icon {
      width:28px;
      height:28px;
      border:0;
      border-radius:0;
      background:transparent;
      color:var(--mgw-muted);
    }
    #mg-notes-v010-root .mgw-start-launch-primary .mgw-oracle-icon { color:var(--mgw-text); background:transparent; border:0; }
    #mg-notes-v010-root .mgw-oracle-icon svg,
    #mg-notes-v010-root .mgw-oracle-library-icon svg { width:16px; height:16px; }
    #mg-notes-v010-root .mgw-start-launch-copy strong { font-size:13px; font-weight:550; }
    #mg-notes-v010-root .mgw-start-launch-copy small { margin-top:3px; font-size:10.5px; line-height:1.35; }

    #mg-notes-v010-root .mgw-start-library {
      padding-top:0;
      border-top:0;
    }
    #mg-notes-v010-root .mgw-start-library .mgw-start-section-head {
      padding-top:0;
      border-top:0;
    }
    #mg-notes-v010-root .mgw-start-library .mgw-start-section-head > .mgw-btn {
      min-height:34px;
      padding:5px 10px;
      font-size:11px;
    }
    #mg-notes-v010-root .mgw-start-library-grid {
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:0 18px;
      border-top:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-start-library-card {
      min-height:62px;
      grid-template-columns:28px minmax(0,1fr) auto;
      gap:8px;
      padding:9px 3px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-start-library-card:hover,
    #mg-notes-v010-root .mgw-start-library-card:focus-visible {
      background:var(--mgw-raised);
      border-color:var(--mgw-border);
      outline:none;
    }
    #mg-notes-v010-root .mgw-start-library-card:focus-visible { box-shadow:inset 0 0 0 2px var(--mgw-accent); }
    #mg-notes-v010-root .mgw-start-library-copy strong { font-size:13px; font-weight:550; }
    #mg-notes-v010-root .mgw-start-library-copy small { margin-top:3px; font-size:10.5px; }
    #mg-notes-v010-root .mgw-start-count {
      min-width:24px;
      height:24px;
      padding:0;
      border-radius:0;
      background:transparent;
      color:var(--mgw-muted);
      font-size:11px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-start-footer {
      justify-content:flex-start;
      margin-top:16px;
    }
    #mg-notes-v010-root .mgw-start-footer .mgw-btn {
      min-height:36px;
      padding:6px 10px;
      font-size:11px;
    }
    #mg-notes-v010-root .mgw-start-trust {
      max-width:760px;
      margin:12px 0 0;
      text-align:left;
      font-size:10.5px;
      line-height:1.5;
    }

    @media (max-width:900px) {
      #mg-notes-v010-root .mgw-workspace-wordmark { padding-right:10px; margin-right:2px; }
      #mg-notes-v010-root .mgw-workspace-route-btn { padding-inline:8px; }
      #mg-notes-v010-root .mgw-context-action-cluster { margin-left:3px; padding-left:3px; }
      #mg-notes-v010-root .mgw-context-action-cluster .mgw-context-dock-btn { padding-inline:8px; }
    }

    @media (max-width:767px) {
      #mg-notes-v010-root { --mgw-workspace-rail-height:52px; }
      #mg-notes-v010-root .mgw-context-dock { height:52px; min-height:52px; padding:0 4px; }
      #mg-notes-v010-root .mgw-workspace-wordmark { display:none; }
      #mg-notes-v010-root .mgw-workspace-route-btn {
        min-height:44px;
        padding:0 8px;
        font-size:10.5px;
      }
      #mg-notes-v010-root .mgw-context-action-cluster {
        flex:0 0 auto;
        gap:1px;
        margin-left:1px;
        padding-left:1px;
      }
      #mg-notes-v010-root .mgw-context-action-cluster .mgw-context-dock-btn {
        min-height:44px;
        min-width:44px;
        max-width:68px;
        padding:0 6px;
        overflow:hidden;
        text-overflow:ellipsis;
        font-size:10px;
      }
      #mg-notes-v010-root .mgw-start { padding:14px 2px 22px; }
      #mg-notes-v010-root .mgw-start-intro { margin-bottom:14px; }
      #mg-notes-v010-root .mgw-start-intro h1 { font-size:23px; }
      #mg-notes-v010-root .mgw-start-intro p { font-size:11.5px; }
      #mg-notes-v010-root .mgw-start-launch-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-bottom:18px;
      }
      #mg-notes-v010-root .mgw-start-launch,
      #mg-notes-v010-root .mgw-start-launch.mgw-start-launch-primary {
        min-height:72px;
        padding:9px 8px;
        border-right:1px solid var(--mgw-border);
        border-bottom:1px solid var(--mgw-border);
      }
      #mg-notes-v010-root .mgw-start-launch:nth-child(2n) { border-right:0; }
      #mg-notes-v010-root .mgw-start-launch:nth-last-child(-n+2) { border-bottom:0; }
      #mg-notes-v010-root .mgw-start-library-grid { grid-template-columns:1fr; gap:0; }
      #mg-notes-v010-root .mgw-start-library-card { min-height:58px; padding:7px 2px; }
      #mg-notes-v010-root .mgw-start-library .mgw-start-section-head > .mgw-btn,
      #mg-notes-v010-root .mgw-start-footer .mgw-btn { min-height:44px; }
    }

  

    /* 37 v0.9.6.9.6 — Evergreen Software Chassis Transformation Wave 3
       Notes Library + Search object-first presentation only.
       Runtime JavaScript, storage, schemas, imports, outputs, Editor/Reading,
       Responses, Checkpoints, Projects, About, and contextual action semantics remain unchanged. */

    /* Notes: the collection is the object. Remove dashboard-card framing and keep controls compact. */
    #mg-notes-v010-root .mgw-library-page { width:min(1120px,100%); }
    #mg-notes-v010-root .mgw-library-page .mgw-page-bar {
      align-items:center;
      margin-bottom:8px;
      padding-bottom:10px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-library-page .mgw-page-bar h2 { font-size:20px; font-weight:500; }
    #mg-notes-v010-root .mgw-library-page .mgw-page-actions { gap:6px; }
    #mg-notes-v010-root .mgw-organize {
      margin:0;
      padding:9px 0 10px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-organize-top {
      grid-template-columns:auto minmax(260px,1fr);
      gap:12px;
    }
    #mg-notes-v010-root .mgw-record-count {
      color:var(--mgw-muted);
      font-size:11.5px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-organize #mgw-document-search {
      min-height:40px;
      border-color:var(--mgw-border);
      background:transparent;
    }
    #mg-notes-v010-root .mgw-organize-selects {
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:6px;
      margin-top:7px;
    }
    #mg-notes-v010-root .mgw-organize-selects label {
      gap:3px;
      color:var(--mgw-muted);
      font-size:10.5px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-organize-selects .mgw-select {
      min-height:40px;
      border-radius:4px;
      background:transparent;
      font-size:11.5px;
    }
    #mg-notes-v010-root .mgw-cleanup-bar {
      margin:0;
      padding:8px 2px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-document-list {
      display:grid;
      gap:0;
    }
    #mg-notes-v010-root .mgw-document-row {
      min-height:72px;
      padding:11px 4px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      transition:background .14s ease;
    }
    #mg-notes-v010-root .mgw-document-row:hover,
    #mg-notes-v010-root .mgw-document-row:focus-within {
      background:color-mix(in srgb,var(--mgw-raised) 62%,transparent);
    }
    #mg-notes-v010-root .mgw-document-row-main:focus-visible {
      outline:2px solid var(--mgw-accent);
      outline-offset:3px;
      border-radius:3px;
    }
    #mg-notes-v010-root .mgw-document-select { margin-left:2px; }
    #mg-notes-v010-root .mgw-document-title {
      font-size:13.5px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-document-meta {
      gap:5px 9px;
      margin-top:3px;
      font-size:10.5px;
    }
    #mg-notes-v010-root .mgw-document-preview {
      margin-top:4px;
      font-size:11.5px;
    }
    #mg-notes-v010-root .mgw-document-row > .mgw-btn {
      min-height:40px;
      padding-inline:11px;
      border-color:transparent;
    }
    #mg-notes-v010-root .mgw-document-row > .mgw-btn:hover,
    #mg-notes-v010-root .mgw-document-row > .mgw-btn:focus-visible { border-color:var(--mgw-border); }
    #mg-notes-v010-root .mgw-document-paste {
      border-radius:0;
      border-inline:0;
      padding-inline:0;
    }

    /* Search: query first, results immediately below, no result-card dashboard framing. */
    #mg-notes-v010-root .mgw-search-page { width:min(1040px,100%); }
    #mg-notes-v010-root .mgw-search-page .mgw-route-head {
      max-width:none;
      margin:0 0 11px;
    }
    #mg-notes-v010-root .mgw-search-page .mgw-route-head h2 { font-size:20px; font-weight:500; }
    #mg-notes-v010-root .mgw-search-page .mgw-route-head p { margin-top:5px; font-size:12px; }
    #mg-notes-v010-root .mgw-search-box {
      gap:7px;
      margin:0;
      padding:0 0 12px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-search-box .mgw-search-input {
      min-height:48px;
      border-color:var(--mgw-border-strong);
      border-radius:5px;
      background:transparent;
      font-size:14px;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-search-results { display:grid; gap:0; }
    #mg-notes-v010-root .mgw-search-row {
      min-height:70px;
      padding:11px 2px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      transition:background .14s ease;
    }
    #mg-notes-v010-root .mgw-search-row:hover,
    #mg-notes-v010-root .mgw-search-row:focus-within {
      background:color-mix(in srgb,var(--mgw-raised) 62%,transparent);
    }
    #mg-notes-v010-root .mgw-search-row strong { font-size:13.5px; font-weight:550; }
    #mg-notes-v010-root .mgw-search-row small { margin-top:3px; font-size:11.5px; }
    #mg-notes-v010-root .mgw-search-row .mgw-chip {
      min-height:20px;
      margin-bottom:4px;
      padding:1px 6px;
      border:1px solid var(--mgw-border);
      border-radius:999px;
      background:transparent;
      font-size:9.5px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-search-row > .mgw-btn {
      min-height:40px;
      padding-inline:11px;
      border-color:transparent;
    }
    #mg-notes-v010-root .mgw-search-row > .mgw-btn:hover,
    #mg-notes-v010-root .mgw-search-row > .mgw-btn:focus-visible { border-color:var(--mgw-border); }

    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-library-page .mgw-page-bar {
        gap:9px;
        margin-bottom:4px;
        padding-bottom:9px;
      }
      #mg-notes-v010-root .mgw-library-page .mgw-page-actions {
        width:100%;
        flex-wrap:nowrap;
        justify-content:flex-start;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
      }
      #mg-notes-v010-root .mgw-library-page .mgw-page-actions::-webkit-scrollbar { display:none; }
      #mg-notes-v010-root .mgw-library-page .mgw-page-actions .mgw-btn { flex:0 0 auto; min-height:44px; }
      #mg-notes-v010-root .mgw-organize { padding:8px 0 9px; }
      #mg-notes-v010-root .mgw-organize-top { grid-template-columns:1fr; gap:5px; }
      #mg-notes-v010-root .mgw-organize-selects {
        display:flex;
        gap:6px;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
      }
      #mg-notes-v010-root .mgw-organize-selects::-webkit-scrollbar { display:none; }
      #mg-notes-v010-root .mgw-organize-selects label {
        flex:0 0 150px;
        font-size:10px;
      }
      #mg-notes-v010-root .mgw-organize-selects .mgw-select { min-height:44px; }
      #mg-notes-v010-root .mgw-document-row,
      #mg-notes-v010-root .mgw-document-row.has-select {
        grid-template-columns:auto minmax(0,1fr) auto;
        gap:8px;
        min-height:72px;
        padding:10px 1px;
      }
      #mg-notes-v010-root .mgw-document-row > .mgw-btn { min-height:44px; }
      #mg-notes-v010-root .mgw-document-row.has-select > .mgw-btn {
        grid-column:auto;
        justify-self:end;
      }
      #mg-notes-v010-root .mgw-search-page .mgw-route-head { margin-bottom:9px; }
      #mg-notes-v010-root .mgw-search-box { grid-template-columns:minmax(0,1fr) auto; gap:6px; padding-bottom:10px; }
      #mg-notes-v010-root .mgw-search-box .mgw-search-input,
      #mg-notes-v010-root .mgw-search-box .mgw-btn { min-height:44px; }
      #mg-notes-v010-root .mgw-search-row {
        grid-template-columns:minmax(0,1fr) auto;
        gap:8px;
        min-height:70px;
        padding:10px 1px;
      }
      #mg-notes-v010-root .mgw-search-row > .mgw-btn { min-height:44px; justify-self:end; }
    }

  
    /* 38 v0.9.6.9.7 — Evergreen Software Chassis Transformation Wave 4
       Note Editor + Reading object-first presentation only.
       The Note is the work surface. Runtime JavaScript, storage, schemas,
       block behavior, Properties, version history, outputs, print, and other
       Notes routes remain unchanged. */

    /* Editing: flatten identity and toolbar into quiet document chrome. */
    #mg-notes-v010-root[data-active-page="write"] .mgw-main {
      padding-top:4px;
    }
    #mg-notes-v010-root .mgw-write-page {
      width:100%;
      max-width:none;
    }
    #mg-notes-v010-root .mgw-write-identity {
      width:min(1120px,100%);
      margin:0 auto;
      padding:8px 2px 7px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
      align-items:center;
      gap:16px;
    }
    #mg-notes-v010-root .mgw-write-title-row {
      gap:7px;
    }
    #mg-notes-v010-root .mgw-editor-title {
      min-height:38px;
      font-size:clamp(22px,2.2vw,28px);
      line-height:1.16;
      font-weight:500;
      letter-spacing:-.025em;
    }
    #mg-notes-v010-root .mgw-mode-badge,
    #mg-notes-v010-root .mgw-artifact-badge {
      min-height:22px;
      padding:1px 5px;
      border-color:transparent;
      border-radius:3px;
      background:transparent;
      color:var(--mgw-muted);
      font-size:9.5px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-mode-badge {
      color:var(--mgw-accent);
      background:transparent;
    }
    #mg-notes-v010-root .mgw-write-meta {
      margin-top:2px;
      gap:5px 8px;
      font-size:10.5px;
    }
    #mg-notes-v010-root .mgw-write-actions {
      gap:5px;
    }
    #mg-notes-v010-root .mgw-write-actions .mgw-btn {
      min-height:40px;
      padding-inline:11px;
    }

    #mg-notes-v010-root .mgw-editor-toolbar {
      width:min(1120px,100%);
      margin:0 auto 2px;
      padding:5px 2px 6px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:var(--mgw-shell);
      box-shadow:none;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    #mg-notes-v010-root .mgw-editor-toolbar-group { gap:4px; }
    #mg-notes-v010-root .mgw-editor-tool {
      min-height:40px;
      padding:6px 9px;
      border-color:transparent;
      border-radius:4px;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-editor-tool:hover,
    #mg-notes-v010-root .mgw-editor-tool:focus-visible {
      border-color:var(--mgw-border);
    }

    /* The editor is not a paper card inside the Notes. */
    #mg-notes-v010-root .mgw-editor-stage {
      width:100%;
      max-width:none;
      margin:0;
    }
    #mg-notes-v010-root .mgw-editor-canvas {
      width:min(900px,100%);
      margin:0 auto;
      padding:clamp(20px,3.2vw,36px) 4px 44px;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-rich-blocks {
      gap:8px;
    }
    #mg-notes-v010-root .mgw-block-card {
      padding:8px 4px;
      border-radius:3px;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-block-card:hover,
    #mg-notes-v010-root .mgw-block-card:focus-within {
      border-color:var(--mgw-border);
      background:color-mix(in srgb,var(--mgw-raised) 48%,transparent);
    }
    #mg-notes-v010-root .mgw-block-head {
      min-height:26px;
      margin-bottom:4px;
    }
    #mg-notes-v010-root .mgw-block-label {
      font-size:9.5px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-editor-foot {
      margin-top:18px;
      padding-top:9px;
      border-top:1px solid var(--mgw-border);
      font-size:10.5px;
    }

    /* Reading: direct document surface, not a preview card. */
    #mg-notes-v010-root .mgw-reading-surface {
      width:min(900px,100%);
      margin:0 auto;
      padding:clamp(22px,3.6vw,42px) 4px 48px;
      border:0;
      border-radius:0;
      background:transparent;
      color:var(--mgw-text);
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-reading-header {
      margin-bottom:22px;
      padding-bottom:14px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-reading-header h1 {
      font-size:clamp(26px,2.8vw,31px);
      font-weight:500;
      line-height:1.16;
    }
    #mg-notes-v010-root .mgw-reading-summary {
      gap:5px;
      margin-top:9px;
    }
    #mg-notes-v010-root .mgw-reading-summary span {
      min-height:20px;
      padding:1px 5px;
      border-color:transparent;
      border-radius:3px;
      background:transparent;
      font-size:9.5px;
    }
    #mg-notes-v010-root .mgw-reading-properties {
      margin:0 0 20px;
      padding:10px 0;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-reading-properties h2 {
      font-size:12px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-reading-body {
      font-size:15px;
      line-height:1.72;
    }

    /* Version history remains available but no longer reads as another card in the editor. */
    #mg-notes-v010-root .mgw-version-history {
      width:min(900px,100%);
      margin:0 auto;
      padding:12px 2px 2px;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-version-card {
      border-radius:4px;
      background:transparent;
      box-shadow:none;
    }

    @media (max-width:767px) {
      #mg-notes-v010-root[data-active-page="write"] .mgw-main { padding-top:2px; }
      #mg-notes-v010-root .mgw-write-identity {
        grid-template-columns:1fr;
        gap:3px;
        padding:4px 0 5px;
      }
      #mg-notes-v010-root .mgw-write-title-row { gap:4px; }
      #mg-notes-v010-root .mgw-editor-title {
        flex-basis:100%;
        min-height:44px;
        font-size:21px;
      }
      #mg-notes-v010-root .mgw-write-meta { font-size:10px; }
      #mg-notes-v010-root .mgw-write-actions {
        flex-wrap:nowrap;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
      }
      #mg-notes-v010-root .mgw-write-actions::-webkit-scrollbar { display:none; }
      #mg-notes-v010-root .mgw-write-actions .mgw-btn {
        flex:0 0 auto;
        min-height:44px;
      }
      #mg-notes-v010-root .mgw-editor-toolbar {
        width:100%;
        margin-inline:0;
        padding:4px 2px 5px;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scrollbar-width:none;
      }
      #mg-notes-v010-root .mgw-editor-toolbar::-webkit-scrollbar { display:none; }
      #mg-notes-v010-root .mgw-editor-toolbar-group { flex:0 0 auto; flex-wrap:nowrap; }
      #mg-notes-v010-root .mgw-editor-tool { min-height:44px; }
      #mg-notes-v010-root .mgw-editor-canvas,
      #mg-notes-v010-root .mgw-reading-surface {
        width:100%;
        margin-inline:0;
        padding:14px 2px 30px;
        border:0;
        border-radius:0;
      }
      #mg-notes-v010-root .mgw-reading-header h1 { font-size:25px; }
      #mg-notes-v010-root .mgw-block-card { padding:7px 2px; }
      #mg-notes-v010-root .mgw-editor-foot { margin-top:12px; }
      #mg-notes-v010-root .mgw-version-history {
        width:100%;
        margin-inline:0;
        padding:10px 2px 2px;
      }
    }


    /* 39 v0.9.6.9.7.1 — Wave 4 Host-Rail Compatibility + Inward Overlay Placement
       Desktop secondary power must not claim the browser's right edge. The Notes
       keeps its full available width by default; a WordPress/page-shell host may set
       --mgw-host-left-clearance / --mgw-host-right-clearance only when an external
       rail actually exists. No ad, sponsor, extension, or sidebar UI is added here. */
    #mg-notes-v010-root {
      --mgw-host-left-clearance:0px;
      --mgw-host-right-clearance:0px;
    }

    @media (min-width:768px) {
      /* Contextual More: anchored inward to the right edge of the centered Notes
         action rail, not to right:0 of the browser. */
      #mg-notes-v010-root .mgw-dock-more-backdrop,
      #mg-notes-v010-root .mgw-editor-backdrop,
      #mg-notes-v010-root .mgw-command-backdrop {
        left:var(--mgw-host-left-clearance);
        right:var(--mgw-host-right-clearance);
      }
      #mg-notes-v010-root .mgw-dock-more-backdrop {
        background:transparent;
      }
      #mg-notes-v010-root .mgw-dock-more-menu {
        top:calc(var(--mgw-overlay-top-clearance) + var(--mgw-workspace-rail-height) + 6px);
        right:calc(
          var(--mgw-host-right-clearance) +
          max(12px, calc((100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 1120px) / 2))
        );
        bottom:auto;
        left:auto;
        width:min(360px, calc(100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 24px));
        max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - var(--mgw-workspace-rail-height) - 18px);
        border:1px solid var(--mgw-border-strong);
        border-radius:8px;
        box-shadow:0 16px 42px rgba(0,0,0,.24);
      }

      /* Commands remain centered, but center within the host-assigned Notes area
         rather than across a future external rail. */
      #mg-notes-v010-root .mgw-command {
        left:calc(
          var(--mgw-host-left-clearance) +
          (100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance)) / 2
        );
        width:min(580px, calc(100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 32px));
        transform:translateX(-50%);
      }

      /* Generic deeper overlay: contained dialog centered inside the host-assigned
         Notes territory. It moves inward automatically when host clearance is set. */
      #mg-notes-v010-root .mgw-editor-drawer {
        top:calc(var(--mgw-overlay-top-clearance) + var(--mgw-workspace-rail-height) + 18px);
        bottom:auto;
        left:calc(
          var(--mgw-host-left-clearance) +
          (100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance)) / 2
        );
        right:auto;
        width:min(620px, calc(100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 32px));
        max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - var(--mgw-workspace-rail-height) - 36px);
        transform:translateX(-50%);
        border:1px solid var(--mgw-border-strong);
        border-radius:8px;
        background:var(--mgw-shell);
        box-shadow:0 20px 56px rgba(0,0,0,.28);
      }

      /* Note More is a compact inward popover aligned with the same right-side
         action rail as its invoking More control. :has() distinguishes the existing
         menu content without changing the protected runtime JavaScript. */
      #mg-notes-v010-root .mgw-editor-drawer:has(.mgw-action-list) {
        top:calc(var(--mgw-overlay-top-clearance) + var(--mgw-workspace-rail-height) + 6px);
        left:auto;
        right:calc(
          var(--mgw-host-right-clearance) +
          max(12px, calc((100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 1120px) / 2))
        );
        width:min(430px, calc(100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 24px));
        max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - var(--mgw-workspace-rail-height) - 18px);
        transform:none;
        box-shadow:0 16px 42px rgba(0,0,0,.24);
      }
      #mg-notes-v010-root:has(.mgw-editor-drawer:not([hidden]) .mgw-action-list) .mgw-editor-backdrop {
        background:transparent;
      }

      /* Add Block opens inward from the writing-control side of the Notes rather
         than using a browser-edge drawer. */
      #mg-notes-v010-root .mgw-editor-drawer:has(.mgw-add-block-section) {
        top:calc(var(--mgw-overlay-top-clearance) + var(--mgw-workspace-rail-height) + 50px);
        left:calc(
          var(--mgw-host-left-clearance) +
          max(12px, calc((100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 1120px) / 2))
        );
        right:auto;
        width:min(520px, calc(100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 24px));
        max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - var(--mgw-workspace-rail-height) - 62px);
        transform:none;
        box-shadow:0 16px 42px rgba(0,0,0,.24);
      }
      #mg-notes-v010-root:has(.mgw-editor-drawer:not([hidden]) .mgw-add-block-section) .mgw-editor-backdrop {
        background:transparent;
      }

      /* Properties and other deep/review surfaces intentionally keep the centered
         dialog treatment. Commands remain independently centered by their existing CSS. */
      #mg-notes-v010-root .mgw-editor-drawer:has(.mgw-property-fields) {
        width:min(680px, calc(100vw - var(--mgw-host-left-clearance) - var(--mgw-host-right-clearance) - 32px));
      }
    }


    /* 40 v0.9.6.9.7.2 — hard Notes-root overlay containment.
       The browser viewport is not the Notes boundary. A tiny layout-only helper
       writes live fixed-position bounds from #mg-notes-v010-root so every
       Notes-owned secondary surface is clamped to the physical Tool rectangle.
       Host clearances, when present, contract that rectangle further; they are never
       required for basic containment and remain zero by default. */
    #mg-notes-v010-root {
      --mgw-root-fixed-left:0px;
      --mgw-root-fixed-right:0px;
      --mgw-root-fixed-top:0px;
      --mgw-root-fixed-bottom:0px;
      --mgw-root-usable-width:100vw;
      --mgw-root-usable-height:100dvh;
    }
    #mg-notes-v010-root .mgw-dock-more-backdrop,
    #mg-notes-v010-root .mgw-editor-backdrop,
    #mg-notes-v010-root .mgw-command-backdrop {
      left:var(--mgw-root-fixed-left);
      right:var(--mgw-root-fixed-right);
      top:var(--mgw-root-fixed-top);
      bottom:var(--mgw-root-fixed-bottom);
    }
    @media (min-width:768px) {
      #mg-notes-v010-root .mgw-dock-more-menu,
      #mg-notes-v010-root .mgw-editor-drawer,
      #mg-notes-v010-root .mgw-command {
        max-width:calc(var(--mgw-root-usable-width) - 16px);
      }
    }


    /* 41 v0.9.6.9.8 — Evergreen Software Chassis Transformation Wave 5
       Responses + Checkpoints presentation only. Preserve protected originals,
       contextual actions, import/continuation behavior, and all runtime data flows.
       The saved Response / imported Checkpoint is the object; collection and detail
       chrome becomes flatter, quieter, and divider-led. */
    #mg-notes-v010-root .mgw-preserved-page {
      width:min(1080px,100%);
      max-width:1080px;
    }
    #mg-notes-v010-root .mgw-preserved-head {
      gap:16px;
      margin-bottom:12px;
      padding:0 0 14px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-preserved-head h2 {
      font-size:22px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-preserved-head p {
      max-width:680px;
      margin-top:5px;
      font-size:12.5px;
      line-height:1.55;
    }

    /* Response capture remains a focused input surface without another large card. */
    #mg-notes-v010-root .mgw-preserved-page .mgw-capture-form {
      margin:0 0 8px;
      padding:4px 0 18px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-preserved-page .mgw-capture-form h3 {
      margin:0 0 10px;
      font-size:17px;
      font-weight:550;
    }

    /* Import receipts are status information, not another dashboard card. */
    #mg-notes-v010-root .mgw-preserved-page .mgw-import-receipt {
      margin:0 0 12px;
      padding:10px 12px;
      border:0;
      border-left:2px solid var(--mgw-accent);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }

    /* Libraries: one continuous collection with divider-led records. */
    #mg-notes-v010-root .mgw-preserved-list {
      gap:0;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-preserved-row {
      grid-template-columns:minmax(0,1fr) auto;
      align-items:center;
      gap:12px;
      min-height:76px;
      padding:10px 0;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-preserved-row.is-selected {
      padding-left:10px;
      border-color:var(--mgw-border);
      background:transparent;
      box-shadow:inset 2px 0 0 var(--mgw-accent);
    }
    #mg-notes-v010-root .mgw-preserved-row-main {
      gap:4px;
      padding:5px 4px;
      border-radius:4px;
    }
    #mg-notes-v010-root .mgw-preserved-row-title {
      font-size:14px;
      font-weight:550;
      line-height:1.35;
    }
    #mg-notes-v010-root .mgw-preserved-row-meta {
      gap:6px 10px;
      font-size:10.5px;
    }
    #mg-notes-v010-root .mgw-preserved-row-preview {
      font-size:12px;
      line-height:1.45;
    }
    #mg-notes-v010-root .mgw-preserved-row > .mgw-btn {
      border-color:transparent;
      background:transparent;
      box-shadow:none;
    }

    /* Detail: the preserved artifact itself owns the route, not a framed detail card. */
    #mg-notes-v010-root .mgw-preserved-detail {
      margin:0 0 10px;
      padding:0 0 16px;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-preserved-detail-head {
      padding:2px 0 12px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-preserved-detail-head h3 {
      font-size:22px;
      font-weight:500;
      line-height:1.2;
      letter-spacing:-.02em;
    }
    #mg-notes-v010-root .mgw-preserved-detail-head p {
      margin:4px 0 0;
      font-size:11.5px;
      line-height:1.45;
    }
    #mg-notes-v010-root .mgw-preserved-page .mgw-protected-note {
      margin:10px 0 12px;
      padding:8px 10px;
      border:0;
      border-left:2px solid var(--mgw-accent);
      border-radius:0;
      background:transparent;
      color:var(--mgw-muted);
      font-size:12px;
      line-height:1.5;
    }
    #mg-notes-v010-root .mgw-preserved-page .mgw-preserved-reading {
      max-height:58vh;
      margin:0;
      padding:14px 2px 16px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
      font-size:13px;
      line-height:1.65;
    }
    #mg-notes-v010-root .mgw-preserved-page .mgw-project-assignment {
      grid-template-columns:auto minmax(180px,320px);
      align-items:center;
      gap:10px;
      max-width:520px;
      margin:12px 0;
    }
    #mg-notes-v010-root .mgw-preserved-page .mgw-project-assignment > span {
      font-size:11.5px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-preserved-detail > .mgw-inline-actions {
      margin-top:12px;
      padding-top:12px;
      border-top:1px solid var(--mgw-border);
      gap:6px;
    }
    #mg-notes-v010-root .mgw-preserved-detail > .mgw-inline-actions .mgw-danger {
      margin-left:auto;
    }

    /* Checkpoint facts are compact inspectable metrics, not six raised dashboard cards. */
    #mg-notes-v010-root .mgw-checkpoint-summary {
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:0;
      margin:12px 0;
      border-top:1px solid var(--mgw-border);
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-checkpoint-summary > div {
      min-width:0;
      padding:10px 12px;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-checkpoint-summary > div:nth-child(3n+2),
    #mg-notes-v010-root .mgw-checkpoint-summary > div:nth-child(3n+3) {
      border-left:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-checkpoint-summary > div:nth-child(n+4) {
      border-top:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-checkpoint-summary strong {
      color:var(--mgw-muted);
      font-size:9.5px;
      font-weight:600;
      letter-spacing:.055em;
      line-height:1.3;
      text-transform:uppercase;
    }
    #mg-notes-v010-root .mgw-checkpoint-summary span {
      margin-top:3px;
      color:var(--mgw-text);
      font-size:12px;
      line-height:1.45;
    }
    #mg-notes-v010-root .mgw-preserved-detail details {
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-preserved-detail details > summary {
      padding:10px 2px;
      font-size:12px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-preserved-page .mgw-continuation-preview {
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }

    @media (max-width:760px) {
      #mg-notes-v010-root .mgw-preserved-page { width:100%; }
      #mg-notes-v010-root .mgw-preserved-head {
        gap:10px;
        margin-bottom:8px;
        padding-bottom:10px;
      }
      #mg-notes-v010-root .mgw-preserved-head h2 { font-size:19px; }
      #mg-notes-v010-root .mgw-preserved-row {
        grid-template-columns:1fr;
        min-height:0;
        gap:4px;
        padding:10px 0;
      }
      #mg-notes-v010-root .mgw-preserved-row.is-selected { padding-left:8px; }
      #mg-notes-v010-root .mgw-preserved-row > .mgw-btn { justify-self:start; }
      #mg-notes-v010-root .mgw-preserved-detail-head h3 { font-size:20px; }
      #mg-notes-v010-root .mgw-preserved-page .mgw-preserved-reading {
        max-height:52vh;
        padding:12px 2px 14px;
      }
      #mg-notes-v010-root .mgw-preserved-page .mgw-project-assignment {
        grid-template-columns:1fr;
        gap:5px;
        max-width:none;
      }
      #mg-notes-v010-root .mgw-checkpoint-summary {
        grid-template-columns:1fr;
      }
      #mg-notes-v010-root .mgw-checkpoint-summary > div,
      #mg-notes-v010-root .mgw-checkpoint-summary > div:nth-child(3n+2),
      #mg-notes-v010-root .mgw-checkpoint-summary > div:nth-child(3n+3) {
        padding:9px 2px;
        border-left:0;
        border-top:1px solid var(--mgw-border);
      }
      #mg-notes-v010-root .mgw-checkpoint-summary > div:first-child { border-top:0; }
      #mg-notes-v010-root .mgw-preserved-detail > .mgw-inline-actions .mgw-danger {
        margin-left:0;
      }
      #mg-notes-v010-root .mgw-preserved-detail > .mgw-inline-actions .mgw-btn {
        min-height:44px;
      }
    }


    /* 42 v0.9.6.9.9 — Evergreen Software Chassis Transformation Wave 6
       Projects presentation only. Preserve Project IDs, storage, assignments,
       all four Project views, exports, continuation behavior, contextual More,
       root-bounds containment, and all existing runtime data flows.
       The Project and its work now own the route; collection and dashboard chrome
       become flatter, quieter, and divider-led. */

    #mg-notes-v010-root .mgw-projects-page {
      width:min(1080px,100%);
      max-width:1080px;
    }
    #mg-notes-v010-root .mgw-projects-page > .mgw-page-bar {
      gap:16px;
      margin-bottom:12px;
      padding:0 0 14px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-projects-page > .mgw-page-bar h2 {
      font-size:22px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-projects-page > .mgw-page-bar p {
      max-width:700px;
      margin-top:5px;
      font-size:12.5px;
      line-height:1.55;
    }

    /* Project creation remains a focused form, not another large card. */
    #mg-notes-v010-root .mgw-project-create {
      margin:0 0 12px;
      padding:4px 0 18px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-create h3 {
      margin:0 0 10px;
      font-size:17px;
      font-weight:550;
    }

    /* Project library: one calm collection with divider-led records. */
    #mg-notes-v010-root .mgw-project-list {
      grid-template-columns:1fr;
      gap:0;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-project-card {
      grid-template-columns:minmax(0,1fr) auto;
      align-items:center;
      gap:12px;
      min-height:78px;
      padding:11px 0;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-card-main {
      gap:4px;
      padding:4px;
    }
    #mg-notes-v010-root .mgw-project-card-main strong {
      font-size:15px;
      font-weight:550;
      line-height:1.35;
    }
    #mg-notes-v010-root .mgw-project-card-main small {
      font-size:12px;
      line-height:1.45;
    }
    #mg-notes-v010-root .mgw-project-card-meta {
      gap:6px 10px;
      margin-top:1px;
      font-size:10.5px;
    }
    #mg-notes-v010-root .mgw-project-card > .mgw-btn {
      border-color:transparent;
      background:transparent;
      box-shadow:none;
    }

    /* Portable backup remains available but visually subordinate to Project work. */
    #mg-notes-v010-root .mgw-portable-workspace {
      margin:18px 0 0;
      padding:14px 0 0;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-portable-workspace h3 {
      margin-bottom:4px;
      font-size:14px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-portable-workspace p {
      max-width:720px;
      margin-bottom:9px;
      font-size:11.5px;
    }

    /* Active Project identity owns the route. */
    #mg-notes-v010-root .mgw-project-detail {
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-detail-head {
      margin:0;
      padding:2px 0 14px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-project-detail-head h3 {
      margin:0;
      font-size:clamp(23px,2.4vw,28px);
      font-weight:500;
      line-height:1.15;
      letter-spacing:-.025em;
    }
    #mg-notes-v010-root .mgw-project-detail-head p:not(.mgw-eyebrow) {
      max-width:760px;
      margin:5px 0 0;
      font-size:12.5px;
      line-height:1.5;
    }
    #mg-notes-v010-root .mgw-project-detail-head > .mgw-btn {
      border-color:transparent;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-projects-page:has(.mgw-project-detail) > .mgw-page-bar {
      margin-bottom:8px;
      padding-bottom:8px;
    }
    #mg-notes-v010-root .mgw-projects-page:has(.mgw-project-detail) > .mgw-page-bar h2 {
      font-size:13px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-projects-page:has(.mgw-project-detail) > .mgw-page-bar p {
      display:none;
    }

    /* Overview / Work / Downloads / Continue are low-noise text tabs. */
    #mg-notes-v010-root[data-app-ready="true"] .mgw-project-tabs {
      display:flex!important;
    }
    #mg-notes-v010-root .mgw-project-tabs {
      gap:0;
      margin:0 0 16px;
      padding:0;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-project-tab,
    #mg-notes-v010-root .mgw-project-tab[aria-pressed="true"] {
      position:relative;
      min-height:42px;
      padding:0 12px;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      color:var(--mgw-muted);
      font-size:12px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-project-tab:hover,
    #mg-notes-v010-root .mgw-project-tab:focus-visible {
      background:transparent;
      color:var(--mgw-text);
    }
    #mg-notes-v010-root .mgw-project-tab[aria-pressed="true"] {
      color:var(--mgw-text);
    }
    #mg-notes-v010-root .mgw-project-tab[aria-pressed="true"]::after {
      content:"";
      position:absolute;
      left:10px;
      right:10px;
      bottom:-1px;
      height:2px;
      border-radius:2px 2px 0 0;
      background:var(--mgw-accent);
    }

    /* Project panels are direct work surfaces rather than nested cards. */
    #mg-notes-v010-root .mgw-project-panel,
    #mg-notes-v010-root .mgw-project-detail > .mgw-project-panel {
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-detail > .mgw-project-panel {
      padding-top:0;
    }
    #mg-notes-v010-root .mgw-project-panel h3 {
      margin:0 0 7px;
      font-size:17px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-project-panel > p {
      max-width:760px;
      margin:0 0 12px;
      font-size:12.5px;
      line-height:1.55;
    }

    /* Overview facts are inline inspectable metrics, not dashboard cards. */
    #mg-notes-v010-root .mgw-project-summary-grid {
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:0;
      margin-top:18px;
      border-top:1px solid var(--mgw-border);
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-project-summary-grid > div {
      min-width:0;
      padding:10px 12px;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-summary-grid > div + div {
      border-left:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-project-summary-grid strong {
      display:block;
      color:var(--mgw-muted);
      font-size:9.5px;
      font-weight:600;
      letter-spacing:.055em;
      line-height:1.3;
      text-transform:uppercase;
    }
    #mg-notes-v010-root .mgw-project-summary-grid span {
      display:block;
      margin-top:3px;
      color:var(--mgw-text);
      font-size:12px;
      line-height:1.45;
    }
    #mg-notes-v010-root .mgw-project-danger {
      margin-top:16px;
      padding-top:12px;
    }

    /* Work view: the linked artifacts are the list. */
    #mg-notes-v010-root .mgw-project-work-list {
      gap:0;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-project-work-row {
      grid-template-columns:minmax(0,1fr) minmax(170px,230px) auto;
      gap:12px;
      min-height:70px;
      padding:10px 0;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-work-row strong {
      font-size:13.5px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-project-work-row small {
      margin-top:3px;
      font-size:10.5px;
    }
    #mg-notes-v010-root .mgw-project-work-row > .mgw-btn {
      border-color:transparent;
      background:transparent;
      box-shadow:none;
    }

    /* Download view is a compact action surface. */
    #mg-notes-v010-root .mgw-project-download-grid {
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:8px;
      max-width:760px;
      padding-top:2px;
    }

    /* Continue remains a focused two-surface workbench, not two nested cards. */
    #mg-notes-v010-root .mgw-project-continuation-grid {
      grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      gap:20px;
      align-items:start;
    }
    #mg-notes-v010-root .mgw-project-continuation-grid > .mgw-project-panel {
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-project-continuation-grid > .mgw-project-panel + .mgw-project-panel {
      padding-left:20px;
      border-left:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-project-continuation-preview {
      min-height:240px;
      max-height:440px;
      padding:12px 0;
      border:0;
      border-top:1px solid var(--mgw-border);
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
      font-size:11.5px;
      line-height:1.6;
    }

    @media (max-width:760px) {
      #mg-notes-v010-root .mgw-projects-page { width:100%; }
      #mg-notes-v010-root .mgw-projects-page > .mgw-page-bar {
        gap:9px;
        margin-bottom:8px;
        padding-bottom:10px;
      }
      #mg-notes-v010-root .mgw-projects-page > .mgw-page-bar h2 { font-size:19px; }
      #mg-notes-v010-root .mgw-project-card {
        grid-template-columns:1fr;
        min-height:0;
        gap:4px;
        padding:10px 0;
      }
      #mg-notes-v010-root .mgw-project-card > .mgw-btn { justify-self:start; }
      #mg-notes-v010-root .mgw-project-detail-head {
        gap:8px;
        padding-bottom:10px;
      }
      #mg-notes-v010-root .mgw-project-detail-head h3 { font-size:23px; }
      #mg-notes-v010-root .mgw-project-detail-head > .mgw-btn { min-height:44px; }
      #mg-notes-v010-root .mgw-project-tabs { margin-bottom:12px; }
      #mg-notes-v010-root .mgw-project-tab { min-height:44px; padding:0 10px; }
      #mg-notes-v010-root .mgw-project-summary-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      #mg-notes-v010-root .mgw-project-summary-grid > div + div { border-left:0; }
      #mg-notes-v010-root .mgw-project-summary-grid > div:nth-child(even) { border-left:1px solid var(--mgw-border); }
      #mg-notes-v010-root .mgw-project-summary-grid > div:nth-child(n+3) { border-top:1px solid var(--mgw-border); }
      #mg-notes-v010-root .mgw-project-work-row {
        grid-template-columns:1fr;
        gap:7px;
        padding:10px 0;
      }
      #mg-notes-v010-root .mgw-project-work-row .mgw-select,
      #mg-notes-v010-root .mgw-project-work-row > .mgw-btn { min-height:44px; }
      #mg-notes-v010-root .mgw-project-work-row > .mgw-btn { justify-self:start; }
      #mg-notes-v010-root .mgw-project-download-grid { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-project-continuation-grid { grid-template-columns:1fr; gap:16px; }
      #mg-notes-v010-root .mgw-project-continuation-grid > .mgw-project-panel + .mgw-project-panel {
        padding:14px 0 0;
        border-left:0;
        border-top:1px solid var(--mgw-border);
      }
      #mg-notes-v010-root .mgw-project-continuation-grid .mgw-btn,
      #mg-notes-v010-root .mgw-project-download-grid .mgw-btn { min-height:44px; }
    }


    /* 43 v0.9.6.9.10 — Evergreen Software Chassis Transformation Wave 7
       About, Commands, drawers, menus, and overlays presentation only.
       Preserve all routes, actions, focus restoration, keyboard behavior,
       root-bounds placement, storage, schemas, exports, and runtime data flows. */

    /* About is a dedicated product-knowledge surface, not a marketing-card grid. */
    #mg-notes-v010-root .mgw-about-page {
      width:min(900px,100%);
      max-width:900px;
    }
    #mg-notes-v010-root .mgw-about-page > .mgw-page-bar {
      gap:16px;
      margin-bottom:0;
      padding:0 0 14px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-about-page > .mgw-page-bar h2 {
      font-size:22px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-about-version {
      align-self:end;
      padding-bottom:2px;
      font-size:10.5px;
      white-space:nowrap;
    }
    #mg-notes-v010-root .mgw-about-intro {
      margin:0;
      padding:18px 0;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-about-intro h3 {
      margin:0;
      font-size:18px;
      font-weight:500;
      letter-spacing:-.015em;
    }
    #mg-notes-v010-root .mgw-about-intro p {
      max-width:700px;
      margin:5px 0 0;
      font-size:12.5px;
      line-height:1.55;
    }
    #mg-notes-v010-root .mgw-about-intro .mgw-inline-actions {
      margin-top:10px;
    }
    #mg-notes-v010-root .mgw-about-grid,
    #mg-notes-v010-root .mgw-about-panels {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:0 24px;
      margin:0;
    }
    #mg-notes-v010-root .mgw-about-card,
    #mg-notes-v010-root .mgw-about-panel {
      min-width:0;
      padding:14px 0;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-about-card {
      grid-template-columns:28px minmax(0,1fr);
      align-items:start;
      gap:10px;
    }
    #mg-notes-v010-root .mgw-about-card h3,
    #mg-notes-v010-root .mgw-about-panel h3 {
      margin:0 0 4px;
      font-size:13px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-about-card p,
    #mg-notes-v010-root .mgw-about-panel p {
      margin:0;
      font-size:11.5px;
      line-height:1.55;
    }
    #mg-notes-v010-root .mgw-about-card .mgw-oracle-about-icon {
      width:28px;
      height:28px;
      border:0;
      border-radius:3px;
      color:var(--mgw-muted);
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-about-card .mgw-oracle-about-icon svg {
      width:17px;
      height:17px;
    }
    #mg-notes-v010-root .mgw-about-panels {
      margin-top:0;
    }
    #mg-notes-v010-root .mgw-about-panels-single { grid-template-columns:1fr; }
    #mg-notes-v010-root .mgw-about-panel .mgw-about-trust { margin-top:8px; }
    #mg-notes-v010-root .mgw-about-panel .mgw-inline-actions { margin-top:12px; }
    #mg-notes-v010-root .mgw-about-guide-link { min-height:44px; text-decoration:none!important; }

    /* Commands is a compact action index with divider-led rows. */
    #mg-notes-v010-root .mgw-command-backdrop,
    #mg-notes-v010-root .mgw-editor-backdrop,
    #mg-notes-v010-root .mgw-dock-more-backdrop {
      background:rgba(0,0,0,.42);
    }
    #mg-notes-v010-root .mgw-command {
      width:min(540px,calc(100% - 24px));
      padding:0;
      border-color:var(--mgw-border-strong);
      border-radius:8px;
      background:var(--mgw-shell);
      box-shadow:0 18px 48px rgba(0,0,0,.28);
    }
    #mg-notes-v010-root .mgw-command-head {
      align-items:center;
      margin:0;
      padding:11px 12px 9px;
      border-bottom:1px solid var(--mgw-border);
      background:var(--mgw-shell);
    }
    #mg-notes-v010-root .mgw-command-head h2 {
      font-size:17px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-command-search {
      margin:0;
      padding:10px 12px;
      border-bottom:1px solid var(--mgw-border);
    }
    #mg-notes-v010-root .mgw-command-list {
      display:grid;
      gap:0;
      padding:0 12px;
    }
    #mg-notes-v010-root .mgw-command-item {
      min-height:46px;
      gap:10px;
      padding:8px 2px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
    }
    #mg-notes-v010-root .mgw-command-item:hover,
    #mg-notes-v010-root .mgw-command-item:focus-visible {
      border-color:var(--mgw-border);
      background:var(--mgw-raised);
      box-shadow:0 0 0 4px var(--mgw-raised);
      outline:2px solid var(--mgw-accent);
      outline-offset:-2px;
    }
    #mg-notes-v010-root .mgw-command-item strong {
      font-size:12.5px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-command-item small {
      margin-top:2px;
      font-size:10.5px;
      line-height:1.4;
    }
    #mg-notes-v010-root .mgw-command-key {
      font-size:10px;
    }
    #mg-notes-v010-root .mgw-command-foot {
      margin:0;
      padding:9px 12px 10px;
      font-size:10px;
    }

    /* All secondary surfaces share the same restrained utility grammar. */
    #mg-notes-v010-root .mgw-editor-drawer,
    #mg-notes-v010-root .mgw-dock-more-menu {
      border-color:var(--mgw-border-strong);
      border-radius:8px;
      background:var(--mgw-shell);
      box-shadow:0 18px 48px rgba(0,0,0,.28);
    }
    #mg-notes-v010-root .mgw-editor-drawer-head,
    #mg-notes-v010-root .mgw-dock-more-head {
      align-items:center;
      padding:11px 12px 9px;
      border-bottom:1px solid var(--mgw-border);
      background:var(--mgw-shell);
    }
    #mg-notes-v010-root .mgw-editor-drawer-head h2,
    #mg-notes-v010-root .mgw-dock-more-head h2 {
      font-size:17px;
      font-weight:500;
    }
    #mg-notes-v010-root .mgw-editor-drawer-body {
      padding:0 12px 12px;
    }
    #mg-notes-v010-root .mgw-drawer-section {
      padding:12px 0;
    }
    #mg-notes-v010-root .mgw-drawer-section h3 {
      margin-bottom:7px;
      font-size:11.5px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-action-list,
    #mg-notes-v010-root .mgw-dock-more-list {
      gap:0;
    }
    #mg-notes-v010-root .mgw-action-item,
    #mg-notes-v010-root .mgw-dock-more-action {
      min-height:46px;
      padding:8px 2px;
      border:0;
      border-bottom:1px solid var(--mgw-border);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    #mg-notes-v010-root .mgw-action-item:hover,
    #mg-notes-v010-root .mgw-action-item:focus-visible,
    #mg-notes-v010-root .mgw-dock-more-action:hover,
    #mg-notes-v010-root .mgw-dock-more-action:focus-visible {
      border-color:var(--mgw-border);
      background:var(--mgw-raised);
      box-shadow:0 0 0 4px var(--mgw-raised);
      outline:2px solid var(--mgw-accent);
      outline-offset:-2px;
    }
    #mg-notes-v010-root .mgw-action-copy strong {
      font-size:12px;
      font-weight:550;
    }
    #mg-notes-v010-root .mgw-action-copy small,
    #mg-notes-v010-root .mgw-dock-more-action small {
      margin-top:2px;
      font-size:10.5px;
      line-height:1.4;
    }

    @media (max-width:760px) {
      #mg-notes-v010-root .mgw-about-page { width:100%; }
      #mg-notes-v010-root .mgw-about-page > .mgw-page-bar {
        gap:8px;
        padding-bottom:10px;
      }
      #mg-notes-v010-root .mgw-about-page > .mgw-page-bar h2 { font-size:19px; }
      #mg-notes-v010-root .mgw-about-version { font-size:9.5px; }
      #mg-notes-v010-root .mgw-about-intro { padding:14px 0; }
      #mg-notes-v010-root .mgw-about-grid,
      #mg-notes-v010-root .mgw-about-panels { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-about-card,
      #mg-notes-v010-root .mgw-about-panel { padding:12px 0; }
      #mg-notes-v010-root .mgw-command-item,
      #mg-notes-v010-root .mgw-action-item,
      #mg-notes-v010-root .mgw-dock-more-action { min-height:52px; }
      #mg-notes-v010-root .mgw-command {
        border-radius:8px;
      }
      #mg-notes-v010-root .mgw-editor-drawer,
      #mg-notes-v010-root .mgw-dock-more-menu {
        border-radius:8px 8px 0 0;
      }
    }



    /* Mycelgrid Notepad v0.1.1.3 — import surfaces removed; editor + Add block visibility preserved */
    /* v0.1.1.3: import UI remains intentionally unavailable; Add block toolbar visibility now matches the note-editing context emitted by the app shell. */
    #mg-notes-v010-root #mgw-import-chat-checkpoint,
    #mg-notes-v010-root #mgw-import-documents,
    #mg-notes-v010-root #mgw-chat-import-backdrop,
    #mg-notes-v010-root #mgw-chat-import-dialog,
    #mg-notes-v010-root #mgw-file-input { display:none!important; }

    #mg-notes-v010-root .mgw-start-launch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #mg-notes-v010-root .mgw-start-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #mg-notes-v010-root .mgw-chat-import-backdrop { position:fixed; inset:var(--mgw-overlay-top-clearance) 0 0; z-index:600; background:rgba(0,0,0,.58); }
    #mg-notes-v010-root .mgw-chat-import-dialog { position:fixed; z-index:610; top:calc(var(--mgw-overlay-top-clearance) + 28px); left:50%; transform:translateX(-50%); width:min(820px,calc(100vw - 28px)); max-height:calc(100dvh - var(--mgw-overlay-top-clearance) - 56px); overflow:auto; padding:18px; border:1px solid var(--mgw-border-strong); border-radius:var(--mgw-radius-overlay); background:var(--mgw-shell); box-shadow:0 28px 80px rgba(0,0,0,.34); }
    #mg-notes-v010-root .mgw-chat-import-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; padding-bottom:14px; border-bottom:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-chat-import-head h2 { font-size:24px; }
    #mg-notes-v010-root .mgw-chat-import-head p { margin:6px 0 0; font-size:12px; }
    #mg-notes-v010-root .mgw-chat-import-status { margin:14px 0; padding:12px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-panel); color:var(--mgw-muted); font-size:12px; line-height:1.55; }
    #mg-notes-v010-root .mgw-chat-import-status strong { color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-chat-import-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
    #mg-notes-v010-root .mgw-chat-import-tabs [aria-pressed="true"] { border-color:var(--mgw-accent-border); background:var(--mgw-accent-soft); color:var(--mgw-text); }
    #mg-notes-v010-root .mgw-chat-import-list { display:grid; gap:6px; max-height:320px; overflow:auto; padding:2px; }
    #mg-notes-v010-root .mgw-chat-import-row { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:start; padding:10px 11px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); background:var(--mgw-panel); }
    #mg-notes-v010-root .mgw-chat-import-row input { width:18px; height:18px; margin-top:2px; }
    #mg-notes-v010-root .mgw-chat-import-row strong { display:block; font-size:12px; }
    #mg-notes-v010-root .mgw-chat-import-row small { display:block; margin-top:4px; color:var(--mgw-muted); line-height:1.45; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    #mg-notes-v010-root .mgw-chat-import-destination { display:grid; gap:9px; margin:14px 0 0; padding:14px; border:1px solid var(--mgw-border); border-radius:var(--mgw-radius-card); }
    #mg-notes-v010-root .mgw-chat-import-destination legend { padding:0 6px; color:var(--mgw-text); font-size:12px; font-weight:650; }
    #mg-notes-v010-root .mgw-chat-import-destination > label { display:flex; gap:9px; align-items:center; min-height:40px; color:var(--mgw-text); font-size:12px; }
    #mg-notes-v010-root .mgw-chat-import-destination input[type="radio"] { width:18px; height:18px; }
    #mg-notes-v010-root .mgw-chat-import-duplicate { margin-top:14px; padding:14px; border:1px solid var(--mgw-accent-border); border-radius:var(--mgw-radius-card); background:var(--mgw-accent-soft); }
    #mg-notes-v010-root .mgw-chat-import-duplicate p { margin:4px 0 0; font-size:12px; }
    #mg-notes-v010-root .mgw-chat-import-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:16px; padding-top:14px; border-top:1px solid var(--mgw-border); }
    #mg-notes-v010-root .mgw-note-type-badge { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border:1px solid var(--mgw-border); border-radius:999px; background:var(--mgw-raised); color:var(--mgw-muted); font-size:10px; font-weight:650; }
    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-start-launch-grid, #mg-notes-v010-root .mgw-start-library-grid { grid-template-columns:1fr; }
      #mg-notes-v010-root .mgw-chat-import-dialog { top:var(--mgw-overlay-top-clearance); bottom:0; width:100%; max-height:none; border-radius:10px 10px 0 0; }
      #mg-notes-v010-root .mgw-chat-import-dialog .mgw-btn, #mg-notes-v010-root .mgw-chat-import-destination > label { min-height:44px; }
      #mg-notes-v010-root .mgw-chat-import-actions { justify-content:stretch; }
      #mg-notes-v010-root .mgw-chat-import-actions .mgw-btn { flex:1 1 140px; }
    }


    /* Mycelgrid Notepad v0.1.7 — Start action-card visibility polish.
       Four existing actions become one prominent desktop row and a 2x2 mobile grid.
       Intelligence copy, routes, behavior, storage, schemas, and exports remain unchanged. */
    #mg-notes-v010-root .mgw-start-intro { margin-bottom:20px; }
    #mg-notes-v010-root .mgw-start-section-head {
      min-height:44px;
      margin-bottom:12px;
      align-items:center;
    }
    #mg-notes-v010-root .mgw-start-section-head > .mgw-btn {
      min-height:40px;
      padding:7px 12px;
      font-size:11px;
    }
    #mg-notes-v010-root .mgw-start-primary-grid {
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:12px;
      margin:0 0 30px;
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-primary-card,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch.mgw-start-launch-primary,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-library-card {
      position:relative;
      min-width:0;
      min-height:168px;
      aspect-ratio:1.24 / 1;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      padding:20px;
      border:1px solid var(--mgw-border);
      border-radius:12px;
      background:var(--mgw-panel);
      color:var(--mgw-text);
      text-align:left;
      box-shadow:none;
      cursor:pointer;
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch.mgw-start-launch-primary {
      border-color:var(--mgw-accent-border);
      background:var(--mgw-accent-soft);
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-primary-card:hover,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-primary-card:focus-visible {
      border-color:var(--mgw-border-strong);
      background:var(--mgw-raised);
      outline:none;
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch.mgw-start-launch-primary:hover,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch.mgw-start-launch-primary:focus-visible {
      border-color:var(--mgw-accent-border);
      background:var(--mgw-accent-soft);
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-primary-card:focus-visible {
      box-shadow:0 0 0 3px var(--mgw-accent-soft), inset 0 0 0 1px var(--mgw-accent);
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-oracle-icon,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-oracle-library-icon {
      width:46px;
      height:46px;
      flex:0 0 46px;
      display:grid;
      place-items:center;
      border:1px solid var(--mgw-border);
      border-radius:10px;
      background:var(--mgw-raised);
      color:var(--mgw-text);
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch-primary .mgw-oracle-icon {
      border-color:var(--mgw-accent-border);
      background:var(--mgw-accent-soft);
      color:var(--mgw-text);
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-oracle-icon svg,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-oracle-library-icon svg {
      width:25px;
      height:25px;
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch-copy,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-library-copy {
      width:100%;
      min-width:0;
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch-copy strong,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-library-copy strong {
      display:block;
      font-size:15px;
      line-height:1.25;
      font-weight:600;
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch-copy small,
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-library-copy small {
      display:block;
      max-width:100%;
      margin-top:5px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      color:var(--mgw-muted);
      font-size:11.5px;
      line-height:1.4;
    }
    #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-count {
      position:absolute;
      top:16px;
      right:16px;
      min-width:28px;
      height:28px;
      padding:0 7px;
      display:grid;
      place-items:center;
      border:1px solid var(--mgw-border);
      border-radius:999px;
      background:var(--mgw-high);
      color:var(--mgw-muted);
      font-size:11px;
      font-weight:600;
    }
    #mg-notes-v010-root .mgw-start-search-content { margin-top:0; }

    @media (max-width:900px) {
      #mg-notes-v010-root .mgw-start-primary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-primary-card,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch.mgw-start-launch-primary,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-library-card {
        min-height:154px;
        aspect-ratio:auto;
      }
    }
    @media (max-width:767px) {
      #mg-notes-v010-root .mgw-start { padding-top:16px; }
      #mg-notes-v010-root .mgw-start-section-head { min-height:44px; margin-bottom:10px; }
      #mg-notes-v010-root .mgw-start-section-head > .mgw-btn { min-height:44px; }
      #mg-notes-v010-root .mgw-start-primary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:22px; }
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-primary-card,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch.mgw-start-launch-primary,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-library-card {
        min-height:148px;
        padding:14px;
        gap:12px;
      }
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-oracle-icon,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-oracle-library-icon {
        width:42px;
        height:42px;
        flex-basis:42px;
      }
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-oracle-icon svg,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-oracle-library-icon svg { width:23px; height:23px; }
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-count { top:12px; right:12px; }
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch-copy strong,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-library-copy strong { font-size:14px; }
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-launch-copy small,
      #mg-notes-v010-root .mgw-start-primary-grid .mgw-start-library-copy small { font-size:10.5px; }
    }