/* ════════════════════════════════════════════════════════════════
   Inner Work, Reframe and Beliefs (2026-11-04). The same world as Patterns: soft bubbles in the palette, serif words,
   paper cards for what opens. Reframe shows each thought beside its gentler version, its grip easing from one bubble
   to a smaller one; Beliefs draws each belief on its map as a bubble sized by how hard it grips.
   ════════════════════════════════════════════════════════════════ */

/* ── Reframe: the header ── */
#section-innerwork #iw-reframe .rf-sub { font: 400 17px/1.5 var(--serif); color: var(--ink-soft); }
#section-innerwork #iw-reframe .rf-btn { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 0; font: 500 13px var(--sans); }
#section-innerwork #iw-reframe .rf-btn-pastel { background: transparent; color: var(--ink); border: 1px solid var(--border); }
#section-innerwork #iw-reframe .rf-btn-pastel:hover { border-color: color-mix(in srgb, var(--purple) 40%, var(--border)); background: transparent; }
#section-innerwork #iw-reframe .rf-tab { font: 400 17px var(--serif); padding-bottom: 10px; }
#section-innerwork #iw-reframe .rf-tab .bi { display: none; }
#section-innerwork #iw-reframe .rf-tab.on { color: var(--ink); border-bottom-color: var(--ink); }

/* ── Reframe: Your Reframes as cards, month by month ── */
#section-innerwork #iw-reframe .rf-month { margin: 26px 0 0; }
#section-innerwork #iw-reframe .rf-month:first-child { margin-top: 18px; }
#section-innerwork #iw-reframe .rf-month-h { margin: 0 0 12px; font: 500 20px/1.2 var(--serif); letter-spacing: -.01em; color: var(--ink-soft); }
#section-innerwork #iw-reframe .rf-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
#section-innerwork #iw-reframe .rf-card { --c: var(--purple); position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 190px; padding: 18px 18px 14px; text-align: left; cursor: pointer;
  background: color-mix(in srgb, var(--c) 6%, var(--bg)); border: 1px solid color-mix(in srgb, var(--c) 26%, var(--border)); border-radius: 0;
  transition: border-color .2s ease, box-shadow .28s ease; animation: asPageIn .4s ease both; animation-delay: calc(var(--i, 0) * 35ms); }
#section-innerwork #iw-reframe .rf-card::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--c); opacity: .8; }
#section-innerwork #iw-reframe .rf-card:hover { border-color: color-mix(in srgb, var(--c) 50%, var(--border)); box-shadow: 0 14px 30px -20px color-mix(in srgb, var(--c) 65%, transparent); }
#section-innerwork #iw-reframe .rf-card:focus-visible { outline: 2px solid var(--c); outline-offset: 2px; }
#section-innerwork #iw-reframe .rf-card.st-eased { --c: var(--sage); }
#section-innerwork #iw-reframe .rf-card.st-heavy { --c: var(--amber); }
#section-innerwork #iw-reframe .rf-card.st-logged { --c: var(--ocean); }
#section-innerwork #iw-reframe .rf-card.st-worked { --c: var(--purple); }
/* the grip: one bubble as heavy as the thought was, then one as heavy as it is now */
#section-innerwork #iw-reframe .rf-grip { display: flex; align-items: center; gap: 10px; min-height: 48px; }
#section-innerwork #iw-reframe .rf-grip .g { display: block; width: var(--s); height: var(--s); border-radius: 50%; flex: 0 0 auto;
  --v: oklch(from var(--c) calc(l + .04) calc(c * 1.5) h);
  background: radial-gradient(circle at 36% 30%, color-mix(in srgb, var(--v) 22%, white), var(--v) 64%, color-mix(in srgb, var(--v) 82%, black));
  box-shadow: 0 0 16px color-mix(in srgb, var(--v) 40%, transparent); }
#section-innerwork #iw-reframe .rf-grip .g.a { opacity: .78; }
#section-innerwork #iw-reframe .rf-grip .ar { font-size: 12px; color: var(--muted); }
#section-innerwork #iw-reframe .rf-card-th { font: italic 400 18px/1.4 var(--serif); color: var(--ink); }
#section-innerwork #iw-reframe .rf-card-to { font: 400 17px/1.45 var(--serif); color: var(--ink-soft); }
#section-innerwork #iw-reframe .rf-card-to::before { content: ''; display: block; width: 28px; height: 1px; margin: 2px 0 9px; background: var(--c); }
#section-innerwork #iw-reframe .rf-card-w { font: italic 400 15px/1.4 var(--serif); color: color-mix(in srgb, var(--c) 45%, var(--muted)); }
#section-innerwork #iw-reframe .rf-card-d { margin-top: auto; padding-top: 6px; font: 400 14px var(--serif); color: var(--muted); }

/* ── Beliefs: the map's beliefs as bubbles sized by their grip, their words beside them ── */
#section-innerwork #iw-beliefs .fw-card { width: auto; max-width: 250px; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; align-items: center;
  padding: 8px 12px 8px 8px; background: color-mix(in srgb, var(--bg) 70%, transparent); border: 1px solid transparent; border-radius: 0; transition: border-color .2s ease, background .2s ease; }
#section-innerwork #iw-beliefs .fw-card:hover { border-color: var(--border-light); background: var(--bg); }
#section-innerwork #iw-beliefs .fw-card.fw-core { width: auto; max-width: 290px; border-color: transparent; }
#section-innerwork #iw-beliefs .fw-card.fw-sel { outline: 0; border-color: color-mix(in srgb, var(--bcol) 45%, var(--border)); background: var(--bg); }
#section-innerwork #iw-beliefs .fw-card { --bcol: var(--ocean); }
#section-innerwork #iw-beliefs .fw-card.st-firm { --bcol: var(--purple); }
#section-innerwork #iw-beliefs .fw-card.st-loose { --bcol: var(--ocean); }
#section-innerwork #iw-beliefs .fw-card.st-soft { --bcol: var(--sage); }
#section-innerwork #iw-beliefs .fw-bub { grid-row: 1 / span 2; display: block; width: calc(22px + var(--g) * .44px); height: calc(22px + var(--g) * .44px); border-radius: 50%;
  --v: oklch(from var(--bcol) calc(l + .06) calc(c * 1.35) h);
  background: radial-gradient(circle at 36% 30%, color-mix(in srgb, var(--v) 22%, white), var(--v) 64%, color-mix(in srgb, var(--v) 82%, black));
  box-shadow: 0 0 22px color-mix(in srgb, var(--v) 42%, transparent); transition: box-shadow .25s ease; }
#section-innerwork #iw-beliefs .fw-core .fw-bub { box-shadow: 0 0 0 3px var(--bg), 0 0 0 4.5px color-mix(in srgb, var(--v) 55%, transparent), 0 0 26px color-mix(in srgb, var(--v) 45%, transparent); }
#section-innerwork #iw-beliefs .fw-card-text { margin: 0; font: italic 400 15.5px/1.38 var(--serif); }
#section-innerwork #iw-beliefs .fw-core .fw-card-text { font-size: 17.5px; font-style: normal; }
#section-innerwork #iw-beliefs .fw-card-state { margin-top: 3px; padding: 0; border: 0; display: block; font: italic 400 13.5px var(--serif); letter-spacing: 0; text-transform: none; color: color-mix(in srgb, var(--bcol) 55%, var(--muted)); }
#section-innerwork #iw-beliefs .fw-card-state::before { display: none; }
#section-innerwork #iw-beliefs .fw-linklab { background: var(--bg); border: 0; padding: 0 6px; font-size: 13.5px; color: var(--muted); }
#section-innerwork #iw-beliefs .fw-line { stroke: color-mix(in srgb, var(--ink) 34%, transparent); stroke-width: 1.2; }
#section-innerwork #iw-beliefs .fw-canvas { background: color-mix(in srgb, var(--purple) 2%, var(--bg)); }
#section-innerwork #iw-beliefs .fw-note-k { font: italic 400 13px var(--serif); letter-spacing: 0; text-transform: none; color: var(--muted); }
#section-innerwork #iw-beliefs .fw-lead { font: 400 17px/1.5 var(--serif); font-style: normal; color: var(--ink-soft); }
#section-innerwork #iw-beliefs .fw-btn { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 0; font: 500 13px var(--sans); }
#section-innerwork #iw-beliefs .fw-btn-ghost { background: transparent; color: var(--ink); border: 1px solid var(--border); }
@media (prefers-reduced-motion: reduce) { #section-innerwork #iw-reframe .rf-card { animation: none; } }

/* ── Reframe: a record's labels are serif headings, not tiny tracked capitals ── */
#section-innerwork #iw-reframe .rf-viewkick, #section-innerwork #iw-reframe .rf-vlabel, #section-innerwork #iw-reframe .rf-step, #section-innerwork #iw-reframe .rf-seam-l, #section-innerwork #iw-reframe .rf-li-tag, #section-innerwork #iw-reframe .rf-li-st, #section-innerwork #iw-reframe .rf-li-hab {
  font-family: var(--serif); font-weight: 400; letter-spacing: 0; text-transform: none; }
#section-innerwork #iw-reframe .rf-viewkick { font-size: 16px; font-style: italic; color: var(--muted); }
#section-innerwork #iw-reframe .rf-vlabel { font-size: 18px; font-weight: 500; color: var(--ink-soft); margin-bottom: 6px; }
#section-innerwork #iw-reframe .rf-step { font-size: 15px; font-style: italic; color: var(--muted); }
#section-innerwork #iw-reframe .rf-seam-l, #section-innerwork #iw-reframe .rf-li-tag, #section-innerwork #iw-reframe .rf-li-st, #section-innerwork #iw-reframe .rf-li-hab { font-size: 14px; font-style: italic; }
#section-innerwork #iw-reframe .rf-vthought { font: italic 400 22px/1.45 var(--serif); color: var(--ink); }
#section-innerwork #iw-reframe .rf-vfelt { font: italic 400 15.5px var(--serif); color: var(--muted); }
#section-innerwork #iw-reframe .rf-btn-ghost { background: transparent; color: var(--ink); border: 1px solid var(--border); }
#section-innerwork #iw-reframe .rf-vdelete { margin-top: 14px; color: var(--ink-soft); }
#section-innerwork #iw-reframe .rf-vdelete:hover { border-color: color-mix(in srgb, var(--amber) 55%, var(--border)); }
#section-innerwork #iw-reframe .rf-back { font: 400 15px var(--serif); }

/* ═══ Inner Work in the Studio's frame (2026-11-04, 32-innerwork-frame.js) ═══ */
#section-innerwork.iwf-on .iw-hero { display: none !important; }
#section-innerwork.iwf-on .iw-nav { display: flex; align-items: center; gap: 24px; margin: 0 0 12px; padding: 2px 4px 12px 6px; border-bottom: 1px solid var(--border); }
#section-innerwork.iwf-on .iw-nav .iw-tab { padding: 4px 0 5px; border: 0; border-bottom: 1.5px solid transparent; background: none; font: 400 19px var(--serif); letter-spacing: 0; text-transform: none; color: var(--muted); cursor: pointer; transition: color .24s ease, border-color .24s ease; }
#section-innerwork.iwf-on .iw-nav .iw-tab:hover { color: var(--ink); }
#section-innerwork.iwf-on .iw-nav .iw-tab.active { color: var(--ink); border-bottom-color: var(--purple); }
#section-innerwork.iwf-on .iw-nav .iwf-meter { margin-left: auto; width: 220px !important; }
/* Reframe's frame: the directory, the module in a paper frame, the side panel when one is open, the rail */
#section-innerwork #iw-reframe.active { overflow: hidden !important; }
#section-innerwork .iwf { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 12px; height: 100%; min-height: 0; }
#section-innerwork .iwf-dir, #section-innerwork .iwf-side, #section-innerwork .iwf-center { min-height: 0; background: color-mix(in srgb, var(--ink) 2%, var(--bg)); border: 1px solid var(--border-light); }
#section-innerwork .iwf-center { background: var(--bg); border-color: var(--border); overflow: hidden; display: flex; flex-direction: column; }
#section-innerwork .iwf-center > #reframeShell, #section-innerwork .iwf-center > #examineShell { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 18px 22px 26px; scrollbar-width: thin; }
#section-innerwork .iwf-dir { display: flex; flex-direction: column; overflow: hidden; }
#section-innerwork .iwf-dhead, #section-innerwork .iwf-shead { display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 8px 16px; }
#section-innerwork .iwf-h { margin: 0; font: 400 19px var(--serif); color: var(--ink); }
#section-innerwork .iwf-ib { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid transparent; background: none; color: var(--ink-soft); font-size: 15px; cursor: pointer; }
#section-innerwork .iwf-ib:hover { color: var(--ink); border-color: var(--border); }
#section-innerwork .iwf-side { display: flex; flex-direction: column; overflow: hidden; }
#section-innerwork .iwf-side[hidden] { display: none; }
#section-innerwork .iwf-sbody { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 4px 16px 18px; }
#section-innerwork .iwf-sec { padding: 10px 0 14px; border-bottom: 1px solid var(--border-light); }
#section-innerwork .iwf-sec:last-child { border-bottom: 0; }
#section-innerwork .iwf-sec h4 { margin: 0 0 6px; font: 500 16.5px var(--serif); color: var(--ink); }
#section-innerwork .iwf-sec p { margin: 0; font: 400 15.5px/1.5 var(--serif); color: var(--ink-soft); }
#section-innerwork .iwf-sec p.lead { font-size: 17px; color: var(--ink); margin-bottom: 4px; }
#section-innerwork .iwf-link { display: flex; flex-direction: column; gap: 2px; width: 100%; margin: 6px 0 0; padding: 8px 10px; text-align: left; border: 1px solid var(--border-light); background: var(--bg); cursor: pointer; }
#section-innerwork .iwf-link:hover { border-color: var(--border); }
#section-innerwork .iwf-link .t { font: italic 400 15.5px/1.4 var(--serif); color: var(--ink); }
#section-innerwork .iwf-link .w { font: 400 13.5px var(--serif); color: var(--muted); }
#section-innerwork .iwf-wait, #section-innerwork .iwf-empty { margin: 10px 16px; font: italic 400 15px var(--serif); color: var(--muted); }
#section-innerwork .iwf-start { text-align: center; padding: 34px 12px; color: var(--muted); }
#section-innerwork .iwf-start .bi { font-size: 22px; }
#section-innerwork .iwf-start h4 { margin: 10px 0 4px; font: 400 18px var(--serif); color: var(--ink); }
#section-innerwork .iwf-start p { margin: 0; font: 400 15px/1.45 var(--serif); }
/* the rail: the Studio's cards */
#section-innerwork .iwf-rail { display: flex; flex-direction: column; gap: 8px; }
#section-innerwork .iwf-rail button { display: flex; align-items: center; gap: 8px; width: 100%; height: 34px; padding: 0 12px 0 9px; border: 1px solid var(--border); border-left: 3px solid var(--rc); background: color-mix(in srgb, var(--ink) 2%, var(--bg)); color: var(--ink); font: 500 11.5px var(--sans); letter-spacing: .02em; cursor: pointer; }
#section-innerwork .iwf-rail button .bi { color: var(--rc); font-size: 14px; }
#section-innerwork .iwf-rail button:hover { background: color-mix(in srgb, var(--rc) 12%, var(--bg)); }
#section-innerwork .iwf-rail button.on { background: var(--rc); color: var(--bg); }
#section-innerwork .iwf-rail button.on .bi { color: var(--bg); }
/* the directory: folders and reframes, as in the Studio */
#section-innerwork .iwf-tree { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 2px 6px 12px; }
#section-innerwork .iwf-frow { position: relative; display: flex; align-items: center; min-height: 32px; padding: 0 4px; border: 1px solid transparent; }
#section-innerwork .iwf-frow:hover { background: color-mix(in srgb, var(--ink) 4%, transparent); }
#section-innerwork .iwf-frow.drop, #section-innerwork .iwf-root.drop { border-color: color-mix(in srgb, var(--purple) 45%, var(--border)); background: color-mix(in srgb, var(--purple) 7%, transparent); }
#section-innerwork .iwf-fold { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 7px; padding: 5px 2px; border: 0; background: none; text-align: left; cursor: pointer; font: 500 16px var(--serif); color: var(--ink); }
#section-innerwork .iwf-fold .car { font-size: 10px; color: var(--muted); transition: transform .2s ease; }
#section-innerwork .iwf-folder.open > .iwf-frow .car { transform: rotate(90deg); }
#section-innerwork .iwf-folder.narrowed > .iwf-frow { background: color-mix(in srgb, var(--purple) 8%, transparent); }
#section-innerwork .iwf-tree .fo { font-size: 15px; color: color-mix(in srgb, var(--gold) 70%, var(--muted)); }
#section-innerwork .iwf-fold .fn { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#section-innerwork .iwf-fact { display: flex; opacity: 0; transition: opacity .15s ease; }
#section-innerwork .iwf-frow:hover .iwf-fact, #section-innerwork .iwf-frow:focus-within .iwf-fact { opacity: 1; }
#section-innerwork .iwf-fact button { width: 24px; height: 24px; border: 0; background: none; color: var(--muted); font-size: 11.5px; cursor: pointer; }
#section-innerwork .iwf-fact button:hover { color: var(--ink); }
#section-innerwork .iwf-fname { flex: 1 1 auto; height: 28px; margin-left: 8px; font: 400 15.5px var(--serif); padding: 0 8px !important; }
#section-innerwork .iwf-folder > ul { display: none; list-style: none; margin: 0 0 4px 13px; padding: 0 0 0 10px; border-left: 1px solid var(--border-light); }
#section-innerwork .iwf-folder.open > ul { display: block; }
#section-innerwork .iwf-root { list-style: none; min-height: 40px; margin: 4px 0 0; padding: 2px 0 8px; border: 1px solid transparent; }
#section-innerwork .iwf-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 8px; min-height: 30px; padding: 4px 8px; cursor: pointer; }
#section-innerwork .iwf-row:hover { background: color-mix(in srgb, var(--ink) 4%, transparent); }
#section-innerwork .iwf-row.on { background: color-mix(in srgb, var(--purple) 9%, transparent); }
#section-innerwork .iwf-row .fi { font-size: 12.5px; color: var(--muted); }
#section-innerwork .iwf-row .t { font: italic 400 15px/1.3 var(--serif); color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#section-innerwork .iwf-row .d { font: 400 12.5px var(--serif); color: var(--muted); white-space: nowrap; }
#section-innerwork .iwf-none { padding: 4px 8px 6px; font: italic 400 14px var(--serif); color: var(--muted); }
/* the module inside: its own title and lead step aside; the toolbar carries the filters and the two ways in */
#section-innerwork #iw-reframe .rf-headrow, #section-innerwork #iw-reframe .rf-tabs { display: none; }
#section-innerwork #iw-reframe .rf-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 0 0 14px; border-bottom: 1px solid var(--border-light); }
#section-innerwork #iw-reframe .rf-bar-l, #section-innerwork #iw-reframe .rf-bar-r { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#section-innerwork #iw-reframe .rf-q { width: 260px; height: 36px; padding: 0 12px; border: 1px solid var(--border); background: var(--bg); font: 400 15.5px var(--serif); color: var(--ink); }
#section-innerwork #iw-reframe .rf-sel { height: 36px; padding: 0 10px; border: 1px solid var(--border); background: var(--bg); font: 500 12.5px var(--sans); color: var(--ink); }
#section-innerwork #iw-reframe .rf-fpill { gap: 8px; }
#section-innerwork #iw-reframe .rf-fpill .bi { font-size: 10px; }
#section-innerwork #iw-reframe .rf-split { display: block; }
#section-innerwork #iw-reframe .rf-home.split .rf-split { display: grid; grid-template-columns: minmax(250px, 34%) minmax(0, 1fr); gap: 24px; align-items: start; }
#section-innerwork #iw-reframe .rf-home.split .rf-cards { grid-template-columns: minmax(0, 1fr); gap: 10px; }
#section-innerwork #iw-reframe .rf-home.split .rf-card { min-height: 0; }
#section-innerwork #iw-reframe .rf-card.on { background: color-mix(in srgb, var(--c) 12%, var(--bg)); border-color: color-mix(in srgb, var(--c) 60%, var(--border)); }
#section-innerwork #iw-reframe .rf-pane { position: sticky; top: 0; padding: 16px 4px 0 24px; border-left: 1px solid var(--border-light); animation: acPaneIn .46s cubic-bezier(.16,1,.3,1) both; }
#section-innerwork #iw-reframe .rf-rhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
#section-innerwork #iw-reframe .rf-x { width: 32px; height: 32px; border: 1px solid transparent; background: none; color: var(--ink-soft); cursor: pointer; }
#section-innerwork #iw-reframe .rf-x:hover { border-color: var(--border); color: var(--ink); }
@keyframes acPaneIn { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { #section-innerwork #iw-reframe .rf-pane { animation: none; } }
body #section-innerwork.iwf-on .section-hero.iw-hero { display: none !important; }
#section-innerwork #iw-reframe .rf-bar .rf-sel, #section-innerwork #iw-reframe .rf-bar .rf-q { width: auto; flex: 0 0 auto; }
#section-innerwork #iw-reframe .rf-bar .rf-q { width: 260px; }
/* Beliefs in the same paper frame as the other two */
#section-innerwork.iwf-on #iw-beliefs.active { padding: 18px 22px; background: var(--bg); border: 1px solid var(--border); box-sizing: border-box; }
#section-innerwork.iwf-on #iw-beliefs .fw-title { display: none; }

/* ═══ Beliefs as a split view (2026-11-04): the map fills the frame; a picked belief, or a panel from the rail,
       opens beside it from the right, the way an entry opens beside the day in the Studio ═══ */
#section-innerwork.iwf-on #iw-beliefs.active { overflow: hidden !important; padding: 0; background: none; border: 0; }
#section-innerwork.iwf-on #iw-beliefs #frameworkShell { height: 100%; }
#section-innerwork #iw-beliefs .fw-wrap.fw-split { display: grid; grid-template-columns: minmax(0, 1fr) 136px; gap: 12px; height: 100%; min-height: 0; max-width: none; margin: 0; padding: 0; }
#section-innerwork #iw-beliefs .fw-wrap.fw-split.pane-on { grid-template-columns: minmax(0, 1fr) minmax(320px, 400px) 136px; }
#section-innerwork #iw-beliefs .fw-mapcol { display: flex; flex-direction: column; min-height: 0; padding: 14px 18px 18px; background: var(--bg); border: 1px solid var(--border); }
#section-innerwork #iw-beliefs .fw-mapcol .fw-head { margin: 0 0 12px; }
#section-innerwork #iw-beliefs .fw-mapcol .fw-maprow { align-items: center; }
#section-innerwork #iw-beliefs .fw-mapbody { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
#section-innerwork #iw-beliefs .fw-mapbody .fw-canvas, #section-innerwork #iw-beliefs .fw-mapbody .fw-empty { flex: 1 1 auto; height: auto; min-height: 260px; }
#section-innerwork #iw-beliefs .fw-mapcol .fw-toolbar { margin: 0 0 12px; }
#section-innerwork #iw-beliefs .fw-pane { display: flex; flex-direction: column; min-height: 0; background: var(--bg); border: 1px solid var(--border); animation: acPaneIn .46s cubic-bezier(.16,1,.3,1) both; }
#section-innerwork #iw-beliefs .fw-pane-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 12px 8px 18px; border-bottom: 1px solid var(--border-light); }
#section-innerwork #iw-beliefs .fw-pane-h h3 { margin: 0; font: 400 19px var(--serif); color: var(--ink); }
#section-innerwork #iw-beliefs .fw-pane-x { width: 32px; height: 32px; border: 1px solid transparent; background: none; color: var(--ink-soft); cursor: pointer; }
#section-innerwork #iw-beliefs .fw-pane-x:hover { border-color: var(--border); color: var(--ink); }
#section-innerwork #iw-beliefs .fw-pane-b { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 14px 18px 22px; scrollbar-width: thin; }
#section-innerwork #iw-beliefs .fw-pane-lead { margin: 0 0 14px; font: italic 400 15.5px/1.5 var(--serif); color: var(--muted); }
/* what used to sit below the map loses its own box inside the pane */
#section-innerwork #iw-beliefs .fw-pane-b .fw-detail, #section-innerwork #iw-beliefs .fw-pane-b .fw-noticed, #section-innerwork #iw-beliefs .fw-pane-b .fw-journal, #section-innerwork #iw-beliefs .fw-pane-b .fw-reading, #section-innerwork #iw-beliefs .fw-pane-b .fw-focus { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
#section-innerwork #iw-beliefs .fw-pane-b .fw-noticed-h, #section-innerwork #iw-beliefs .fw-pane-b .fw-journal-h { display: none; }
#section-innerwork #iw-beliefs .fw-pane-b .fw-noticed-s, #section-innerwork #iw-beliefs .fw-pane-b .fw-journal-s, #section-innerwork #iw-beliefs .fw-pane-b .fw-ev-li, #section-innerwork #iw-beliefs .fw-pane-b .fw-cand-ev { font-family: var(--serif); font-size: 15px; }
#section-innerwork #iw-beliefs .fw-pane-b .fw-focus-body { display: grid; gap: 14px; padding: 0; border: 0; }
#section-innerwork #iw-beliefs .fw-pane-b .fw-focus-body label { font: 400 15.5px var(--serif); color: var(--ink); }
#section-innerwork #iw-beliefs .fw-pane-b .fw-d-actions { flex-wrap: wrap; }
#section-innerwork #iw-beliefs .fw-pane-b .fw-d-actions .fw-sub { font-size: 15px; flex-basis: 100%; }
/* the rail, as in Reframe and the Studio */
#section-innerwork #iw-beliefs .fw-srail { display: flex; flex-direction: column; gap: 8px; min-height: 0; }
#section-innerwork #iw-beliefs .fw-srail button { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px 12px 11px; border: 1px solid var(--border-light); border-left: 1px solid color-mix(in srgb, var(--rc) 60%, var(--border)); background: color-mix(in srgb, var(--rc) 4%, var(--bg)); font: 400 15px/1.25 var(--serif); color: var(--ink); text-align: left; cursor: pointer; transition: background .2s ease, border-color .2s ease; }
#section-innerwork #iw-beliefs .fw-srail button .bi { font-size: 16px; color: var(--rc); }
#section-innerwork #iw-beliefs .fw-srail button:hover { background: color-mix(in srgb, var(--rc) 9%, var(--bg)); }
#section-innerwork #iw-beliefs .fw-srail button.on { background: color-mix(in srgb, var(--rc) 13%, var(--bg)); border-color: color-mix(in srgb, var(--rc) 55%, var(--border)); }
@media (max-width: 1100px) {
  #section-innerwork #iw-beliefs .fw-wrap.fw-split.pane-on { grid-template-columns: minmax(0, 1fr) 300px 110px; }
}
@media (max-width: 820px) {
  #section-innerwork.iwf-on #iw-beliefs.active { overflow-y: auto !important; }
  #section-innerwork #iw-beliefs .fw-wrap.fw-split, #section-innerwork #iw-beliefs .fw-wrap.fw-split.pane-on { grid-template-columns: 1fr; height: auto; }
  #section-innerwork #iw-beliefs .fw-mapbody .fw-canvas { min-height: 420px; }
  #section-innerwork #iw-beliefs .fw-srail { flex-direction: row; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { #section-innerwork #iw-beliefs .fw-pane { animation: none; } }

/* Reframe's foot: the Go Deeper bar, in the coach's shape */
#section-innerwork .iwf-deep { flex: 0 0 auto; padding: 10px 22px 14px; border-top: 1px solid var(--border-light); }
#section-innerwork .iwf-deep[hidden] { display: none; }
#section-innerwork .iwf-deep-pill { display: flex; align-items: center; gap: 12px; width: min(760px, 100%); margin: 0 auto; min-height: 48px; padding: 6px 7px 6px 18px; box-sizing: border-box; border: 1px solid var(--border); background: var(--bg); cursor: text; transition: border-color .2s ease; }
#section-innerwork .iwf-deep-pill:hover, #section-innerwork .iwf-deep-pill:focus-within { border-color: color-mix(in srgb, var(--purple) 40%, var(--border)); }
#section-innerwork .iwf-deep-pill > .bi { font-size: 16px; color: var(--purple); }
#section-innerwork .iwf-deep-pill textarea { flex: 1 1 auto; min-width: 0; min-height: 0; height: 32px; max-height: 120px; box-shadow: none; resize: none; border: 0; outline: 0; background: none; padding: 6px 0; font: italic 400 17px/1.4 var(--serif); color: var(--ink); }
#section-innerwork .iwf-deep-pill textarea::placeholder { color: var(--muted); }
#section-innerwork .iwf-deep-go { flex: 0 0 auto; width: 36px; height: 36px; border: 0; background: var(--champagne, var(--ink-soft)); color: var(--bg); cursor: pointer; }
#section-innerwork #iw-beliefs .fw-pane-b .fw-ev-h { margin: 16px 0 6px; font: 400 16.5px var(--serif); letter-spacing: 0; text-transform: none; color: var(--ink); }

/* ═══ Reframe, cleaned (2026-11-04): no rail; the toolbar holds its place while the cards and the open reframe
       scroll on their own; the search and the filters read as one quiet row ═══ */
#section-innerwork .iwf-center > #reframeShell:has(> .rf-home) { overflow: hidden; display: flex; flex-direction: column; padding-bottom: 0; }
#section-innerwork #iw-reframe .rf-home { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; max-width: none; margin: 0; padding: 0; }
#section-innerwork #iw-reframe .rf-home > .rf-bar { flex: 0 0 auto; flex-wrap: nowrap; padding: 0 0 14px; margin: 0; }
#section-innerwork #iw-reframe .rf-home > .rf-split { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 16px 2px 22px 0; scrollbar-width: thin; }
#section-innerwork #iw-reframe .rf-home.split > .rf-split { display: grid; grid-template-columns: minmax(250px, 36%) minmax(0, 1fr); gap: 24px; align-items: stretch; overflow: hidden; padding: 0; }
#section-innerwork #iw-reframe .rf-home.split .rf-list, #section-innerwork #iw-reframe .rf-home.split .rf-pane { min-height: 0; overflow-y: auto; scrollbar-width: thin; }
#section-innerwork #iw-reframe .rf-home.split .rf-list { padding: 16px 4px 22px 0; }
#section-innerwork #iw-reframe .rf-home.split .rf-pane { position: static; padding: 18px 6px 22px 24px; }
#section-innerwork #iw-reframe .rf-bar-l { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; gap: 8px; }
#section-innerwork #iw-reframe .rf-bar-r { flex: 0 0 auto; flex-wrap: nowrap; }
#section-innerwork #iw-reframe .rf-search { flex: 1 1 auto; min-width: 140px; max-width: 420px; display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px; box-sizing: border-box; border: 1px solid var(--border); background: var(--bg); cursor: text; transition: border-color .2s ease; }
#section-innerwork #iw-reframe .rf-search:focus-within { border-color: color-mix(in srgb, var(--purple) 45%, var(--border)); }
#section-innerwork #iw-reframe .rf-search .bi { font-size: 13px; color: var(--muted); }
#section-innerwork #iw-reframe .rf-bar .rf-search .rf-q { flex: 1 1 auto; width: auto; min-width: 0; height: 100%; padding: 0; border: 0 !important; outline: 0; background: none !important; box-shadow: none !important; font: 400 15.5px var(--serif); color: var(--ink); }
#section-innerwork #iw-reframe .rf-search .rf-q::-webkit-search-cancel-button { opacity: .5; }
#section-innerwork #iw-reframe .rf-bar .rf-sel { flex: 0 0 auto; width: auto; height: 38px !important; padding: 0 30px 0 12px !important; border: 1px solid var(--border) !important; border-radius: 0 !important; background-color: var(--bg) !important; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%) !important; background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50% !important; background-size: 5px 5px !important; background-repeat: no-repeat !important; -webkit-appearance: none; appearance: none !important; font: 500 13px var(--sans) !important; color: var(--ink) !important; cursor: pointer; }
#section-innerwork #iw-reframe .rf-bar .rf-sel:hover { border-color: color-mix(in srgb, var(--ink) 30%, var(--border)); }
#section-innerwork #iw-reframe .rf-bar .rf-btn { height: 38px; }
/* what the open reframe touches, under its actions */
#section-innerwork #iw-reframe .rf-vmore:empty { display: none; }
#section-innerwork #iw-reframe .rf-vmore { margin: 26px 0 4px; padding-top: 18px; border-top: 1px solid var(--border-light); display: grid; gap: 4px; max-width: 560px; }
/* the Go Deeper box: no field drawn inside the bar */
#section-innerwork .iwf-deep-pill textarea { border: 0 !important; background: none !important; box-shadow: none !important; overflow: hidden; }
@media (max-width: 1100px) { #section-innerwork #iw-reframe .rf-home > .rf-bar { flex-wrap: wrap; } }
#section-innerwork #iw-reframe .rf-split, #section-innerwork #iw-reframe .rf-list, #section-innerwork #iw-reframe .rf-pane, #section-innerwork .iwf-center > #reframeShell, #section-innerwork .iwf-center > #examineShell { scrollbar-color: color-mix(in srgb, var(--ink) 22%, transparent) transparent; }