/* Work Hub · Heart-approved botanical immersion layer · 2026-08-17
   Reference axis: sunlit botanicals, parchment, warm wood, sage, hand-tended calm.
   Loaded last so it can restyle the existing truthful product surfaces without changing authority. */

:root {
  --work-cream:#f7f0e6;
  --work-paper:#fbf6ee;
  --work-paper-soft:rgba(251,246,238,.88);
  --work-ink:#2b3329;
  --work-muted:#716d62;
  --work-sage:#858b68;
  --work-sage-deep:#4d5738;
  --work-sage-pale:#d9d9bf;
  --work-olive:#60653e;
  --work-gold:#aa7a3f;
  --work-rose:#b66e61;
  --work-lavender:#9b8bad;
  --work-lavender-pale:#ece4f2;
  --work-wood:#76573a;
  --work-line:rgba(92,73,51,.17);
  --work-shadow:0 18px 55px rgba(80,59,40,.12),0 2px 10px rgba(68,57,43,.06);
  --work-shadow-soft:0 9px 28px rgba(83,62,44,.08);
}

body {
  color:var(--work-ink);
  background-image:
    linear-gradient(rgba(246,240,230,.38),rgba(246,240,230,.47)),
    url("./assets/workhub-botanical-room.svg"),
    linear-gradient(90deg,rgba(89,74,48,.12),transparent 16%,transparent 84%,rgba(83,69,43,.10)),
    radial-gradient(circle at 7% 7%,rgba(144,158,103,.22),transparent 21rem),
    radial-gradient(circle at 91% 16%,rgba(245,221,164,.42),transparent 25rem),
    linear-gradient(135deg,#e9dfd1 0%,#f6eee4 45%,#eee3d3 100%);
  background-size:auto,cover,auto,auto,auto,auto;
  background-position:center,center top,center,center,center,center;
  background-attachment:fixed,fixed,fixed,fixed,fixed,fixed;
}
body::before {
  opacity:.28;
  background-image:
    radial-gradient(circle at 12px 12px,rgba(92,111,70,.18) 0 1px,transparent 1.4px),
    linear-gradient(115deg,transparent 0 47%,rgba(127,102,65,.035) 48% 49%,transparent 50%);
  background-size:58px 58px,140px 140px;
}

/* --- Global desktop shell: the left paper rail and sunlit working table --- */
@media (min-width:1024px) {
  .haven-app {
    width:100%; max-width:none; margin:0;
    grid-template-columns:228px minmax(0,1fr);
    grid-template-rows:72px auto minmax(0,1fr);
    background:
      linear-gradient(90deg,rgba(255,252,245,.8) 0 228px,transparent 228px),
      radial-gradient(circle at 78% 10%,rgba(255,248,223,.42),transparent 26rem);
  }
  .haven-header { grid-column:2; grid-row:1; position:relative; top:auto; min-height:72px; padding:10px 28px; justify-content:flex-end; background:rgba(250,245,237,.58); border:0; box-shadow:none; backdrop-filter:blur(10px); }
  .haven-header .haven-brand-lockup { display:none; }
  .harbormaster-shell { grid-column:2; grid-row:2; }
  .haven-main { grid-column:2; grid-row:3; padding:0; overflow:auto; scrollbar-gutter:stable; }
  .haven-screen { padding:24px 34px 44px; }
  .haven-nav {
    grid-column:1; grid-row:1 / 4; position:relative; left:auto; bottom:auto; transform:none;
    width:auto; max-width:none; height:auto; min-height:100dvh; padding:26px 22px 22px;
    flex-direction:column; align-items:stretch; justify-content:flex-start; gap:18px; overflow:auto;
    background:rgba(250,246,238,.91); border:0; border-right:1px solid rgba(96,80,58,.12);
    box-shadow:11px 0 35px rgba(87,64,41,.06); backdrop-filter:blur(16px);
  }
  .work-rail-brand { display:grid; place-items:center; min-height:106px; position:relative; }
  .work-rail-brand::before,.work-rail-brand::after { content:""; position:absolute; inset:7px 22px; border-radius:50%; border:1px solid rgba(112,129,81,.24); transform:rotate(16deg); }
  .work-rail-brand::after { transform:rotate(-17deg); inset:10px 27px; border-color:rgba(174,130,70,.2); }
  .work-rail-brand span { z-index:1; font:italic 46px/1 Georgia,serif; color:#39402e; letter-spacing:-.08em; }
  .work-rail-brand i { position:absolute; right:53px; top:29px; z-index:2; color:#b08a4f; font-style:normal; }
  .work-rail-primary,.work-rail-support { display:grid; gap:7px; }
  .work-rail-support { margin-top:auto; padding-top:12px; border-top:1px solid rgba(104,84,59,.12); }
  .haven-nav .nav-item { flex:none; min-height:50px; width:100%; padding:9px 15px; flex-direction:row; justify-content:flex-start; gap:14px; border:1px solid transparent; border-radius:24px; font-family:Georgia,serif; color:#424537; background:transparent; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
  .haven-nav .nav-item:hover { background:rgba(255,255,255,.52); border-color:rgba(103,93,71,.1); transform:translateX(2px); }
  .haven-nav .nav-item.active { color:#34372b; background:linear-gradient(90deg,rgba(210,207,170,.93),rgba(229,220,186,.78)); border-color:rgba(105,102,71,.08); box-shadow:inset 0 1px rgba(255,255,255,.7),0 4px 15px rgba(91,75,53,.05); }
  .haven-nav .nav-icon { width:25px; font-size:22px; color:#424936; text-align:center; }
  .haven-nav .nav-label { font-size:15px; letter-spacing:0; }
  .haven-nav .nav-support { min-height:42px; opacity:.75; }
  .haven-nav .nav-support .nav-label { font-size:13px; }
  .haven-nav .nav-support .nav-icon { font-size:17px; }
  .work-rail-note { display:grid; place-items:center; gap:9px; padding:13px 12px 0; text-align:center; color:#6f6a5d; }
  .work-rail-note::before { content:""; width:54px; border-top:1px solid rgba(122,100,70,.25); }
  .work-rail-note span { color:#8a8e64; font-size:21px; }
  .work-rail-note p { margin:0; max-width:145px; font:italic 12px/1.55 Georgia,serif; }
}

.header-actions { gap:8px; }
.header-actions .runtime-mode,.header-actions .sync-status { opacity:.62; font:600 10px/1.2 system-ui,sans-serif; background:rgba(255,255,255,.42); }
.header-actions .shell-action,.settings-btn { border:1px solid rgba(87,80,60,.14); background:rgba(255,252,246,.8); box-shadow:0 5px 18px rgba(81,62,42,.06); }
.header-actions .shell-action { min-height:42px; padding:8px 14px; font-size:13px; }
.settings-btn { border-radius:50%; width:42px; height:42px; min-width:42px; min-height:42px; }

.deep-view { display:none; }
body[data-active-screen="warden"] .deep-view { display:block; margin:8px 28px 0; max-width:none; }
.mobile-place-dock { display:none !important; }

/* --- Today --- */
#screen-compass .work-today { max-width:1000px; margin:0 auto; display:grid; gap:14px; }
.work-today-greeting { text-align:center; padding:4px 0 3px; }
.work-today-greeting h2 { margin:0; font:500 clamp(26px,3vw,39px)/1.05 Georgia,serif; letter-spacing:-.02em; color:#34382f; }
.work-today-greeting h2 span { color:#b58b50; }
.work-today-greeting p { margin:6px 0 0; font:14px/1.4 system-ui,sans-serif; color:#6f6e61; }
.work-question-card { position:relative; max-width:780px; width:100%; margin:5px auto 2px; padding:25px 34px 22px; border:1px solid var(--work-line); border-radius:25px; background:linear-gradient(160deg,rgba(255,252,246,.95),rgba(248,240,230,.9)); box-shadow:var(--work-shadow-soft); text-align:center; }
.work-question-card::before { content:""; position:absolute; left:50%; top:-13px; width:64px; height:26px; transform:translateX(-50%); border:1px solid var(--work-line); border-bottom:0; border-radius:28px 28px 0 0; background:#f8f1e8; }
.botanical-medallion { position:absolute; top:-7px; left:50%; transform:translateX(-50%); z-index:1; color:#6f7952; font-size:20px; }
.work-question-card h3 { margin:8px 0 15px; font:500 clamp(26px,3.2vw,39px)/1 Georgia,serif; letter-spacing:-.02em; }
.work-question-card form { display:flex; max-width:650px; margin:0 auto; border:1px solid rgba(92,75,54,.18); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.63); box-shadow:inset 0 1px rgba(255,255,255,.9); }
.work-question-card input { flex:1; min-width:0; border:0; outline:0; padding:15px 17px; background:transparent; color:var(--work-ink); font:14px/1.2 system-ui,sans-serif; }
.work-question-card form button { width:42px; height:42px; margin:5px; border:0; border-radius:50%; background:#5d6444; color:white; font-size:22px; cursor:pointer; }
.work-question-card>p { margin:11px 0 0; color:#777468; font:12px/1.3 system-ui,sans-serif; }
.work-question-card>p span { color:#b98950; }
.today-next-card { position:relative; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(230px,.65fr); gap:20px; min-height:248px; padding:25px 30px; border:1px solid var(--work-line); border-radius:24px; background:linear-gradient(100deg,rgba(253,249,241,.96),rgba(247,236,222,.92)); box-shadow:var(--work-shadow); overflow:hidden; }
.today-next-card::after { content:"❧"; position:absolute; right:18%; bottom:-28px; font-size:130px; color:rgba(120,132,83,.075); transform:rotate(-14deg); pointer-events:none; }
.today-next-copy { position:relative; z-index:1; }
.today-kicker { margin:0 0 8px; display:inline-block; padding:4px 9px; border-radius:999px; background:rgba(212,210,174,.7); color:#62664a; font:700 10px/1 system-ui,sans-serif; letter-spacing:.06em; }
.today-next-copy h3 { margin:0 0 10px; font:500 clamp(24px,2.7vw,34px)/1.05 Georgia,serif; }
.today-next-copy h3 span { color:#73805c; }
.today-next-copy>p:not(.today-kicker) { max-width:540px; margin:0; color:#63645b; font:14px/1.55 system-ui,sans-serif; }
.today-next-meta { display:flex; flex-wrap:wrap; gap:7px; margin:15px 0 12px; color:#777162; font:12px/1.2 system-ui,sans-serif; }
.today-progress { max-width:230px; height:6px; border-radius:999px; overflow:hidden; background:rgba(85,92,60,.12); }
.today-progress i { display:block; height:100%; background:#6e7750; border-radius:inherit; }
.today-next-copy small { display:block; margin-top:7px; color:#737164; font:11px system-ui,sans-serif; }
.today-paper-checklist { position:relative; align-self:center; display:grid; gap:10px; padding:21px 24px; border:1px solid rgba(124,100,70,.14); background:#f5eadb; box-shadow:8px 10px 0 rgba(210,188,157,.17),0 10px 22px rgba(92,66,43,.09); transform:rotate(1.5deg); font:12px/1.2 system-ui,sans-serif; color:#625e54; }
.today-paper-checklist::before { content:""; position:absolute; width:64px; height:18px; left:50%; top:-9px; transform:translateX(-50%) rotate(-3deg); background:rgba(211,184,143,.54); }
.today-paper-checklist p { margin:0 0 2px; font:italic 14px/1 Georgia,serif; color:#62594e; }
.today-paper-checklist span.done { color:#4f633f; }
.today-continue { position:absolute; right:31px; bottom:21px; z-index:2; border:0; border-radius:999px; background:#626947; color:#fff; padding:10px 17px; font:600 12px system-ui,sans-serif; cursor:pointer; box-shadow:0 5px 16px rgba(75,78,49,.16); }
.today-tray { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--work-line); border-radius:23px; background:rgba(252,248,241,.91); box-shadow:var(--work-shadow-soft); overflow:hidden; }
.today-tray>article { min-width:0; padding:19px 19px 16px; border-right:1px solid var(--work-line); }
.today-tray>article:last-child { border-right:0; }
.today-tray article>header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:start; padding-bottom:10px; }
.today-tray-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#e1dfc6; color:#67704f; }
.today-tray header h3 { margin:0; font:500 20px/1 Georgia,serif; }
.today-tray header p { margin:4px 0 0; color:#767468; font:11px/1.35 system-ui,sans-serif; }
.today-tray header>strong { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; border:1px solid var(--work-line); font:600 11px system-ui,sans-serif; }
.today-tray article>button { width:100%; display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:start; padding:8px 0; border:0; border-top:1px solid rgba(90,74,54,.09); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.today-tray article>button>span { color:#8f8e6c; }
.today-tray button strong,.today-tray button small { display:block; }
.today-tray button strong { font:600 12px/1.25 system-ui,sans-serif; }
.today-tray button small { margin-top:2px; color:#777469; font:10px/1.25 system-ui,sans-serif; }
.today-calm-row { display:flex; gap:8px; padding:9px 0; border-top:1px solid rgba(90,74,54,.09); color:#777469; font:11px/1.35 system-ui,sans-serif; }
.today-calm-row p { margin:0; }
.work-today-footer { justify-self:center; display:flex; align-items:center; gap:13px; margin:2px 0 0; padding:9px 18px; border:1px solid rgba(110,92,66,.15); border-radius:11px; background:rgba(250,245,235,.75); box-shadow:0 5px 18px rgba(84,65,45,.04); text-align:center; color:#69695d; }
.work-today-footer p { margin:0; font:11px/1.45 system-ui,sans-serif; }
.work-today-footer strong { font-weight:600; color:#55594b; }
.work-today-footer>span { color:#af8a54; }

/* --- Projects overview --- */
.work-projects-view,.harmony-view.realm-view { max-width:1120px; margin:0 auto; gap:18px; }
.projects-overview { display:grid; gap:14px; }
.projects-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:3px 6px 2px; }
.projects-heading h2 { margin:0; font:500 clamp(30px,3.3vw,43px)/1 Georgia,serif; }
.projects-heading h2 span { color:#b38a52; }
.projects-heading p { margin:6px 0 0; color:#716e63; font:13px system-ui,sans-serif; }
.projects-heading>button { margin-top:4px; border:1px solid rgba(80,84,56,.14); border-radius:999px; padding:10px 16px; background:#68704b; color:white; box-shadow:0 6px 18px rgba(81,83,54,.16); font:600 12px system-ui,sans-serif; cursor:pointer; }
.project-stat-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.project-stat-row article { min-height:72px; display:grid; grid-template-columns:auto auto 1fr; grid-template-rows:auto auto; column-gap:11px; align-content:center; padding:13px 17px; border:1px solid var(--work-line); border-radius:14px; background:rgba(252,248,241,.91); box-shadow:var(--work-shadow-soft); }
.project-stat-row article>span { grid-row:1/3; align-self:center; display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#dddcc2; color:#5d6549; }
.project-stat-row article.needs>span { background:#b86657; color:#fff; }
.project-stat-row article strong { font:500 23px/1 Georgia,serif; }
.project-stat-row article small { grid-column:2/4; color:#6f6d62; font:10px system-ui,sans-serif; }
.projects-board { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.68fr); gap:14px; }
.project-attention,.projects-side>section,.project-suggestions { border:1px solid var(--work-line); border-radius:18px; background:rgba(253,249,242,.92); box-shadow:var(--work-shadow-soft); }
.project-attention { padding:14px 19px 9px; }
.section-heading h3,.projects-side h3,.project-suggestions h3 { margin:0; padding:2px 0 10px; font:500 21px/1 Georgia,serif; }
.section-heading h3 span,.projects-side h3 span,.project-suggestions h3 span { color:#b38c56; font-size:13px; }
.project-attention>article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:13px; align-items:center; min-height:90px; padding:11px 3px; border-top:1px solid rgba(97,77,52,.1); }
.project-orb { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; color:#f9f4e9; border:2px solid rgba(255,255,255,.65); box-shadow:0 0 0 1px rgba(99,81,53,.15),inset 0 0 18px rgba(255,255,255,.13); background:radial-gradient(circle at 50% 30%,rgba(197,179,93,.25),transparent 40%),#59613f; }
.orb-2 { background:radial-gradient(circle at 50% 30%,rgba(245,198,111,.19),transparent 40%),#384330; }
.orb-3 { background:#7b5d3a; }
.orb-4 { background:#687753; }
.project-attention-copy h4 { margin:0; font:500 18px/1.15 Georgia,serif; }
.project-attention-copy p { margin:5px 0; color:#6f6d64; font:11px/1.4 system-ui,sans-serif; }
.project-attention-copy small { color:#8a745e; font:10px system-ui,sans-serif; text-transform:capitalize; }
.project-attention-action { display:grid; justify-items:end; gap:9px; }
.project-attention-action>span { padding:5px 9px; border-radius:999px; background:#79805a; color:#fff; font:700 9px/1 system-ui,sans-serif; text-transform:capitalize; }
.project-attention-action>button { border:0; border-radius:999px; padding:7px 13px; background:#a25d51; color:#fff; font:600 10px system-ui,sans-serif; cursor:pointer; }
.project-view-all { display:block; margin:7px auto 2px; border:0; background:transparent; color:#7f674e; font:11px system-ui,sans-serif; cursor:pointer; }
.projects-side { display:grid; gap:14px; }
.projects-side>section { padding:14px 16px; }
.projects-side section>button,.project-change { width:100%; display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start; padding:10px 2px; border:0; border-top:1px solid rgba(97,77,52,.1); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.projects-side section>button>span,.project-change>span { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#e1dfc7; color:#707553; }
.projects-side strong,.projects-side small { display:block; }
.projects-side strong { font:600 11px/1.25 system-ui,sans-serif; }
.projects-side small { margin-top:3px; color:#777469; font:9px/1.35 system-ui,sans-serif; }
.project-empty { display:flex; align-items:center; gap:9px; padding:12px 0; border-top:1px solid rgba(97,77,52,.1); color:#79776b; font:11px system-ui,sans-serif; }
.project-empty p { margin:0; }
.project-suggestions { display:grid; grid-template-columns:auto 1fr; gap:17px; align-items:center; padding:13px 18px; }
.project-suggestions h3 { padding:0; white-space:nowrap; }
.project-suggestions>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.project-suggestions button { display:grid; grid-template-columns:auto 1fr; gap:8px; align-items:center; padding:6px 13px; border:0; border-left:1px solid rgba(97,77,52,.1); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.project-suggestions button>span { color:#a8804d; }
.project-suggestions button strong,.project-suggestions button small { display:block; }
.project-suggestions button strong { font:600 10px/1.25 system-ui,sans-serif; }
.project-suggestions button small { margin-top:2px; color:#777469; font:9px/1.25 system-ui,sans-serif; }
.project-workbench,.workday-return,.living-world-doorway { border:1px solid var(--work-line); border-radius:16px; background:rgba(252,248,240,.72); box-shadow:var(--work-shadow-soft); }
.project-workbench>summary,.workday-return>summary,.living-world-doorway>summary { padding:13px 17px; }
.project-workbench>summary { display:flex; justify-content:space-between; gap:16px; cursor:pointer; font:600 13px system-ui,sans-serif; }
.project-workbench>summary small { color:#777469; font-weight:400; }
.project-workbench[open] { padding-bottom:10px; }
.project-workbench [data-work-hub-revamp] { padding:0 12px 4px; }
.project-workbench .workhub-office-shell { display:block; margin:9px 0; }
.project-workbench .workhub-office-window { display:none; }
.project-workbench .workhub-office-frame { padding:0; border-radius:18px; background:transparent; box-shadow:none; }
.project-workbench .workhub-office-frame::before,.project-workbench .frame-corner { display:none; }
.project-workbench .workhub-ledger { border-radius:16px; background:#f9f2e6; box-shadow:none; }
.workday-return>summary { display:flex; justify-content:space-between; cursor:pointer; font:600 12px system-ui,sans-serif; }
.workday-return>summary small { color:#777469; font-weight:400; }
.workday-return [data-harmony-content] { padding:0 13px 13px; }

/* --- Notebook --- */
#screen-notebook { max-width:1180px; margin:0 auto; }
.work-notebook-shell { min-height:760px; display:grid; grid-template-columns:180px minmax(0,1fr) 260px; border:1px solid var(--work-line); border-radius:18px; overflow:hidden; background:rgba(251,247,240,.94); box-shadow:var(--work-shadow); }
.notebook-pages { padding:68px 10px 12px; border-right:1px solid var(--work-line); background:rgba(247,239,231,.9); }
.notebook-pages-title { display:flex; justify-content:space-between; align-items:center; padding:0 8px 8px; font:600 12px system-ui,sans-serif; }
.notebook-pages-title button { border:0; background:transparent; color:#8f6757; font-size:18px; cursor:pointer; }
.notebook-page-list { display:grid; gap:4px; }
.notebook-page-list button { display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:8px; padding:9px 8px; border:0; border-radius:7px; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.notebook-page-list button.active { background:#edd9d2; }
.notebook-page-list button>span { grid-row:1/3; color:#ae7766; }
.notebook-page-list strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 10px/1.2 system-ui,sans-serif; }
.notebook-page-list small { color:#817a70; font:9px system-ui,sans-serif; }
.notebook-editor { min-width:0; display:grid; grid-template-rows:auto minmax(420px,1fr) auto; }
.notebook-topbar { min-height:54px; display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center; padding:0 17px; border-bottom:1px solid var(--work-line); }
.notebook-topbar>div { display:flex; gap:8px; align-items:center; font:500 20px Georgia,serif; }
.notebook-topbar>div span { color:#b58b55; }
.notebook-topbar nav { display:flex; gap:5px; overflow:auto; }
.notebook-topbar nav button { white-space:nowrap; border:0; border-radius:8px; padding:8px 10px; background:transparent; color:#625e56; font:10px system-ui,sans-serif; }
.notebook-topbar nav button.active { background:#eddad3; }
.notebook-topbar>small { color:#7c776e; font:9px system-ui,sans-serif; }
.notebook-paper { padding:48px 48px 25px; background:linear-gradient(rgba(255,255,255,.33),rgba(255,255,255,.33)); }
.notebook-title-input { width:100%; border:0; background:transparent; color:#34342e; outline:0; font:500 clamp(28px,3vw,38px)/1.1 Georgia,serif; }
.notebook-meta { color:#7d766b; font:10px system-ui,sans-serif; }
.notebook-paper textarea { width:100%; height:390px; border:0; outline:0; resize:none; padding:13px 0; background:transparent; color:#504a43; font:italic 13px/1.7 Georgia,serif; }
.notebook-outputs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; padding:12px 15px 16px; border-top:1px solid var(--work-line); background:#f2e7dc; }
.notebook-outputs article { min-height:130px; padding:12px 13px; border:1px solid rgba(100,79,57,.12); border-radius:11px; background:rgba(255,251,245,.78); }
.notebook-outputs article>span { color:#ae7a61; }
.notebook-outputs strong { display:block; margin:5px 0; font:600 11px system-ui,sans-serif; }
.notebook-outputs p,.notebook-outputs li { color:#68645d; font:9px/1.5 system-ui,sans-serif; }
.notebook-outputs p { margin:0; }
.notebook-outputs ul { margin:0; padding-left:14px; }
.notebook-context { padding:66px 14px 14px; border-left:1px solid var(--work-line); background:rgba(249,243,235,.92); }
.context-tabs { display:flex; gap:2px; border-bottom:1px solid var(--work-line); }
.context-tabs button { border:0; padding:8px 7px; background:transparent; color:#625d55; font:9px system-ui,sans-serif; }
.context-tabs button.active { border-bottom:2px solid #b77866; }
.notebook-context>article { margin-top:13px; padding:12px; border:1px solid rgba(100,79,57,.12); border-radius:8px; background:rgba(255,252,246,.66); }
.notebook-context>article strong { font:600 10px system-ui,sans-serif; }
.notebook-context>article p,.notebook-context>article small { color:#736e64; font:9px/1.5 system-ui,sans-serif; }
.paper-note { position:relative; margin:20px 4px; padding:22px 17px; background:#e7bcb1; box-shadow:0 9px 18px rgba(89,62,47,.1); transform:rotate(-2deg); }
.paper-note::before { content:""; position:absolute; width:45px; height:14px; left:40%; top:-7px; background:rgba(212,184,153,.55); }
.paper-note small { font:italic 10px Georgia,serif; color:#705c55; }
.paper-note p { font:italic 12px/1.55 Georgia,serif; color:#66504a; }
.paper-note>span { float:right; color:#9b6258; }
.quick-links h3 { margin:0 0 8px; font:500 17px Georgia,serif; }
.quick-links a { display:block; padding:7px 2px; color:#5e5a52; text-decoration:none; border-bottom:1px solid rgba(100,79,57,.08); font:9px system-ui,sans-serif; }

/* --- Resources --- */
#screen-resources { max-width:1120px; margin:0 auto; }
.resources-page { display:grid; gap:12px; padding:14px 18px 12px; border:1px solid var(--work-line); border-radius:22px; background:rgba(251,247,240,.93); box-shadow:var(--work-shadow); }
.resources-page>header h2 { margin:0; font:500 clamp(31px,3.3vw,43px)/1 Georgia,serif; }
.resources-page>header h2 span,.browse-categories h3 span,.resource-content h3 span { color:#b48a51; }
.resources-page>header p { margin:9px 0 2px; color:#66645c; font:13px/1.4 system-ui,sans-serif; }
.resource-search { display:grid; grid-template-columns:minmax(0,1fr) 220px 44px; gap:0; border:1px solid rgba(100,79,57,.14); border-radius:12px; background:rgba(255,252,247,.76); overflow:hidden; }
.resource-search label { display:flex; align-items:center; gap:8px; padding:0 12px; }
.resource-search input { width:100%; border:0; outline:0; padding:13px 0; background:transparent; color:inherit; font:12px system-ui,sans-serif; }
.resource-search select { border:0; border-left:1px solid rgba(100,79,57,.12); padding:0 12px; background:transparent; color:#5d5b53; font:11px system-ui,sans-serif; }
.resource-search>[data-resource-go] { margin:4px; border:0; border-radius:50%; background:#5c6243; color:#fff; font-size:18px; cursor:pointer; }
.resource-search .popular { grid-column:1/-1; display:flex; gap:6px; align-items:center; padding:8px 12px; border-top:1px solid rgba(100,79,57,.1); overflow:auto; }
.popular>span { color:#756f66; font:9px system-ui,sans-serif; }
.popular button { white-space:nowrap; border:1px solid rgba(100,79,57,.1); border-radius:7px; padding:6px 11px; background:#f5eee6; color:#615d55; font:9px system-ui,sans-serif; cursor:pointer; }
.browse-categories { padding:2px 0; }
.browse-categories h3 { margin:0 0 9px; font:500 19px Georgia,serif; }
.browse-categories>div { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.browse-categories button { min-height:154px; display:grid; justify-items:center; align-content:start; gap:6px; padding:14px 9px; border:1px solid rgba(100,79,57,.12); border-radius:12px; background:rgba(255,252,246,.65); color:inherit; text-align:center; cursor:pointer; }
.browse-categories i { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; border:2px solid rgba(255,255,255,.75); background:#8e9271; color:#fff; box-shadow:0 0 0 1px rgba(98,85,61,.13); font-style:normal; font-size:21px; }
.browse-categories button:nth-child(2) i { background:#666b42; }
.browse-categories button:nth-child(3) i { background:#b76859; }
.browse-categories button:nth-child(4) i { background:#b8874a; }
.browse-categories button:nth-child(5) i { background:#7d8872; }
.browse-categories strong { font:500 15px Georgia,serif; }
.browse-categories small { min-height:26px; color:#706d64; font:9px/1.35 system-ui,sans-serif; }
.browse-categories em { margin-top:auto; color:#77736a; font:normal 9px system-ui,sans-serif; }
.resource-content { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); gap:11px; }
.resource-content>.featured,.resource-content>aside { padding:13px 15px; border:1px solid rgba(100,79,57,.12); border-radius:13px; background:rgba(255,252,246,.58); }
.resource-content .section-heading { display:flex; justify-content:space-between; align-items:center; }
.resource-content .section-heading h3,.resource-content>aside h3 { margin:0; font:500 18px Georgia,serif; }
.resource-content .section-heading>button,.resource-content>aside>button { border:0; background:transparent; color:#8d674f; font:10px system-ui,sans-serif; cursor:pointer; }
.featured article { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:10px; align-items:center; padding:9px 1px; border-top:1px solid rgba(100,79,57,.09); }
.resource-thumb { display:grid; place-items:center; width:48px; height:48px; border-radius:8px; background:linear-gradient(145deg,#ede4d5,#f8f0e1); border:1px solid rgba(100,79,57,.1); color:#687153; font-size:23px; }
.featured article strong { font:500 13px Georgia,serif; }
.featured article p { margin:3px 0; color:#706d65; font:9px/1.35 system-ui,sans-serif; }
.featured article small { color:#8a7662; font:8px system-ui,sans-serif; }
.featured article time { color:#80796f; font:8px system-ui,sans-serif; white-space:nowrap; }
.featured article>button { border:0; background:transparent; color:#69685b; font-size:18px; cursor:pointer; }
.resource-content>aside>a { display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:center; padding:9px 0; border-bottom:1px solid rgba(100,79,57,.08); color:inherit; text-decoration:none; }
.resource-content>aside>a>span { display:grid; place-items:center; width:28px; height:28px; border-radius:5px; background:#e8e2d4; color:#7a6d55; }
.resource-content>aside a strong,.resource-content>aside a small { display:block; }
.resource-content>aside a strong { font:500 11px Georgia,serif; }
.resource-content>aside a small { margin-top:2px; color:#79746b; font:8px system-ui,sans-serif; }
.resource-content>aside>button { margin-top:9px; }
.resource-tip { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; padding:9px 15px; border:1px solid rgba(93,92,55,.18); border-radius:12px; background:#74794f; color:#f8f1df; }
.resource-tip strong { font:500 13px Georgia,serif; }
.resource-tip span { font:9px system-ui,sans-serif; }
.resource-tip button { border:0; background:transparent; color:#f5dfb4; font:10px system-ui,sans-serif; cursor:pointer; }
.resource-empty { color:#777267; font:11px system-ui,sans-serif; }

/* --- Nova --- */
#screen-execution { max-width:1180px; margin:0 auto; }
.nova-workspace { display:grid; grid-template-columns:minmax(0,1.35fr) 285px; gap:15px; min-height:760px; }
.nova-conversation { position:relative; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(111,93,122,.16); border-radius:25px; background:rgba(253,248,241,.92); box-shadow:0 22px 58px rgba(85,65,72,.13); }
.nova-hero { min-height:132px; display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:start; padding:25px 27px; background:
  radial-gradient(circle at 75% 5%,rgba(255,255,255,.4),transparent 13rem),
  linear-gradient(135deg,#a99ab8,#b9a6c0 55%,#9685aa); color:#fffaf4; }
.nova-mark { display:grid; place-items:center; width:58px; height:58px; border-radius:50%; border:2px solid rgba(255,232,170,.7); background:#66608e; box-shadow:0 0 0 5px rgba(255,255,255,.1); font-size:27px; }
.nova-hero h2 { margin:2px 0 5px; font:500 31px/1 Georgia,serif; }
.nova-hero h2 span { color:#f0d494; }
.nova-hero p { margin:0; max-width:310px; color:#f7edf5; font:11px/1.5 system-ui,sans-serif; }
.nova-about { border:1px solid rgba(255,255,255,.23); border-radius:999px; padding:8px 12px; background:rgba(255,255,255,.08); color:#fff; font:10px system-ui,sans-serif; cursor:pointer; }
.nova-thread { flex:1; min-height:430px; padding:24px 30px 8px; background:linear-gradient(180deg,rgba(251,247,240,.95),rgba(250,244,237,.94)); overflow:auto; }
.nova-bubble { display:flex; gap:10px; max-width:78%; margin:0 0 12px; }
.nova-bubble>span { flex:0 0 28px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#6f6994; color:#fff; }
.nova-bubble>div { padding:11px 14px; border-radius:12px; background:#fbf8f2; border:1px solid rgba(100,81,76,.08); box-shadow:0 4px 14px rgba(76,59,60,.05); }
.nova-bubble p { margin:0 0 5px; color:#514e48; font:11px/1.55 system-ui,sans-serif; }
.nova-bubble p:last-child { margin-bottom:0; }
.nova-bubble small { color:#8b857c; font:8px system-ui,sans-serif; }
.nova-bubble h3 { margin:0 0 5px; font:500 15px Georgia,serif; color:#58515f; }
.nova-wayfinder-note { margin-left:38px; opacity:.94; }
.nova-bubble-user { margin-left:auto; justify-content:flex-end; }
.nova-bubble-user>div { background:#ebe3f1; border-color:rgba(131,102,143,.09); }
.nova-composer { margin:0 30px 19px; padding:0; border:0; box-shadow:none; background:transparent; }
.nova-request-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.nova-composer-row { display:flex; align-items:flex-end; gap:7px; padding:7px 7px 7px 13px; border:1px solid rgba(113,94,123,.12); border-radius:14px; background:#e8dfed; box-shadow:inset 0 1px rgba(255,255,255,.7); }
.nova-composer .nova-composer-row textarea { flex:1; min-height:48px; max-height:120px; border:0; padding:8px 0; outline:0; resize:vertical; background:transparent; color:#514d53; font:11px/1.4 system-ui,sans-serif; }
.nova-composer .execution-submit { flex:0 0 35px; width:35px; height:35px; padding:0; border-radius:50%; background:#8e7aa3; color:#fff; }
.nova-routing-details { margin:7px 3px 0; color:#766f79; }
.nova-routing-details summary { cursor:pointer; font:9px system-ui,sans-serif; }
.nova-routing-details .execution-fields { margin:7px 0 0; }
.nova-routing-details label { font:600 9px system-ui,sans-serif; }
.nova-routing-details input,.nova-routing-details select { padding:7px 9px; background:#fffaf7; font-size:9px; }
.nova-composer-help { margin:7px 4px 0; color:#8b828c; font:8px system-ui,sans-serif; text-align:center; }
.nova-lane-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:0 30px 21px; }
.nova-lane-guide .lane-guide-card { min-height:52px; padding:8px 10px; background:rgba(251,247,241,.8); box-shadow:none; }
.nova-lane-guide .lane-guide-card span { font-size:16px; }
.nova-lane-guide .lane-guide-card strong { font:600 9px system-ui,sans-serif; }
.nova-lane-guide .lane-guide-card p { font-size:8px; }
.nova-tray { align-self:start; overflow:hidden; border:1px solid rgba(106,86,73,.13); border-radius:19px; background:rgba(252,247,239,.93); box-shadow:var(--work-shadow-soft); }
.nova-tray>header { display:flex; justify-content:space-between; align-items:center; padding:17px 18px; border-bottom:1px solid rgba(100,79,57,.09); }
.nova-tray>header h3 { margin:0; color:#766288; font:500 17px Georgia,serif; }
.nova-tray>header button { border:0; background:transparent; color:#a58460; cursor:pointer; }
.nova-tray>section { padding:14px 15px; border-bottom:1px solid rgba(100,79,57,.09); }
.nova-tray-title { display:flex; justify-content:space-between; color:#8c739e; font:500 11px Georgia,serif; }
.nova-tray-title strong { display:grid; place-items:center; width:19px; height:19px; border-radius:50%; border:1px solid rgba(128,106,143,.15); font:600 8px system-ui,sans-serif; }
.nova-tray section>article { display:grid; grid-template-columns:auto 1fr auto; gap:8px; align-items:center; padding:11px 0; border-bottom:1px solid rgba(100,79,57,.07); }
.tray-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:5px; background:#ece3f2; color:#8e76a1; }
.nova-tray article strong,.nova-tray article small { display:block; }
.nova-tray article strong { font:600 9px/1.25 system-ui,sans-serif; }
.nova-tray article small { margin-top:2px; color:#837c76; font:7.5px/1.25 system-ui,sans-serif; }
.nova-tray article i { display:block; width:72px; height:3px; margin-top:7px; border-radius:999px; background:linear-gradient(90deg,#937daa var(--progress),#ddd4df var(--progress)); }
.nova-tray article em { font:normal 8px system-ui,sans-serif; color:#777077; }
.tray-output { width:100%; display:grid; grid-template-columns:auto 1fr; gap:8px; margin-top:9px; padding:9px; border:1px solid rgba(100,79,57,.08); border-radius:8px; background:#fbf8f2; color:inherit; text-align:left; cursor:pointer; }
.tray-output>span { color:#7e7ab0; }
.tray-output strong,.tray-output small { display:block; }
.tray-output strong { font:600 9px system-ui,sans-serif; }
.tray-output small { margin-top:2px; color:#817b73; font:8px system-ui,sans-serif; }
.nova-tray label { display:flex; align-items:center; gap:7px; margin-top:9px; color:#67615d; font:9px system-ui,sans-serif; }
.nova-tray footer { padding:11px 15px; color:#8a847a; font:8px/1.4 system-ui,sans-serif; }
#execution-result .execution-result-card { margin:8px 0 14px 38px; max-width:86%; border-radius:12px; background:#f7f1e8; box-shadow:none; }
#execution-result .lane-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#execution-result .lane-card-grid div { background:rgba(148,127,163,.08); }

/* --- Boring mode stays intentionally boring --- */
html[data-presentation="boring"] body { background:#fff !important; }
html[data-presentation="boring"] body::before { display:none !important; }
html[data-presentation="boring"] .work-rail-brand::before,html[data-presentation="boring"] .work-rail-brand::after,html[data-presentation="boring"] .work-rail-note { display:none; }
html[data-presentation="boring"] .work-question-card,html[data-presentation="boring"] .today-next-card,html[data-presentation="boring"] .today-tray,html[data-presentation="boring"] .projects-overview>*:not(.projects-heading),html[data-presentation="boring"] .work-notebook-shell,html[data-presentation="boring"] .resources-page,html[data-presentation="boring"] .nova-conversation,html[data-presentation="boring"] .nova-tray { background:#fff; box-shadow:none; border-radius:2px; }
html[data-presentation="boring"] .nova-hero { background:#fff; color:#111; border-bottom:1px solid #aaa; }
html[data-presentation="boring"] .nova-hero p { color:#333; }
html[data-presentation="boring"] .nova-mark { border-radius:2px; background:#fff; color:#111; border:1px solid #777; box-shadow:none; }

/* --- Responsive fallback: the same botanical family, simpler structure --- */
@media (max-width:1023px) {
  .haven-app { width:100%; max-width:700px; }
  .work-rail-brand,.work-rail-note { display:none; }
  .work-rail-primary,.work-rail-support { display:contents; }
  .haven-nav { overflow-x:auto; justify-content:flex-start; }
  .haven-nav .nav-item { flex:0 0 78px; min-width:78px; }
  .haven-header .haven-brand-lockup .shell-eyebrow { display:none; }
  .haven-header .haven-wordmark { font-size:19px; }
  .haven-header .haven-art-axis { display:none; }
  .haven-header .haven-crest { display:none; }
  .deep-view { display:none; }
  body[data-active-screen="warden"] .deep-view { display:block; }
  .work-question-card { padding-inline:18px; }
  .today-next-card { grid-template-columns:1fr; padding-bottom:67px; }
  .today-paper-checklist { max-width:340px; width:100%; justify-self:center; }
  .today-tray { grid-template-columns:1fr; }
  .today-tray>article { border-right:0; border-bottom:1px solid var(--work-line); }
  .today-tray>article:last-child { border-bottom:0; }
  .project-stat-row { grid-template-columns:1fr 1fr; }
  .projects-board { grid-template-columns:1fr; }
  .project-suggestions { grid-template-columns:1fr; }
  .project-suggestions>div { grid-template-columns:1fr; }
  .project-suggestions button { border-left:0; border-top:1px solid rgba(97,77,52,.1); }
  .work-notebook-shell { grid-template-columns:150px minmax(0,1fr); }
  .notebook-context { display:none; }
  .notebook-outputs { grid-template-columns:1fr 1fr; }
  .browse-categories>div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .resource-content { grid-template-columns:1fr; }
  .nova-workspace { grid-template-columns:1fr; }
  .nova-tray { display:none; }
}

@media (max-width:640px) {
  .haven-screen { padding:14px 12px 125px; }
  .header-actions .runtime-mode,.header-actions .sync-status,.header-actions a.shell-action { display:none; }
  .work-today { gap:11px; }
  .work-question-card { border-radius:18px; }
  .today-next-card { border-radius:18px; padding:19px 17px 64px; }
  .today-continue { right:17px; bottom:17px; }
  .project-stat-row { gap:8px; }
  .projects-heading { display:grid; }
  .projects-heading>button { justify-self:start; }
  .project-attention>article { grid-template-columns:auto 1fr; }
  .project-attention-action { grid-column:2; grid-row:2; display:flex; justify-self:start; }
  .work-notebook-shell { min-height:690px; display:block; border-radius:15px; }
  .notebook-pages { padding:10px; border-right:0; border-bottom:1px solid var(--work-line); }
  .notebook-page-list { display:flex; overflow:auto; }
  .notebook-page-list button { min-width:145px; }
  .notebook-topbar { grid-template-columns:1fr auto; padding:8px 12px; }
  .notebook-topbar nav { grid-column:1/-1; grid-row:2; }
  .notebook-paper { padding:28px 18px 18px; }
  .notebook-paper textarea { height:320px; }
  .notebook-outputs { grid-template-columns:1fr; }
  .resource-search { grid-template-columns:1fr 42px; }
  .resource-search select { grid-column:1; grid-row:2; min-height:38px; border-left:0; border-top:1px solid rgba(100,79,57,.1); }
  .resource-search>[data-resource-go] { grid-column:2; grid-row:1/3; }
  .resource-search .popular { grid-row:3; }
  .browse-categories>div { display:flex; overflow:auto; }
  .browse-categories button { flex:0 0 150px; }
  .featured article { grid-template-columns:auto 1fr auto; }
  .featured article time { display:none; }
  .nova-workspace { min-height:680px; }
  .nova-conversation { border-radius:18px; }
  .nova-hero { grid-template-columns:auto 1fr; padding:19px; }
  .nova-about { display:none; }
  .nova-thread { padding:18px 16px 6px; }
  .nova-bubble { max-width:92%; }
  .nova-wayfinder-note { margin-left:0; }
  .nova-composer { margin:0 15px 15px; }
  .nova-lane-guide { grid-template-columns:1fr; margin:0 15px 15px; }
  .nova-routing-details .execution-fields { grid-template-columns:1fr; }
  #execution-result .execution-result-card { margin-left:0; max-width:100%; }
}

@media(prefers-reduced-motion:reduce) {
  .haven-nav .nav-item { transition:none; }
  .haven-nav .nav-item:hover { transform:none; }
}

/* Compatibility depth: the new Today surface stays first; the full Haven home remains below the first-view experience. */
.today-deeper-haven { margin-top:92px; padding-top:28px; border-top:1px solid rgba(102,84,58,.12); }
.today-deeper-haven::before { content:"Deeper Haven"; display:block; margin:0 0 14px; color:#7b725f; font:500 17px/1 Georgia,serif; }
.projects-overview { min-height:690px; align-content:start; }
.resident-art-pending { opacity:.7; }
@media(max-width:720px){ .today-deeper-haven { margin-top:54px; } .projects-overview { min-height:0; } }

.project-attention-copy .project-attention-title { display:block; margin:0; font:500 18px/1.15 Georgia,serif; }
@media(min-width:821px){
  .project-workbench .workhub-office-shell{display:grid;grid-template-columns:minmax(10rem,.28fr) minmax(0,1fr)}
  .project-workbench .workhub-office-window{display:block}
  .project-workbench .workhub-office-frame{padding:clamp(.55rem,1.1vw,.9rem);border-radius:28px;background:linear-gradient(135deg,#473227 0%,#8a7049 15%,#4d3528 31%,#a58a5b 49%,#4a3428 67%,#866d48 85%,#3f2d25 100%);box-shadow:0 22px 55px rgba(29,22,17,.24),inset 0 0 0 3px rgba(234,211,150,.3),inset 0 0 0 8px rgba(54,38,29,.45)}
  .project-workbench .workhub-office-frame::before{display:block}
  .project-workbench .frame-corner{display:block}
}
@media(max-width:820px){.project-workbench .workhub-office-window{display:none}}
html[data-presentation="boring"] .deep-view { display:block !important; }
.today-rhythm-compat { display:flex; justify-content:center; min-height:20px; }
.today-rhythm-compat .checkin-status-row { margin:0; padding:0; gap:10px; }
.today-rhythm-compat .checkin-pip { padding:3px 8px; background:rgba(251,247,239,.52); border-radius:999px; opacity:.7; }
@media (min-width:1024px) {
  .haven-header .haven-brand-lockup { display:block; position:absolute; left:28px; top:24px; }
  .haven-header .haven-brand-lockup .shell-eyebrow,.haven-header .haven-brand-lockup .haven-art-axis,.haven-header .haven-brand-lockup .haven-crest { display:none; }
  .haven-header .haven-brand-lockup .haven-wordmark { margin:0; font:500 12px/1 Georgia,serif; letter-spacing:.08em; color:rgba(66,68,53,.58); text-transform:uppercase; }
}
.legacy-realm-landing { margin:0 0 18px; padding:14px 16px; border:1px solid rgba(102,84,58,.1); border-radius:14px; background:rgba(251,247,239,.55); }
.legacy-realm-landing h2 { margin:0 0 10px; font:500 20px/1.1 Georgia,serif; color:#55584a; }
.legacy-realm-landing>div { display:flex; flex-wrap:wrap; gap:8px; }
.legacy-realm-landing button { border:1px solid rgba(91,84,61,.14); border-radius:999px; padding:7px 11px; background:#f7f0e6; color:#5d604f; font:600 10px system-ui,sans-serif; cursor:pointer; }
@media (min-width:760px) {
  .header-actions [data-focus-toggle] {
    min-width:154px; min-height:46px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
    gap:2px; padding:7px 14px 7px 38px; position:relative; border-radius:15px; font-size:0; background:rgba(255,252,247,.88);
  }
  .header-actions [data-focus-toggle]::before { content:"☀  Focus time"; font:600 11px/1.15 system-ui,sans-serif; color:#4e5144; }
  .header-actions [data-focus-toggle]::after { content:"One thing at a time"; font:9px/1.15 system-ui,sans-serif; color:#847e71; }
  .header-actions [data-focus-toggle][aria-pressed="true"]::before { content:"◌  Focus view"; }
  .header-actions [data-focus-toggle][aria-pressed="true"]::after { content:"Show all when ready"; }
  .header-actions [data-focus-toggle] { background-image:radial-gradient(circle at 18px 50%,rgba(187,145,75,.18) 0 10px,transparent 11px); }
}

@media (min-width:1180px) {
  .haven-main { position:relative; isolation:isolate; }
  .haven-main::after { content:""; position:fixed; z-index:0; right:0; top:72px; width:118px; height:calc(100dvh - 72px); background:url("./assets/workhub-side-botanical.svg") right center/118px auto no-repeat; opacity:.58; pointer-events:none; }
  .haven-screen { position:relative; z-index:1; }
}
html[data-presentation="boring"] .haven-main::after { display:none; }
/* Prevent intrinsic-content sizing from pushing the responsive grid off-canvas. */
.work-today,.resources-page { grid-template-columns:minmax(0,1fr); min-width:0; width:100%; box-sizing:border-box; }
.work-today>*,.resources-page>* { min-width:0; max-width:100%; box-sizing:border-box; }
.work-question-card,.today-next-card,.today-tray,.resource-search,.browse-categories,.resource-content { min-width:0; width:100%; max-width:100%; box-sizing:border-box; }
@media(max-width:640px){
  .work-today-greeting { width:100%; }
  .work-question-card { margin-inline:0; }
  .resource-search { grid-template-columns:minmax(0,1fr) 42px; }
  .resource-search label,.resource-search input,.resource-search select,.popular { min-width:0; }
  .resource-content>.featured,.resource-content>aside { min-width:0; max-width:100%; }
  .featured article { min-width:0; }
  .featured article>div { min-width:0; }
  .featured article strong,.featured article p { overflow-wrap:anywhere; }
}

/* Room-to-room atmosphere: same house, distinct rooms. */
body[data-active-screen="execution"] {
  background-image:
    radial-gradient(circle at 78% 13%,rgba(247,231,255,.38),transparent 22rem),
    linear-gradient(rgba(238,230,242,.54),rgba(242,232,224,.62)),
    url("./assets/workhub-botanical-room.svg"),
    linear-gradient(135deg,#d8ccdb,#eee2dc 52%,#d9d4c3);
}
body[data-active-screen="notebook"] {
  background-image:
    radial-gradient(circle at 82% 16%,rgba(247,214,192,.34),transparent 22rem),
    linear-gradient(rgba(245,235,225,.52),rgba(240,229,218,.62)),
    url("./assets/workhub-botanical-room.svg"),
    linear-gradient(135deg,#e2d4c4,#f2e9df 54%,#d9dcc8);
}
body[data-active-screen="resources"] {
  background-image:
    radial-gradient(circle at 80% 14%,rgba(255,243,188,.32),transparent 24rem),
    linear-gradient(rgba(244,239,226,.45),rgba(237,238,222,.58)),
    url("./assets/workhub-botanical-room.svg"),
    linear-gradient(135deg,#e6ddca,#f5eee2 48%,#dde3d0);
}
body[data-active-screen="harmony"] {
  background-image:
    radial-gradient(circle at 72% 12%,rgba(255,236,185,.28),transparent 24rem),
    linear-gradient(rgba(246,239,225,.48),rgba(239,235,219,.62)),
    url("./assets/workhub-botanical-room.svg"),
    linear-gradient(135deg,#e2d7c3,#f5eee1 48%,#dce2cf);
}
html[data-presentation="boring"] body[data-active-screen] { background:#fff !important; }

/* Canonical production deploy marker · Work Hub botanical immersion · 2026-08-17 */

/* Production closure synchronized after READY verification · 2026-08-17 */