/* TaskThimble × DTL fusion shell — Clear Signal primitives.
   Presentation only: no tool logic, routing state or source data behaviour. */
:root{
  --cs-paper:#f8f5ef;
  --cs-panel:#fffdf8;
  --cs-ink:#11161a;
  --cs-muted:#606971;
  --cs-line:#cfd2cc;
  --cs-line-strong:#aeb5ae;
  --cs-soft:#efede6;
  --cs-blue:#2a5bd7;
  --cs-blue-soft:#e9eefc;
  --cs-copper:#a94820;
  --cs-copper-soft:#f9e8dd;
  --cs-teal:#167a69;
  --cs-teal-soft:#e8f3ef;
  --cs-amber:#a76412;
  --cs-amber-soft:#f7eddb;
  --cs-rose:#ad4451;
  --cs-rose-soft:#f7e7ea;
  --cs-focus:#8f3b19;

  /* Map existing TaskThimble tokens onto Clear Signal so current tools inherit the shell. */
  --paper:var(--cs-paper);
  --paper-2:var(--cs-soft);
  --surface:var(--cs-panel);
  --surface-soft:#faf8f2;
  --ink:var(--cs-ink);
  --ink-2:#3f484f;
  --muted:var(--cs-muted);
  --line:var(--cs-line);
  --line-strong:var(--cs-line-strong);
  --brand:var(--cs-copper);
  --brand-strong:#853617;
  --brand-soft:var(--cs-copper-soft);
  --data:var(--cs-blue);
  --data-soft:var(--cs-blue-soft);
  --list:var(--cs-teal);
  --list-soft:var(--cs-teal-soft);
  --random:var(--cs-amber);
  --random-soft:var(--cs-amber-soft);
  --danger:var(--cs-rose);
  --danger-soft:var(--cs-rose-soft);
  --warn:var(--cs-amber);
  --warn-soft:var(--cs-amber-soft);
  --success:var(--cs-teal);
  --success-soft:var(--cs-teal-soft);
  --shadow-sm:0 1px 0 rgba(17,22,26,.05),0 8px 22px rgba(17,22,26,.025);
  --shadow-md:0 1px 0 rgba(17,22,26,.06),0 14px 34px rgba(17,22,26,.04);
  --radius-sm:7px;
  --radius:10px;
  --radius-lg:14px;
  --max:1220px;
}

html{background:var(--cs-paper)}
body{background:var(--cs-paper);color:var(--cs-ink)}
::selection{background:var(--cs-copper-soft);color:var(--cs-ink)}
:focus-visible{outline:3px solid rgba(169,72,32,.3);outline-offset:3px}

.site-header{background:rgba(248,245,239,.96);border-bottom:1px solid var(--cs-line);backdrop-filter:blur(12px)}
.nav{min-height:66px}
.brand{letter-spacing:-.025em}
.brand-mark{border-radius:0;background:transparent;box-shadow:none}
.brand-word span{color:var(--cs-copper)}
.navlinks{gap:2px}
.navlinks a{border-radius:6px;font-size:.86rem;font-weight:720;color:#414a50;padding:8px 9px}
.navlinks a:hover,.navlinks a:focus-visible{background:var(--cs-panel);color:var(--cs-ink)}
.navlinks a[aria-current="page"]{background:var(--cs-panel);box-shadow:inset 0 0 0 1px var(--cs-line-strong)}

.eyebrow,.tool-kicker{color:var(--cs-copper);letter-spacing:.12em;font-size:.7rem}
.eyebrow::before,.tool-kicker::before{width:16px;height:1px;border-radius:0}

.panel,.tool-stage,.start-card,.vnext-tool-card,.vnext-explainer-card,.vnext-category-nav a{
  background:var(--cs-panel);
  border-color:var(--cs-line);
  box-shadow:var(--shadow-sm);
}
.panel,.vnext-tool-card,.vnext-explainer-card,.vnext-category-nav a{border-radius:10px}
.tool-stage,.start-card{border-radius:14px}

.btn,button.btn,a.btn{border-radius:7px}
.btn.primary,.btn:not(.subtle):not(.danger-subtle){box-shadow:none}

.vnext-home{padding-top:14px}
.vnext-home-hero{gap:46px;padding:38px 0 46px}
.vnext-home-copy h1{letter-spacing:-.064em;line-height:.95}
.vnext-home-copy h1 span{color:var(--cs-copper)}
.vnext-promise span{border-radius:6px;background:var(--cs-panel)}
.vnext-promise span:first-child{background:var(--cs-ink);border-color:var(--cs-ink)}
.vnext-start::after{height:2px;background:linear-gradient(90deg,var(--cs-copper),var(--cs-blue),var(--cs-teal),var(--cs-amber))}

.vnext-category-nav{gap:8px}
.vnext-category-nav a:hover,.vnext-tool-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
.vnext-tool-card{min-height:168px;padding:17px}
.vnext-tool-kind{border-radius:5px}
.vnext-workflow-band{border-radius:12px;background:var(--cs-ink);box-shadow:none}
.vnext-workflow-card{border-radius:8px}

/* Local workbench becomes a restrained signal strip rather than a floating app chrome layer. */
.vnext-workbench{top:66px;border-bottom:1px solid var(--cs-line);background:rgba(255,253,248,.97);backdrop-filter:blur(12px)}
.vnext-workbench-inner{min-height:50px}
.vnext-workbench-type{border-radius:5px;background:var(--cs-blue-soft);color:var(--cs-blue)}
.vnext-workbench-copy{color:#4a5359}
.vnext-workbench-copy strong{color:var(--cs-ink)}

.workbench-flow{border-radius:10px;background:var(--cs-panel);border-left:4px solid var(--cs-teal);box-shadow:var(--shadow-sm)}
.workflow-link{border-radius:7px;background:#fbfaf6;border-color:var(--cs-line)}
.workflow-link:hover{border-color:var(--cs-blue)}

textarea,.pastebox,input[type="text"],input[type="search"],input[type="number"],select{border-radius:7px;background:var(--cs-panel)}
textarea:focus,input:focus,select:focus{border-color:var(--cs-blue);box-shadow:0 0 0 3px rgba(42,91,215,.12)}
.dropzone{border-radius:9px;background:#faf8f2}
.dropzone:hover,.dropzone.dragging{border-color:var(--cs-blue);background:var(--cs-blue-soft)}

/* Shared shell pages added during Phase 2. */
.fusion-page main{padding-top:42px}
.fusion-page .fusion-hero{max-width:900px;margin-bottom:38px}
.fusion-page .fusion-hero h1{font-size:clamp(2.7rem,6.2vw,5.6rem);line-height:.96;letter-spacing:-.062em;margin:.2em 0 .24em;text-wrap:balance}
.fusion-page .fusion-hero>p{max-width:720px;font-size:clamp(1.02rem,2vw,1.2rem);color:var(--cs-muted)}
.fusion-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fusion-index>a,.fusion-index>article{display:block;text-decoration:none;padding:18px;border:1px solid var(--cs-line);background:var(--cs-panel);border-radius:9px;box-shadow:var(--shadow-sm)}
.fusion-index>a:hover{border-color:var(--cs-line-strong)}
.fusion-index h2,.fusion-index h3{margin:0 0 6px}
.fusion-index p{margin:0;color:var(--cs-muted)}
.fusion-signal{border-left:4px solid var(--cs-blue)}
.fusion-signal[data-signal="stable"]{border-left-color:var(--cs-teal)}
.fusion-signal[data-signal="review"]{border-left-color:var(--cs-amber)}
.fusion-signal[data-signal="attention"]{border-left-color:var(--cs-rose)}
.fusion-section{margin-top:48px}
.fusion-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}
.fusion-section-head h2{margin:0}
.fusion-section-head p{max-width:520px;margin:0;color:var(--cs-muted)}

.footer{border-top-color:var(--cs-line);background:#eeece5}

@media(max-width:760px){
  textarea,.pastebox,input[type="text"],input[type="search"],input[type="number"],select{font-size:16px}
  .vnext-workbench{top:104px}
  .vnext-home{padding-top:0}
  .vnext-home-hero{padding-top:8px;gap:24px}
  .fusion-index{grid-template-columns:1fr}
  .fusion-section-head{display:block}
  .fusion-section-head p{margin-top:8px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
/* Tools finder stays available while scanning a long capability list. */
.tool-finder-panel{position:sticky;top:74px;z-index:12;background:rgba(255,253,248,.97);backdrop-filter:blur(12px)}
.tool-finder-panel .actions{margin-top:10px}
[data-family-section]{scroll-margin-top:190px}
@media(max-width:760px){.tool-finder-panel{position:relative;top:auto}[data-family-section]{scroll-margin-top:118px}}

.workflow-context-bar{border-bottom:1px solid var(--cs-line,#cfd2cc);background:var(--cs-panel,#fffdf8)}
.workflow-context-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px}
.workflow-context-inner .eyebrow{margin-right:8px}.workflow-context-inner .actions{margin:0}
@media(max-width:760px){.workflow-context-inner{align-items:flex-start;flex-direction:column}.workflow-context-inner .actions{width:100%}}