/* Direction, North Star, path, roll-up, milestone. Extends signals.css + wiki.css.
   Status: lime dot = on track, hollow ring = at risk, coral = off track. */

.dr-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}
.dr-viewas{display:flex;align-items:center;gap:10px;margin-left:auto}
.dr-block{display:flex;flex-direction:column;gap:12px;min-width:0}
.dr-blockhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dr-blocknote{font-size:var(--fs-12);color:var(--text-tertiary)}
.dr-list{display:flex;flex-direction:column;gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--radius-md);overflow:hidden}
.dr-empty{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border:1px dashed var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-13);line-height:1.6;color:var(--text-tertiary)}
.dr-textbtn{background:transparent;border:0;padding:0;cursor:pointer;font-size:var(--fs-13);color:var(--text-secondary);border-bottom:1px solid var(--border-soft);white-space:nowrap}
.dr-textbtn:hover{color:var(--accent-ink);border-bottom-color:var(--accent-ink)}
.dr-kind{font-size:var(--fs-10);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}
.dr-kind.k-decision-open,.dr-kind.k-divergence{color:var(--text-primary)}
.dr-kind.k-decision-made{color:var(--accent-ink)}
.dr-kind.k-drift{color:var(--error-ink)}
.dr-code{font-size:var(--fs-11);color:var(--text-tertiary);flex:0 0 auto}
.dr-chips{display:flex;flex-wrap:wrap;gap:5px}
.dr-mschip{white-space:nowrap;flex:0 0 auto;font-size:var(--fs-11);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:2px 7px;cursor:pointer;transition:color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease)}
.dr-mschip:hover{color:var(--text-primary);border-color:var(--border-strong)}
.dr-mschip.static{cursor:default}
.dr-pagelink{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:0;cursor:pointer;font-size:var(--fs-13);color:var(--text-secondary);border-bottom:1px solid var(--border-soft);transition:color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease)}
.dr-pagelink:hover{color:var(--accent-ink);border-bottom-color:var(--accent-ink)}
.dr-pagelink:hover .wk-glyph{color:var(--accent-ink)}
.dr-find-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}

/* status */
.dr-st{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-12);color:var(--text-secondary);white-space:nowrap}
.dr-st i{width:7px;height:7px;border-radius:99px;flex:0 0 auto;box-sizing:border-box}
.dr-st.s-on i{background:var(--accent-ink)}
.dr-st.s-risk i{border:1.5px solid var(--text-primary)}
.dr-st.s-risk{color:var(--text-primary)}
.dr-st.s-off i{background:var(--error-ink)}
.dr-st.s-off{color:var(--error-ink)}
.dr-st.s-none i{border:1px dashed var(--text-tertiary)}
.dr-st.s-none{color:var(--text-tertiary)}
.dr-appr{font-family:var(--mono);font-size:var(--fs-10);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:99px;padding:1px 7px;white-space:nowrap;flex:0 0 auto}
.dr-appr.a-pending{color:var(--text-primary)}

/* ------------------------------------------------------------ North Star */
.dr-ns{display:flex;flex-direction:column;gap:30px}
.dr-ns-card{position:relative;display:flex;flex-direction:column;gap:20px;padding:28px 30px 24px;border:1px solid var(--border-soft);border-radius:var(--radius-xl,16px);background:var(--surface-1);overflow:hidden}
.dr-ns-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border-faint) 1px,transparent 1px),linear-gradient(90deg,var(--border-faint) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 70% 0%,#000 10%,transparent 70%);pointer-events:none}
.dr-ns-card>*{position:relative}
.dr-ns-meta{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:var(--fs-10);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}
.dr-ns-meta span:first-child{color:var(--accent-ink)}
.dr-ns-statement{font-size:var(--fs-28);font-weight:500;line-height:1.25;letter-spacing:-.022em;color:var(--text-primary);max-width:30ch;text-wrap:pretty}
.dr-ns-time{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dr-ns-time .mono{font-size:var(--fs-11);color:var(--text-tertiary)}
.dr-ns-timebar{flex:1;min-width:160px;max-width:420px;height:2px;background:var(--border-soft);position:relative}
.dr-ns-timebar i{position:absolute;left:0;top:0;bottom:0;background:var(--text-primary)}
.dr-ns-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px}
.dr-ns-two .wk-p{font-size:var(--fs-14)}

.dr-crits{display:flex;flex-direction:column;gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--radius-lg);overflow:hidden}
.dr-crit{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr) 150px;gap:18px;align-items:start;padding:16px;background:var(--surface-1)}
.dr-crit-id{font-size:var(--fs-11);color:var(--text-tertiary);padding-top:2px}
.dr-crit-main{display:flex;flex-direction:column;gap:5px;min-width:0}
.dr-crit-label{font-size:var(--fs-14);line-height:1.45;color:var(--text-primary);text-wrap:pretty}
.dr-crit-note{font-size:var(--fs-12);line-height:1.55;color:var(--text-tertiary);text-wrap:pretty}
.dr-crit-read{display:flex;flex-direction:column;gap:7px;min-width:0}
.dr-crit-metric{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.dr-crit-figs{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap;white-space:nowrap}
.dr-crit-figs b{font-size:var(--fs-16);font-weight:400;color:var(--text-primary)}
.dr-crit-figs span{font-size:var(--fs-12);color:var(--text-tertiary)}
.dr-crit-figs b.dr-crit-rec{font-family:var(--sans);font-size:var(--fs-14);font-weight:500}
.dr-crit-sub{font-size:var(--fs-11);color:var(--text-tertiary)}
.dr-track{position:relative;width:100%;max-width:200px;height:4px;background:var(--border-faint);border-radius:2px;overflow:hidden}
.dr-track i{position:absolute;left:0;top:0;bottom:0}
.dr-track i.now{background:var(--text-primary)}
.dr-track i.base{background:var(--border-strong);z-index:1}
.dr-crit-cover{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.dr-thin{font-size:var(--fs-12);color:var(--text-primary);display:inline-flex;align-items:center;gap:6px}
.dr-thin:before{content:"";width:6px;height:6px;border-radius:99px;border:1.5px solid currentColor;box-sizing:border-box}

.dr-cost{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--radius-lg);overflow:hidden}
.dr-costcell{display:flex;flex-direction:column;gap:7px;padding:16px;background:var(--surface-1);min-width:0}
.dr-costcell b{font-size:var(--fs-28);font-weight:500;letter-spacing:-.02em;color:var(--text-primary);line-height:1.15}
.dr-costcell b.sm{font-size:var(--fs-16);letter-spacing:-.01em}
.dr-costcell>span:not(.eyebrow){font-size:var(--fs-12);line-height:1.55;color:var(--text-tertiary);text-wrap:pretty}
.dr-costcell ul{display:flex;flex-direction:column;gap:6px;padding-left:16px}
.dr-costcell li{font-size:var(--fs-13);line-height:1.5;color:var(--text-secondary);list-style:disc}
.dr-revtoggle{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:transparent;border:0;padding:0;cursor:pointer;color:var(--text-tertiary)}
.dr-revtoggle:hover .eyebrow{color:var(--text-primary)}
.dr-revtoggle .wk-sig-chev{transition:transform var(--dur-hover) var(--ease)}
.dr-revs{display:flex;flex-direction:column;gap:12px;padding-left:14px;border-left:1px solid var(--border-soft)}
.dr-revs li{list-style:none;display:flex;flex-direction:column;gap:3px}
.dr-revs .mono{font-size:var(--fs-11);color:var(--text-tertiary)}
.dr-revs p{font-size:var(--fs-13);line-height:1.6;color:var(--text-secondary);max-width:80ch}

/* ------------------------------------------------------------------ Path */
.dr-path{display:flex;flex-direction:column;border:1px solid var(--border-faint);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden}
.dr-path.compact{border-radius:var(--radius-md)}
.dr-phead,.dr-prow{display:grid;grid-template-columns:minmax(220px,1.25fr) 104px 128px 64px minmax(240px,1.6fr);gap:14px;align-items:center}
.dr-phead{padding:12px 14px 10px 40px;border-bottom:1px solid var(--border-faint);background:var(--surface-2)}
.dr-pgroup{border-bottom:1px solid var(--border-faint)}
.dr-pgroup:last-of-type{border-bottom:0}
.dr-pgroup-row{display:flex;align-items:stretch}
.dr-pgroup-row+.dr-pgroup-row{border-top:1px solid var(--border-faint)}
.dr-path.compact .dr-pgroup-row+.dr-pgroup-row{border-top:1px solid var(--border-faint)}
.dr-pchev{flex:0 0 26px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;color:var(--text-tertiary);padding:0 0 0 8px}
.dr-pchev svg{transform:rotate(90deg);transition:transform var(--dur-hover) var(--ease)}
.dr-pchev.shut svg{transform:none}
.dr-pchev:hover{color:var(--text-primary)}
.dr-pchev.blank{cursor:default}
.dr-prow{flex:1;min-width:0;text-align:left;background:transparent;border:0;padding:12px 14px 12px 6px;cursor:pointer;transition:background var(--dur-hover) var(--ease)}
.dr-prow:hover{background:var(--surface-2)}
.dr-prow.sub{padding-top:9px;padding-bottom:9px}
.dr-prow-name{display:flex;align-items:center;gap:9px;min-width:0}
.dr-prow.sub .dr-prow-name{padding-left:18px}
.dr-prow-title{font-size:var(--fs-14);line-height:1.4;color:var(--text-primary);min-width:0;text-wrap:pretty}
.dr-prow.sub .dr-prow-title{font-size:var(--fs-13);color:var(--text-secondary)}
.dr-prow-owner{display:flex;align-items:center;gap:7px;font-size:var(--fs-12);color:var(--text-secondary);min-width:0}
.dr-prow-owner .avatar{font-size:var(--fs-10)}
.dr-prow-status{display:flex;flex-direction:column;gap:4px}
.dr-dual{display:flex;align-items:center;gap:8px}
.dr-dual .mono{font-size:var(--fs-10);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);width:42px;flex:0 0 auto}
.dr-prow-due{font-size:var(--fs-11);color:var(--text-tertiary);white-space:nowrap}
.dr-lane{position:relative;height:22px}
.dr-lane.head{height:30px}
.dr-lane-tick{position:absolute;top:-14px;bottom:-14px;width:1px;background:var(--border-faint)}
.dr-lane-now{position:absolute;top:-14px;bottom:-14px;width:1px;background:var(--accent-ink);opacity:.7}
.dr-bar{position:absolute;top:50%;height:6px;margin-top:-3px;border-radius:1px;background:color-mix(in oklab,var(--text-primary) 30%,transparent)}
.dr-bar.sub{height:3px;margin-top:-1.5px;background:color-mix(in oklab,var(--text-primary) 22%,transparent)}
.dr-bar.tentative{background:transparent;border:1px dashed var(--border-strong);height:6px;margin-top:-3px}
.dr-due{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transform:rotate(45deg);background:var(--surface-1);border:1.5px solid var(--text-primary);box-sizing:border-box}
.dr-due.sub{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-width:1px;border-color:var(--text-secondary)}
.dr-tick{position:absolute;bottom:0;font-size:var(--fs-10);letter-spacing:.04em;color:var(--text-tertiary);white-space:nowrap;transform:translateX(-50%)}
.dr-tick.now{color:var(--accent-ink);bottom:auto;top:0}
.dr-tick.ns{right:0;transform:none;color:var(--text-primary);text-transform:uppercase;letter-spacing:.07em}
.dr-pfoot{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:12px 14px;border-top:1px solid var(--border-faint);background:var(--surface-2)}
.dr-pfoot-sp{flex:1}
.dr-legend{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-12);color:var(--text-tertiary)}
.dr-bar-key{width:22px;height:6px;border-radius:1px;background:color-mix(in oklab,var(--text-primary) 30%,transparent)}
.dr-bar-key.tentative{background:transparent;border:1px dashed var(--border-strong)}
.dr-due-key{width:8px;height:8px;transform:rotate(45deg);border:1.5px solid var(--text-primary)}
.dr-phead .dr-lane-tick,.dr-phead .dr-lane-now{display:none}

/* --------------------------------------------------------------- roll-up */
.dr-roll{display:flex;flex-direction:column;gap:28px}
.dr-roll-head{display:flex;flex-direction:column;gap:12px;padding:22px 24px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-1)}
.dr-roll-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:var(--fs-10);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}
.dr-roll-headline{font-size:var(--fs-16);font-weight:400;line-height:1.6;color:var(--text-primary);max-width:64ch;text-wrap:pretty}
.dr-private{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:22px 24px;border:1px dashed var(--border-soft);border-radius:var(--radius-lg)}
.dr-private p{font-size:var(--fs-14);line-height:1.6;color:var(--text-secondary);max-width:62ch}
.dr-wait{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:12px 14px;background:var(--surface-1)}
.dr-wait-text{font-size:var(--fs-14);line-height:1.5;color:var(--text-primary)}
.dr-find{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:14px;background:var(--surface-1)}
.dr-find .dr-kind{padding-top:3px}
.dr-find-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.dr-find-main b{font-size:var(--fs-14);font-weight:500;color:var(--text-primary);line-height:1.4}
.dr-find-main p{font-size:var(--fs-13);line-height:1.65;color:var(--text-secondary);max-width:80ch;text-wrap:pretty}
.dr-find-main .dr-find-links{padding-top:2px}
.dr-msline{display:grid;grid-template-columns:40px minmax(0,1fr) 138px;gap:14px;align-items:center;text-align:left;border:0;padding:13px 14px;background:var(--surface-1);cursor:pointer;transition:background var(--dur-hover) var(--ease)}
.dr-msline:hover{background:var(--surface-2)}
.dr-msline-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.dr-msline-main b{font-size:var(--fs-14);font-weight:500;color:var(--text-primary)}
.dr-msline-main span{font-size:var(--fs-13);line-height:1.55;color:var(--text-tertiary);text-wrap:pretty}

/* ------------------------------------------------------------- milestone */
.dr-banner{display:flex;flex-direction:column;gap:6px;padding:13px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-1)}
.dr-banner p{font-size:var(--fs-13);line-height:1.55;color:var(--text-secondary)}
.dr-contrib{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(240px,.9fr);gap:28px;padding:20px 0;border-top:1px solid var(--border-faint);border-bottom:1px solid var(--border-faint)}
.dr-contrib-crits{display:flex;flex-direction:column;gap:7px}
.dr-contrib-crit{display:flex;align-items:baseline;gap:9px;font-size:var(--fs-13);line-height:1.45;color:var(--text-primary)}
.dr-hyp{font-size:var(--fs-14);line-height:1.65;color:var(--text-secondary);padding-left:12px;border-left:1px solid var(--border-strong);text-wrap:pretty}
.dr-statuspair{display:flex;flex-direction:column;gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--radius-md);overflow:hidden;align-self:start}
.dr-statuscell{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:var(--surface-1);align-items:flex-start}
.dr-statuscell p{font-size:var(--fs-13);line-height:1.55;color:var(--text-secondary);text-wrap:pretty}
.dr-statuscell.diverge{background:var(--surface-2);box-shadow:inset 2px 0 0 var(--text-primary)}
.dr-statuscell.muted p{color:var(--text-tertiary)}
.dr-vis{font-size:var(--fs-10);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}
.dr-tabs{align-self:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.dr-tabs::-webkit-scrollbar{display:none}
.dr-tabs button{white-space:nowrap;flex:0 0 auto}
.dr-tabs button{display:inline-flex;align-items:center;gap:7px}
.dr-tabn{font-size:var(--fs-10);color:var(--text-tertiary)}
.dr-tabbody{display:flex;flex-direction:column;gap:18px;min-width:0}
.dr-tablede{font-size:var(--fs-13);line-height:1.6;color:var(--text-tertiary);max-width:76ch;text-wrap:pretty}
.dr-report-sum{font-size:var(--fs-16);font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--text-primary);max-width:68ch;text-wrap:pretty}
.dr-rcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--radius-lg);overflow:hidden}
.dr-rcol{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface-1)}
.dr-ritem{display:flex;flex-direction:column;gap:6px}
.dr-ritem p{font-size:var(--fs-14);line-height:1.55;color:var(--text-primary);text-wrap:pretty}
.dr-rnone{font-size:var(--fs-13);color:var(--text-tertiary)}
.dr-asks{display:flex;flex-direction:column;gap:8px;padding-left:20px}
.dr-asks li{font-size:var(--fs-14);line-height:1.6;color:var(--text-primary);list-style:decimal}
.dr-hist{display:grid;grid-template-columns:40px 96px minmax(0,1fr);gap:14px;align-items:center;padding:10px 14px;background:var(--surface-1)}
.dr-hist .mono{font-size:var(--fs-11);color:var(--text-tertiary)}
.dr-hist>span:last-child{font-size:var(--fs-13);color:var(--text-secondary)}
.dr-rec{display:grid;grid-template-columns:54px 116px minmax(0,1fr);gap:14px;padding:13px 14px;background:var(--surface-1)}
.dr-rec.open{background:var(--surface-2)}
.dr-rec-date{font-size:var(--fs-11);color:var(--text-tertiary);padding-top:2px}
.dr-rec .dr-kind{padding-top:3px}
.dr-rec-main{display:flex;flex-direction:column;gap:7px;min-width:0}
.dr-rec-main p{font-size:var(--fs-14);line-height:1.6;color:var(--text-primary);max-width:80ch;text-wrap:pretty}
.dr-rec-who{font-size:var(--fs-12);color:var(--text-secondary)}
.dr-watch{display:grid;grid-template-columns:minmax(0,1fr) 120px 150px 110px;gap:14px;align-items:center;padding:13px 14px;background:var(--surface-1)}
.dr-watch-main{display:flex;flex-direction:column;gap:5px;align-items:flex-start;min-width:0}
.dr-watch-main p{font-size:var(--fs-13);line-height:1.55;color:var(--text-tertiary)}
.dr-move{font-size:var(--fs-10);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}
.dr-move.m-moving{color:var(--accent-ink)}
.dr-move.m-against{color:var(--error-ink)}
.dr-watch-n{font-size:var(--fs-11);color:var(--text-tertiary)}
.dr-watch-n b{font-weight:400;color:var(--text-secondary)}
.dr-watch-by{font-size:var(--fs-10);color:var(--text-tertiary);text-align:right}
.dr-measure{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px;gap:16px;align-items:center;padding:13px 14px;background:var(--surface-1)}
.dr-measure-l{font-size:var(--fs-14);color:var(--text-primary)}
.dr-spark{display:flex;align-items:flex-end;gap:3px;height:24px}
.dr-spark i{flex:1;background:color-mix(in oklab,var(--text-primary) 22%,transparent);border-radius:1px}
.dr-spark i.last{background:var(--text-primary)}
.dr-cycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--radius-lg);overflow:hidden}

@media (max-width:1100px){
  .dr-contrib{grid-template-columns:1fr 1fr}
  .dr-statuspair{grid-column:1/-1}
  .dr-crit{grid-template-columns:minmax(0,1fr) minmax(160px,.8fr)}
  .dr-crit-cover{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px}
  .dr-cost{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dr-costcell.stop{grid-column:1/-1}
  .dr-phead,.dr-prow{grid-template-columns:minmax(200px,1.2fr) 96px 124px minmax(180px,1.2fr)}
  .dr-prow-due,.dr-phead>span:nth-child(4){display:none}
}
@media (max-width:820px){
  .dr-ns-two,.dr-contrib,.dr-rcols,.dr-cycle{grid-template-columns:1fr}
  .dr-crit{grid-template-columns:minmax(0,1fr)}
  .dr-crit-read,.dr-crit-cover{grid-column:1}
  .dr-phead{display:none}
  .dr-prow{grid-template-columns:minmax(0,1fr) auto}
  .dr-prow-owner,.dr-lane{display:none}
  .dr-watch{grid-template-columns:minmax(0,1fr) auto}
  .dr-watch-n,.dr-watch-by{display:none}
  .dr-find,.dr-wait,.dr-rec{grid-template-columns:1fr}
  .dr-ns-statement{font-size:var(--fs-28)}
}

/* ----------------------------------------------------------------- cycle */
.dr-cyc{gap:20px}
.dr-cyc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dr-cyc-id{display:flex;flex-direction:column;gap:5px}
.dr-cyc-id b{font-size:var(--fs-16);font-weight:500;letter-spacing:-.012em;color:var(--text-primary)}
.dr-cyc-id>span:last-child{font-size:var(--fs-13);color:var(--text-tertiary)}
.dr-cyc-people{display:flex;gap:4px}
.dr-cyc-strip{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;padding-top:2px}
.dr-cyc-strip:before{content:"";position:absolute;left:18px;right:18px;top:17px;height:1px;background:var(--border-soft)}
.dr-cyc-inst{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:10px 12px 12px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease)}
.dr-cyc-inst:hover{background:var(--surface-1)}
.dr-cyc-inst.on{background:var(--surface-1);border-color:var(--border-soft)}
.dr-cyc-node{width:11px;height:11px;border-radius:99px;background:var(--text-primary);box-shadow:0 0 0 4px var(--canvas);margin-bottom:4px}
.dr-cyc-inst.next .dr-cyc-node{background:var(--canvas);border:1.5px dashed var(--accent-ink);box-sizing:border-box}
.dr-cyc-inst.on .dr-cyc-node{box-shadow:0 0 0 4px var(--surface-1)}
.dr-cyc-date{font-size:var(--fs-14);font-weight:500;color:var(--text-primary)}
.dr-cyc-state{font-size:var(--fs-10);color:var(--text-tertiary);white-space:nowrap}
.dr-cyc-inst.next .dr-cyc-state{color:var(--accent-ink)}
.dr-cyc-st{display:flex;gap:6px}
.dr-cyc-contrib{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--radius-lg);overflow:hidden}
.dr-cyc-subs{display:flex;flex-wrap:wrap;gap:5px;min-height:28px;align-items:center}
.dr-cyc-pair{display:flex;flex-direction:column;gap:6px;padding-top:4px}
.dr-cyc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,34%);gap:20px;align-items:start}
.dr-cyc-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.dr-cyc-side{position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-faint);border-radius:var(--radius-lg);background:var(--surface-1);min-width:0}
.dr-cyc-side .cy-notes-area textarea{min-height:160px}
.dr-cyc-extract{align-self:flex-start}
.dr-cyc-pre{font-size:var(--fs-16);font-weight:500;line-height:1.55;color:var(--text-primary);max-width:70ch;text-wrap:pretty}
.dr-asks.sm{margin-top:10px}
.dr-asks.sm li{font-size:var(--fs-14);color:var(--text-secondary)}
.dr-cyc-table .cy-cell .val.dim{color:var(--text-tertiary)}
.dr-cyc-table .active-tag.dim{color:var(--text-tertiary)}
.dr-cyc-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--border-faint)}
.dr-cyc-row:first-child{border-top:0;padding-top:2px}
.dr-cyc-n{font-size:var(--fs-11);color:var(--text-tertiary)}
.dr-cyc-rowmain{display:flex;flex-direction:column;gap:5px;min-width:0}
.dr-cyc-rowmain b{font-size:var(--fs-14);font-weight:400;line-height:1.55;color:var(--text-primary);text-wrap:pretty}
.dr-cyc-rowmain>span{font-size:var(--fs-12);color:var(--text-tertiary)}
.dr-cyc-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}
.dr-moves{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.dr-moves-arrow{font-size:var(--fs-10);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}
.dr-cyc-act{align-items:baseline}
.dr-cyc-act .cy-checktext{flex:1;min-width:0}
.dr-cyc-who{font-size:var(--fs-12);color:var(--text-tertiary);white-space:nowrap}
.dr-cyc-noteout{display:flex;align-items:center;gap:8px;margin-top:10px}
.dr-cyc-noteout .mono{font-size:var(--fs-10);color:var(--text-tertiary)}
@media (max-width:1100px){.dr-cyc-body{grid-template-columns:1fr}.dr-cyc-side{position:static}.dr-cyc-contrib{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.dr-cyc-row{grid-template-columns:1fr}.dr-cyc-act{flex-wrap:wrap}}
.dr-cyc-body.solo{grid-template-columns:1fr}
.dr-cyc-contrib.three{grid-template-columns:repeat(3,minmax(0,1fr))}

.dr-crit-short{font-family:var(--mono);font-size:var(--fs-10);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}
.dr-crittag{display:inline-flex;align-items:center;font-size:var(--fs-11);color:var(--text-secondary);border:1px solid var(--border-soft);border-radius:99px;padding:1px 8px;white-space:nowrap}
.dr-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:var(--radius-lg);overflow:hidden}
.dr-rules li{font-size:var(--fs-14);line-height:1.55}
.dr-contrib-crit{flex-direction:column;gap:2px}
.dr-contrib-crit b{font-family:var(--mono);font-size:var(--fs-10);font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}
.dr-contrib-crits{gap:12px}
.dr-roll-cur{color:var(--accent-ink)}
.dr-watcher{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:start}
.dr-wlist{position:sticky;top:0;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border-faint);border-radius:var(--radius-lg);background:var(--surface-1)}
.dr-wlist>.eyebrow{padding:0 4px 4px}
.dr-witem{display:flex;flex-direction:column;gap:6px;text-align:left;padding:10px 11px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-hover) var(--ease)}
.dr-witem:hover{background:var(--surface-2)}
.dr-witem.on{background:var(--surface-3);border-color:var(--border-soft)}
.dr-witem-top{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-10);color:var(--text-tertiary)}
.dr-witem-top b{font-size:var(--fs-12);font-weight:400;color:var(--text-primary)}
.dr-witem-top .dr-roll-cur{margin-left:auto;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;font-size:var(--fs-10)}
.dr-witem-line{font-size:var(--fs-13);line-height:1.5;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dr-witem-figs{font-size:var(--fs-10);color:var(--text-tertiary)}
@media (max-width:1000px){.dr-watcher{grid-template-columns:1fr}.dr-wlist{position:static}.dr-rules{grid-template-columns:1fr}}

/* ------------------------------------------------- milestone, simplified */
.dr2-lbl{font-family:var(--mono);font-size:var(--fs-10);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}
.dr2-head{display:flex;flex-direction:column;gap:14px;margin-top:-8px}
.dr2-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:var(--fs-13);color:var(--text-secondary)}
.dr2-owner{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary)}
.dr2-owner .avatar{font-size:var(--fs-10)}
.dr2-dot{width:3px;height:3px;border-radius:99px;background:var(--border-strong)}
.dr2-moves{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}
.dr2-moves .dr2-lbl{margin-right:2px}
.dr2-done{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:13px 16px;border:1px solid var(--border-faint);border-radius:var(--radius-md);background:var(--surface-1)}
.dr2-done p{font-size:var(--fs-14);line-height:1.55;color:var(--text-primary);text-wrap:pretty}
.dr2-whybtn,.dr2-histbtn{background:transparent;border:0;padding:0;cursor:pointer;font-size:var(--fs-12);color:var(--text-tertiary);border-bottom:1px solid var(--border-soft);white-space:nowrap}
.dr2-whybtn:hover,.dr2-histbtn:hover{color:var(--text-primary);border-bottom-color:var(--border-strong)}
.dr2-histbtn{font-family:var(--mono);font-size:var(--fs-10);letter-spacing:.06em;text-transform:uppercase;margin-left:auto}
.dr2-why{font-size:var(--fs-14);line-height:1.65;color:var(--text-secondary);padding-left:14px;border-left:1px solid var(--border-strong);max-width:80ch;text-wrap:pretty;margin-top:-4px}

.dr2-tabs{display:flex;gap:22px;border-bottom:1px solid var(--border-faint)}
.dr2-tabs button{display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;padding:0 0 10px;margin-bottom:-1px;cursor:pointer;font-size:var(--fs-14);color:var(--text-tertiary);border-bottom:1.5px solid transparent;transition:color var(--dur-hover) var(--ease)}
.dr2-tabs button:hover{color:var(--text-primary)}
.dr2-tabs button.on{color:var(--text-primary);border-bottom-color:var(--text-primary)}
.dr2-tabs .mono{font-size:var(--fs-10);color:var(--text-tertiary)}

.dr2-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.dr2-main{display:flex;flex-direction:column;gap:28px;min-width:0}

.dr2-status{display:flex;flex-direction:column;gap:18px;padding:20px 22px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-1)}
.dr2-status.diverge{box-shadow:inset 3px 0 0 var(--text-primary)}
.dr2-verdict{display:flex;flex-direction:column;gap:12px}
.dr2-pair{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px}
.dr2-pairc{display:inline-flex;align-items:center;gap:10px}
.dr2-pairc .dr-st{font-size:var(--fs-13)}
.dr2-divtag{font-size:var(--fs-10);letter-spacing:.07em;text-transform:uppercase;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:99px;padding:2px 9px}
.dr2-summary{font-size:var(--fs-16);font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--text-primary);max-width:66ch;text-wrap:pretty}
.dr2-summary.dim{color:var(--text-tertiary);font-weight:400;font-size:var(--fs-14)}
.dr2-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;font-size:var(--fs-10);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}
.dr2-hist{display:flex;flex-direction:column;gap:7px;padding-top:4px;border-top:1px solid var(--border-faint)}
.dr2-hist>div{display:grid;grid-template-columns:36px 14px minmax(0,1fr);gap:10px;align-items:center;font-size:var(--fs-13);color:var(--text-secondary);padding-top:7px}
.dr2-hist .mono{font-size:var(--fs-11);color:var(--text-tertiary)}
.dr2-time{display:flex;flex-direction:column;gap:7px}
.dr2-timebar{position:relative;height:2px;background:var(--border-soft)}
.dr2-timebar i{position:absolute;left:0;top:0;bottom:0;background:var(--text-primary)}
.dr2-timebar b{position:absolute;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:99px;background:var(--accent-ink)}
.dr2-timelabels{display:flex;justify-content:space-between;font-size:var(--fs-10);color:var(--text-tertiary)}

.dr2-sechead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px}
.dr2-h{font-size:var(--fs-16);font-weight:500;letter-spacing:-.012em;color:var(--text-primary)}
.dr2-feed{display:flex;flex-direction:column;gap:16px}
.dr2-week{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px}
.dr2-weeklabel{font-size:var(--fs-11);color:var(--text-tertiary);padding-top:13px}
.dr2-items{display:flex;flex-direction:column;border-left:1px solid var(--border-soft)}
.dr2-item{position:relative;display:grid;grid-template-columns:48px 72px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 0 11px 18px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border-faint)}
.dr2-item:last-child{border-bottom:0}
.dr2-item:before{content:"";position:absolute;left:-3.5px;top:17px;width:6px;height:6px;border-radius:99px;background:var(--canvas);border:1px solid var(--border-strong);box-sizing:border-box}
.dr2-item.k-decision-made:before{background:var(--accent-ink);border-color:var(--accent-ink)}
.dr2-item.k-decision-open:before{border:1.5px solid var(--text-primary)}
.dr2-item.meeting{cursor:pointer;transition:background var(--dur-hover) var(--ease)}
.dr2-item.meeting:before{border-radius:1px;transform:rotate(45deg);background:var(--text-secondary);border-color:var(--text-secondary)}
.dr2-item.meeting:hover{background:var(--surface-1)}
.dr2-date{font-size:var(--fs-11);color:var(--text-tertiary);white-space:nowrap}
.dr2-kind{font-size:var(--fs-10);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}
.dr2-item.k-decision-made .dr2-kind{color:var(--accent-ink)}
.dr2-item.k-decision-open .dr2-kind{color:var(--text-primary)}
.dr2-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.dr2-body b{font-size:var(--fs-14);font-weight:500;color:var(--text-primary)}
.dr2-text{font-size:var(--fs-14);line-height:1.6;color:var(--text-primary);text-wrap:pretty}
.dr2-sub{font-size:var(--fs-12);color:var(--text-tertiary)}
.dr2-src{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.dr2-src .dr-pagelink{font-size:var(--fs-12);color:var(--text-tertiary)}
.dr2-go{color:var(--text-tertiary);padding-right:12px}

.dr2-rail{position:sticky;top:0;display:flex;flex-direction:column;border:1px solid var(--border-faint);border-radius:var(--radius-lg);background:var(--surface-1);overflow:hidden}
.dr2-rblock{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-top:1px solid var(--border-faint)}
.dr2-rblock:first-child{border-top:0}
.dr2-rhead{display:flex;align-items:center;justify-content:space-between}
.dr2-rhead .mono{font-size:var(--fs-11);color:var(--text-tertiary)}
.dr2-ritem{display:flex;flex-direction:column;gap:3px}
.dr2-ritem p{font-size:var(--fs-13);line-height:1.5;color:var(--text-primary);text-wrap:pretty}
.dr2-ritem>span{font-size:var(--fs-12);color:var(--text-tertiary)}
.dr2-ritem.ask p{color:var(--text-secondary)}
.dr2-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;text-align:left;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:border-color var(--dur-hover) var(--ease)}
.dr2-next:hover{border-color:var(--border-strong)}
.dr2-next b{font-size:var(--fs-14);font-weight:500;color:var(--text-primary)}
.dr2-next>span:not(.dr2-go){grid-column:1;font-size:var(--fs-12);color:var(--text-tertiary)}
.dr2-next .dr2-go{grid-column:2;grid-row:1/3;align-self:center;padding:0}
.dr2-none{font-size:var(--fs-13);color:var(--text-tertiary)}
.dr2-sub-ms{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:baseline;text-align:left;background:transparent;border:0;padding:5px 0;cursor:pointer}
.dr2-sub-ms .dr-st{transform:translateY(-1px)}
.dr2-sub-t{display:flex;gap:7px;font-size:var(--fs-13);line-height:1.45;color:var(--text-primary)}
.dr2-sub-t .mono{font-size:var(--fs-11);color:var(--text-tertiary);flex:0 0 auto}
.dr2-sub-ms:hover .dr2-sub-t{color:var(--accent-ink)}
.dr2-add{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:transparent;border:0;padding:2px 0;cursor:pointer;font-size:var(--fs-12);color:var(--text-tertiary)}
.dr2-add:hover{color:var(--text-primary)}
.dr2-watch{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.dr2-metric{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:var(--fs-13);color:var(--text-secondary)}
.dr2-metric .dr-crit-figs b{font-size:var(--fs-14)}

@media (max-width:1100px){.dr2-grid{grid-template-columns:1fr}.dr2-rail{position:static}}
@media (max-width:700px){.dr2-done{grid-template-columns:1fr}.dr2-item{grid-template-columns:48px minmax(0,1fr)}.dr2-kind{grid-column:2}.dr2-body{grid-column:2}.dr2-week{grid-template-columns:1fr}.dr2-weeklabel{padding-top:0}}

.dr-plead{display:flex;flex-direction:column;background:var(--surface-2);border-bottom:1px solid var(--border-soft)}
.dr-plead-tag,.dr-punder{font-size:var(--fs-10);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:10px 14px 0 40px}
.dr-plead-tag{color:var(--accent-ink)}
.dr-punder{padding:12px 14px 6px 40px;border-bottom:1px solid var(--border-faint)}
.dr-prow.lead{padding-top:8px;padding-bottom:14px}
.dr-prow.lead:hover{background:var(--surface-3)}
.dr-prow.lead .dr-prow-title{font-size:var(--fs-16);font-weight:500}
.dr-prow.lead .dr-bar{height:8px;margin-top:-4px;background:color-mix(in oklab,var(--text-primary) 45%,transparent)}
.dr-prow.lead .dr-due{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}
.dr2-from{font-size:var(--fs-10);color:var(--text-tertiary)}
.dr2-leadtag{font-size:var(--fs-10);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.dr2-divtag{white-space:nowrap;flex:0 0 auto}