/* TaskSavvy brand palette. Area labels, icons, and step numbers identify each Flow. */
:root{--brand-gold:#bfa36f;--brand-accent:#594327;--brand-paper:#f4f0e6;--brand-tint:#e9e2d2;--client-accent:var(--brand-accent);--client-tint:var(--brand-paper);--task-accent:var(--brand-accent);--task-tint:var(--brand-paper);--revenue-accent:var(--brand-accent);--revenue-tint:var(--brand-paper)}
.hero{padding-top:48px;padding-bottom:48px}
.hero-copy>p{font-size:16px;line-height:1.8;max-width:520px;color:#625d56}
.hero-actions{flex-wrap:wrap;gap:16px}
.hero-actions .button{font-size:14px;min-height:48px}
.hero-actions>span,.hero-note{font-size:12px;line-height:1.6;max-width:none}
.system-art{background:radial-gradient(ellipse at 50% 30%,#bfa36f26 0,transparent 65%),var(--brand-paper);border-color:#c7c0b4}
.art-doors>div{border-top:3px solid var(--client-accent);background:var(--client-tint)}
.art-doors>div:nth-child(2){border-top-color:var(--task-accent);background:var(--task-tint)}
.art-doors>div:nth-child(3){border-top-color:var(--revenue-accent);background:var(--revenue-tint)}
.art-doors>div .icon{color:var(--client-accent)}
.art-doors>div:nth-child(2) .icon{color:var(--task-accent)}
.art-doors>div:nth-child(3) .icon{color:var(--revenue-accent)}
.art-doors>div b{font-size:13px;color:#1e2926}
.art-doors>div span{font-size:10px;color:#625d56}
.art-foot{font-size:11px;color:#625d56}
#workspace,#guide{scroll-margin-top:24px}
.workspace-section .section-heading{align-items:center;gap:16px}
.workspace-section .section-heading h2{font-size:clamp(24px,3vw,34px);line-height:1.25}
.workbook-demo{--area:var(--brand-accent);--area-tint:var(--brand-tint);border-color:#d9d2c5;box-shadow:0 16px 50px #1e29260b}
.workbook-demo[data-workbook=clients]{--area:var(--client-accent);--area-tint:var(--client-tint)}
.workbook-demo[data-workbook=tasks]{--area:var(--task-accent);--area-tint:var(--task-tint)}
.workbook-demo[data-workbook=revenue]{--area:var(--revenue-accent);--area-tint:var(--revenue-tint)}
.workbook-demo .workspace-bar{padding:20px 24px;gap:20px;background:var(--brand-paper)}
.workbook-intro{font-size:16px;font-weight:600}
.workbook-subtitle{font-size:12px;color:#625d56}
.workbook-demo .mode-switch button{min-height:44px;font-size:12px;padding:10px 16px}
.setup-help{padding:0 24px 18px;background:var(--brand-paper);color:#625d56;font-size:12px;line-height:1.7;border-bottom:1px solid #e9e2d2}
.workbook-demo .guide{padding:24px;background:#f4f0e6;border-bottom:1px solid #d9d2c5;border-left:4px solid #bfa36f}
.guide-kicker{color:#594327;font-size:10px;letter-spacing:1.3px;font-weight:700;margin-bottom:8px}
.workbook-demo .guide-title{font-size:18px;line-height:1.4;color:#1e2926;align-items:flex-start}
.workbook-demo .guide-title .icon{color:#8c6c45;flex-shrink:0;margin-top:3px}
.workbook-demo .guide-top{align-items:center;gap:24px}
.workbook-demo .guide-top>div:first-child{flex:1;min-width:0}
.workbook-demo .guide-top p{font-size:14px;line-height:1.75;color:#625d56;margin:8px 0 0;max-width:740px}
.guide-controls{flex-direction:column;align-items:stretch;gap:6px;flex-shrink:0}
.guide-controls .button{font-size:13px;min-height:46px;padding:12px 16px;justify-content:center}
.guide-controls .text-button{font-size:12px;min-height:36px;justify-content:center}
.guide-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0}
.guide-step{font-size:12px;line-height:1.5;padding:10px 12px;background:var(--brand-paper)99;border:1px solid #e9e2d2;border-radius:5px;color:#625d56}
.guide-step span{width:25px;height:25px;flex-shrink:0;font-size:12px;background:var(--brand-paper);color:#625d56;border:1px solid #d9d2c5}
.guide-step:nth-child(1){--step-accent:var(--client-accent);--step-tint:var(--client-tint)}
.guide-step:nth-child(2){--step-accent:var(--task-accent);--step-tint:var(--task-tint)}
.guide-step:nth-child(3){--step-accent:var(--revenue-accent);--step-tint:var(--revenue-tint)}
.guide-step.current,.guide-step.done{background:var(--step-tint);color:var(--step-accent);border-color:var(--step-accent)}
.guide-step.current span,.guide-step.done span{background:var(--step-accent);color:#fffff0;border-color:var(--step-accent)}
.workbook-picker-label{margin:0;padding:19px 24px 10px;background:var(--brand-paper);font-size:12px;font-weight:600;color:#403b39}
.workbook-picker-label span{font-weight:400;margin-left:8px;color:#716b62}
.workbook-picker{gap:10px;padding:0 24px 20px;background:var(--brand-paper);border-bottom:1px solid #e9e2d2}
.workbook-picker>button{--book-accent:var(--brand-accent);--book-tint:var(--brand-paper);border:1px solid #e9e2d2;border-top:3px solid var(--book-accent);border-radius:5px;padding:14px 12px;color:#403b39;background:var(--brand-paper);font-size:14px;gap:10px;min-height:78px}
.workbook-picker>button[data-book=clients]{--book-accent:var(--client-accent);--book-tint:var(--client-tint)}
.workbook-picker>button[data-book=tasks]{--book-accent:var(--task-accent);--book-tint:var(--task-tint)}
.workbook-picker>button[data-book=revenue]{--book-accent:var(--revenue-accent);--book-tint:var(--revenue-tint)}
.workbook-picker>button .icon{color:var(--book-accent);grid-row:auto;width:20px;height:20px}
.workbook-picker>button small{display:block;margin-top:4px;font-size:10px;line-height:1.4;letter-spacing:0;color:#625d56;font-weight:400}
.workbook-picker>button.active{border-color:var(--book-accent);border-bottom:1px solid var(--book-accent);box-shadow:inset 0 0 0 1px var(--book-accent);background:var(--book-tint);color:var(--book-accent)}
.workbook-picker>button.active small{color:var(--book-accent)}
.workbook-picker>button:hover:not(:disabled){background:var(--book-tint)}
.workbook-topline{background:var(--area-tint);padding:16px 24px}
.workbook-topline strong{font-size:16px;font-weight:600;color:var(--area)}
.workbook-topline .icon,.workbook-topline .text-button{color:var(--area)}
.workbook-topline .text-button{font-size:12px;min-height:44px}
.demo-chip{font-size:9px;color:#625d56;background:var(--brand-paper);border-color:#c7c0b4;padding:4px 6px}
.sheet-context{font-size:11px;background:#f9f6ee;color:#625d56}
.sheet-tabs{padding:0 20px;background:#f9f6ee;border-top:0;gap:2px}
.sheet-tabs button{font-size:12px;padding:14px;min-height:46px;color:#625d56;border-right:0;border-top:0;border-bottom:3px solid transparent}
.sheet-tabs button.active{color:var(--area);background:var(--area-tint);border-top:0;border-bottom-color:var(--area)}
.view-help{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.75;color:#625d56;padding:14px 24px;background:var(--brand-paper);border-bottom:1px solid #e9e2d2}
.view-help .icon{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--area)}
.station-table{width:max(100%,920px)}
.station-title{background:#1e2926;color:#d9d2c5}
.station-subtitle{background:var(--area);color:#fffff0}
.station-light{background:var(--brand-paper)}
.station-alt{background:#f9f6ee}
.station-label{border-color:#d9d2c5;font-size:13px}
.station-input{border-color:var(--area)}
.station-input input:not([type=checkbox]),.station-input select{height:44px;min-height:44px;background:var(--brand-paper);border:1px solid #c7c0b4;border-radius:3px;font-size:14px;color:#1e2926}
.station-input input:focus,.station-input select:focus{outline:2px solid var(--area);outline-offset:-2px;background:var(--area-tint)}
.station-input input::placeholder{color:#716b62}
.station-help{color:#625d56;font-size:12px!important}
.station-arrow{color:var(--area)}
.required-mark{color:#8c6c45;font-size:14px}
.station-input:has(.submit-cell){background:var(--area-tint)}
.submit-cell{min-height:52px;font-size:13px;color:var(--area);gap:12px}
.submit-cell input[type=checkbox]{width:22px;height:22px;accent-color:var(--area);flex-shrink:0}
.station-result{background:#1e2926;color:#e9e2d2}
.worksheet-note{font-size:12px;color:#625d56;padding:13px 20px}
.worksheet-note .icon{width:16px;height:16px}
.connection-trace{font-size:12px;background:#f9f6ee;color:#403b39;border-color:#d9d2c5}
.workbook-demo .demo-footer{font-size:11px;color:#625d56;line-height:1.7;gap:12px}
.record-toolbar{font-size:12px;color:#625d56}
.record-toolbar .search-input{font-size:14px;min-height:44px}
.chart-row b,.vertical-column>div{background:var(--area)}
[data-workbook=core] .vertical-column:nth-child(1)>div{background:var(--task-accent)}
[data-workbook=core] .vertical-column:nth-child(2)>div{background:var(--revenue-accent)}
[data-workbook=core] .vertical-column:nth-child(3)>div{background:var(--client-accent)}
[data-workbook=core] [data-cell=A6]{color:#bfa36f!important}
[data-workbook=core] [data-cell=D6]{color:#bfa36f!important}
[data-workbook=core] [data-cell=G6]{color:#bfa36f!important}
.sheet-record-link{min-height:28px;text-underline-offset:3px}
button:focus-visible,a:focus-visible{outline:3px solid #594327;outline-offset:3px}
@media(max-width:1000px){
  .art-doors>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px}
  .art-doors>div b{font-size:12px}
  .workbook-demo .guide-top{flex-wrap:wrap;gap:16px}
  .guide-controls{width:100%;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px}
  .workbook-picker>button{font-size:12px;grid-template-columns:18px 1fr;padding:12px 10px}
}
@media(max-width:620px){
  .art-doors>div b{font-size:11px}
  .art-doors>div span{display:none}
  .hero{padding-top:32px;padding-bottom:36px}
  .hero-copy>p{font-size:15px}
  .hero-actions{gap:12px}
  .hero-actions .button{width:100%;justify-content:center}
  .hero-actions>span{width:100%;text-align:center}
  .workspace-section .section-heading{align-items:flex-start}
  .workspace-section .section-heading .text-button{white-space:nowrap;min-height:44px;font-size:11px}
  .workbook-demo .workspace-bar{padding:18px 16px 12px;gap:14px}
  .workbook-intro{font-size:15px}
  .workbook-subtitle{font-size:11px}
  .workbook-demo .mode-switch{width:100%}
  .workbook-demo .mode-switch button{flex:1}
  .setup-help{padding:0 16px 16px;font-size:12px}
  .workbook-demo .guide{padding:20px 16px}
  .workbook-demo .guide-title{font-size:17px}
  .workbook-demo .guide-top p{font-size:13px}
  .guide-controls{gap:4px}
  .guide-controls .button{width:100%;font-size:13px}
  .guide-controls .text-button{width:100%;min-height:40px}
  .guide-steps{gap:6px;margin-top:16px}
  .guide-step{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:9px 7px;font-size:11px}
  .workbook-picker-label{padding:16px 16px 10px}
  .workbook-picker-label span{display:block;margin:4px 0 0;line-height:1.5}
  .workbook-picker{padding:0 16px 16px;gap:8px}
  .workbook-picker>button{font-size:12px;min-height:76px}
  .workbook-picker>button small{font-size:10px}
  .workbook-topline{padding:10px 16px;flex-wrap:wrap;gap:4px}
  .workbook-topline strong{font-size:15px}
  .workbook-topline .text-button{font-size:12px;white-space:normal}
  .sheet-tabs{padding:0 8px}
  .sheet-tabs button{font-size:12px;padding:12px}
  .view-help{padding:12px 16px;font-size:12px}
  .worksheet-note,.connection-trace{padding:12px 16px;font-size:12px}
  .workbook-demo .demo-footer{font-size:11px}
  /* Keep the worksheet labels and row numbers, with fields in a readable stack. */
  #station-form .sheet-scroller{max-height:none;overflow:visible}
  .station-table{width:100%;table-layout:auto}
  .station-table colgroup,.station-table .column-letters{display:none}
  .station-table tbody{display:block}
  .station-table tr{display:grid;grid-template-columns:28px minmax(0,1fr);height:auto;border-bottom:1px solid #e9e2d2}
  .station-table .row-number{position:static;grid-column:1;grid-row:1 / span 3;min-width:0!important;width:auto!important;padding-top:10px!important;align-content:start}
  .station-table td,.station-table .station-label{grid-column:2;min-width:0}
  .station-table .station-label{padding:10px 12px 4px;border:0}
  .station-table .station-input{margin:2px 12px 5px;border:0}
  .station-input input:not([type=checkbox]),.station-input select{font-size:16px;max-width:100%;height:46px}
  .station-table .station-help{padding:2px 12px 12px;font-size:12px!important}
  .station-table .station-arrow{display:none}
  .station-table .station-title td{font-size:18px;text-align:left;padding:12px}
  .station-subtitle td,.station-instructions td{text-align:left;font-size:12px;line-height:1.6}
  .station-result .station-help{color:#e9e2d2}
  .record-toolbar .search-input{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Consistent gold accents and readable states on warm, low-glare surfaces. */
:root{--bg:var(--brand-paper);--gold:var(--brand-gold);--gold-dark:var(--brand-accent);--green:#6a6e49;--white:var(--brand-paper)}
.art-doors>div,.art-doors>div:nth-child(2),.art-doors>div:nth-child(3){border-top-color:var(--brand-gold)}
.art-doors>div .icon,.art-doors>div:nth-child(2) .icon,.art-doors>div:nth-child(3) .icon{color:var(--brand-accent)}
.workbook-picker>button{border-top-color:var(--brand-gold)}
.workbook-picker>button.active{background:var(--brand-tint);border-color:var(--brand-gold);box-shadow:inset 0 0 0 1px var(--brand-gold)}
.workbook-picker>button:hover:not(:disabled){background:var(--brand-tint)}
.guide-step.current,.guide-step.done{background:var(--brand-tint);border-color:var(--brand-gold);color:var(--brand-accent)}
.guide-step.current span,.guide-step.done span{background:var(--brand-gold);border-color:var(--brand-gold);color:#0d0d0d}
.sheet-tabs button.active{border-bottom-color:var(--brand-gold)}
.chart-row b,.vertical-column>div,[data-workbook=core] .vertical-column:nth-child(1)>div,[data-workbook=core] .vertical-column:nth-child(2)>div,[data-workbook=core] .vertical-column:nth-child(3)>div{background:var(--brand-gold)}
[data-workbook=core] [data-cell=A6],[data-workbook=core] [data-cell=D6],[data-workbook=core] [data-cell=G6]{color:var(--brand-gold)!important}
.connection-trace{background:var(--brand-tint);color:var(--brand-accent);border-color:#c7c0b4}
.station-title,.station-result{background:#1e2926;color:var(--brand-gold)}
.station-result .station-help{color:#fffff0}
.station-subtitle{background:var(--brand-accent);color:#fffff0}
.station-input input:not([type=checkbox]),.station-input select{background:#fffff0;color:#403b39;border-color:#8c7760}
.station-input input:focus,.station-input select:focus{background:var(--brand-paper);outline-color:var(--brand-accent)}
.required-mark,.station-error,.form-error{color:var(--brand-accent)}
.station-error,.form-error{background:var(--brand-tint);border-color:var(--brand-gold)}
.core-orb{background:linear-gradient(145deg,#403b39,#0d0d0d);border-color:var(--brand-gold)}
.core-orb strong{color:var(--brand-gold)}
.core-orb .orb-small,.core-orb>span:last-child{color:#d9d2c5}
.hero-copy>p,.hero-actions>span,.hero-note,.art-caption,.art-foot,.art-doors>div span{color:#625d56}
.guide-step,.guide-step span,.workbook-picker-label span,.workbook-picker>button small,.workbook-subtitle,.sheet-context,.worksheet-note,.workbook-demo .demo-footer{color:#625d56}
.station-help,.cell-hint,.sheet-tabs button,.record-toolbar,.view-help,.setup-help{color:#625d56}
.site-header .private-badge{color:var(--brand-gold)}
button:focus-visible,a:focus-visible{outline-color:var(--brand-accent)}
.site-header a:focus-visible{outline-color:var(--brand-gold)}

/* A clear next step after the hands-on demo. */
.demo-next{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:40px auto 90px;padding:36px 42px;border:1px solid #b89b62;background:#171a17;color:#f3efe6}
.demo-next h2{margin:8px 0 12px;font-size:clamp(24px,3vw,38px);line-height:1.2}
.demo-next p:not(.eyebrow){max-width:650px;margin:0;color:#d3cec2;line-height:1.6}
.demo-next .eyebrow{color:#c6aa6a}
.demo-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}
.demo-next-actions>a:not(.button){color:#eedbb3;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.demo-next{flex-direction:column;align-items:stretch;padding:26px 22px;margin-bottom:60px}.demo-next-actions{align-items:stretch}.demo-next-actions .button{text-align:center}}
.demo-scope-note{margin:0;padding:12px 20px;border-bottom:1px solid rgba(89,67,39,.2);background:#f4f0e6;color:#514d47;font-size:14px;line-height:1.55}