/* ===== Soft look: sage, cream and terracotta; rounded cards; line icons ===== */
:root{
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--narrow:var(--sans);--mono:var(--sans);--hand:"Caveat",cursive;--radius:14px;--shadow:0 1px 2px rgba(40,40,30,.04),0 6px 16px -10px rgba(40,40,30,.14);
  --paper:#f7f5f0;--paper-2:#efece5;--card:#fffefb;--rail-bg:#f1efe8;--rail-hover:#e9e6dd;--col-bg:#f0ede6;--col-closed:#eae7e0;--track:#ebe8e0;--rule:#e8e4da;--rule-2:#d8d2c5;
  --ink:#2b302c;--ink-2:#565c57;--ink-3:#8a8f88;
  --accent:#5d7d64;--accent-ink:#46624d;--accent-tint:#e2eadf;--accent-wash:#f0f4ed;--accent-line:#d7e2d2;--accent-soft:#a9bfa6;
  --accent-2:#c39a4f;--accent-2-ink:#8a6526;--accent-2-tint:#f6eedc;--accent-2-line:#ead9b4;
  --signal:#b5524a;--signal-ink:#97413a;--signal-line:#ebc9c4;--green:var(--accent);--blue:#4f73a0;
  --accent-2-on:#fff;--nav-hover:var(--rail-hover);--rail-fg:var(--ink);--rail-fg-2:var(--ink-2);--rail-fg-3:var(--ink-3);--rail-active:var(--accent-tint);--rail-active-fg:var(--ink);--rail-active-ico:var(--accent);--rail-note:var(--accent-ink);
  --t1-bg:var(--accent-tint);--t1-fg:var(--accent);--t2-bg:#e0e8f2;--t2-fg:#4f73a0;--t3-bg:var(--accent-2-tint);--t3-fg:var(--accent-2-ink);--t4-bg:#e9e4f2;--t4-fg:#6f62a6}
.sheet,.print-root{--sans:"Archivo",system-ui,sans-serif;--narrow:"Archivo Narrow",sans-serif;--mono:"IBM Plex Mono",monospace;--signal:#e8501a;--signal-ink:#b23a0f;--ink:#1b1a17}
body{font-size:14.5px;font-variant-numeric:tabular-nums}
h1,h2,h3{font-weight:700}
.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.ico.fill{fill:currentColor;stroke:none}

/* stage colors */
.s-saved{--c:#a7b29c}.s-applied{--c:#5b86c4}.s-screen{--c:#9a7cc0}.s-interview{--c:#c9a14a}.s-offer{--c:#5e9a6e}.s-closed{--c:#6b7078}
.stage-tag{font:600 11px/1 var(--sans);letter-spacing:.05em;color:var(--ink-2)}
.stage-tag::before{border-radius:50%}

/* rail */
.rail{background:var(--rail-bg);color:var(--rail-fg);border-right:1px solid var(--rule);padding:22px 14px 20px;gap:22px}
.brand{padding:0 8px}
.brand-name{font:700 24px/1 var(--sans);letter-spacing:-.02em;color:var(--rail-fg)}
.nav{border-top:0;gap:2px}
.nav a{align-items:center;gap:12px;padding:9px 12px;border-bottom:0;border-radius:10px;font:500 14.5px var(--sans);color:var(--rail-fg-2)}
.nav a .ico{color:var(--rail-fg-3)}
.nav a:hover{background:var(--nav-hover);color:var(--rail-fg)}
.nav a.active{background:var(--rail-active);color:var(--rail-active-fg);font-weight:600}
.nav a.active .ico{color:var(--rail-active-ico)}
.nav-badge{border-radius:999px;font:600 10.5px/1 var(--sans);padding:4px 7px}
.rail .btn-ink{background:var(--accent-2);border-color:var(--accent-2);color:var(--accent-2-on);border-radius:12px;padding:11px 14px}
.rail .btn-ink:hover{background:var(--accent-2-ink);border-color:var(--accent-2-ink);color:#fff}
.rail-note{display:flex;gap:8px;align-items:flex-start;padding:0 8px;margin:0;font:600 20px/1.1 var(--hand);color:var(--rail-note)}
.rail-note .ico{color:var(--rail-note);width:20px;height:20px;margin-top:1px}
.rail-foot{color:var(--rail-fg-3);padding:0 8px}
.rail-foot a{color:var(--rail-fg-2)}

/* accents that used the old orange */
.link{color:var(--accent-ink)}
.nav-badge,.fj-new{background:var(--accent-2)}
.feed-new-n,.takeaways li::before,.star-help dt,.fj-score.hi b,.prep-next,.offer-table thead th.best::after{color:var(--accent-ink)}
.offer-table thead th.best{border-top-color:var(--accent)}
.timeline li.t-interview::before,.timeline li.t-offer::before{background:var(--accent-2);border-color:var(--accent-2)}
.mini i,.feed-status.busy::before{background:var(--accent)}
.d-title:focus,.d-role:focus{box-shadow:inset 0 -2px 0 var(--accent)}
.story-title:focus{border-bottom-color:var(--accent)}
.week-days span.on,.heat-pick button.on,.nav-badge,.fj-new{color:var(--accent-2-on)}

/* page head */
.view{padding:30px 40px 80px}
.page-head{border-bottom:0;padding-bottom:0;margin-bottom:22px;align-items:flex-start}
.eyebrow{font:600 11.5px/1 var(--sans);letter-spacing:.08em;color:var(--ink-3);display:flex;align-items:center;gap:7px}
.eyebrow .ico{width:15px;height:15px}
.page-head h1{font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.page-sub{margin:8px 0 0;color:var(--ink-2);font-size:15px;display:flex;align-items:center;gap:6px}
.page-sub .ico{color:var(--accent);width:17px;height:17px}

/* buttons and inputs */
.btn{border:1px solid var(--rule-2);background:var(--card);border-radius:10px;padding:9px 15px;font:600 13.5px var(--sans);color:var(--ink);gap:8px;transition:background .12s,border-color .12s}
.btn .ico{width:16px;height:16px}
.btn:hover{background:var(--rail-bg);color:var(--ink);border-color:var(--rule-2)}
.btn-ink{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-ink:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}
.btn-signal{background:var(--signal);border-color:var(--signal);color:#fff}
.btn-signal:hover{background:var(--signal-ink);border-color:var(--signal-ink);color:#fff}
.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:9px}
.btn-ghost{background:transparent;border-color:transparent}
.btn-ghost:hover{background:var(--rail-hover);color:var(--ink);border-color:transparent}
.btn-danger{background:transparent;border-color:var(--signal-line);color:var(--signal-ink)}
.btn-danger:hover{background:var(--signal-ink);border-color:var(--signal-ink);color:#fff}
.field>span{font:600 12px/1.2 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-2)}
.input,input[type=text].input,select.input,textarea.input{background:#fff;border:1px solid var(--rule-2);border-radius:10px;padding:9px 12px}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.q input,.check input{accent-color:var(--accent)}
.seg{border:1px solid var(--rule-2);border-radius:11px;background:#fff;padding:3px;gap:2px}
.seg button{border-radius:8px;font:600 12.5px var(--sans);padding:6px 12px;color:var(--ink-2)}
.seg button.on{background:var(--accent-tint);color:var(--ink)}

/* cards */
.section{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px 14px;margin-bottom:18px}
.section.week{background:var(--accent-wash);border-color:var(--accent-line)}
.section-title{align-items:center;font:700 16.5px var(--sans);text-transform:none;letter-spacing:-.005em;border-bottom:0;padding-bottom:0;margin:0 0 10px}
.st-l{display:flex;align-items:center;gap:9px}
.st-l .ico{width:20px;height:20px;color:var(--accent)}
.section-title .count{font:600 11px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);text-decoration:none}
a.count:hover{color:var(--ink)}
.empty-line{border-bottom:0;padding:6px 0 4px}
.today-cols{gap:18px}

/* today */
.stats{border:0;background:transparent;gap:16px;margin-bottom:20px}
.stat,.stat:last-child{display:flex;align-items:center;gap:14px;padding:18px;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;color:inherit}
a.stat:hover{border-color:var(--rule-2)}
div.stat{flex-direction:column;align-items:flex-start;gap:0;text-align:left}
.stat-ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--t-bg);color:var(--t-fg)}
.stat-ico .ico{width:22px;height:22px}
.stat-txt{flex:1;min-width:0}
.stat-num{display:block;font:700 26px/1.1 var(--sans);letter-spacing:-.01em}
.stat-label{display:block;font:500 13.5px var(--sans);color:var(--ink);margin-top:2px}
.stat-sub{display:block;font:400 12px var(--sans);color:var(--ink-3);margin-top:2px}
.stat-chev{width:16px;height:16px;color:var(--ink-3)}
.tone-sage{--t-bg:var(--t1-bg);--t-fg:var(--t1-fg)}.tone-blue{--t-bg:var(--t2-bg);--t-fg:var(--t2-fg)}.tone-peach{--t-bg:var(--t3-bg);--t-fg:var(--t3-fg)}.tone-lilac{--t-bg:var(--t4-bg);--t-fg:var(--t4-fg)}
.cal-tools .btn:first-child{background:var(--accent-wash);border-color:var(--accent-line)}
.duelist li{padding:12px 0}
.duelist li:last-child,.activity li:last-child{border-bottom:0}
.due-when{font:500 12.5px var(--sans);color:var(--ink-3)}
.due-when::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--t2-fg);margin-right:8px;vertical-align:middle}
.due-when.late{color:var(--signal-ink)}
.due-when.late::before{content:"";background:var(--signal)}
.due-what{font-size:14.5px}
.due-what small{font-size:12.5px}
.duelist .btn-sm{background:var(--accent-2-tint);border-color:var(--accent-2-line);color:var(--accent-2-ink)}
.duelist .btn-sm:hover{background:var(--accent-2-line)}
.activity li{grid-template-columns:56px 10px minmax(0,1fr) 10px;align-items:center;font-size:13.5px}
.activity li::after{content:"";width:6px;height:6px;border-right:1.5px solid var(--ink-3);border-top:1.5px solid var(--ink-3);transform:rotate(45deg)}
.activity .a-date{font:500 12px var(--sans);padding-top:0}
.a-dot{width:8px;height:8px;border-radius:50%;background:var(--c)}
.goal-n{font:400 12.5px var(--sans)}
.goal-n b{font:700 22px var(--sans)}
.goal-in{font:600 13px var(--sans)}
.goal-bar{height:8px;border-radius:99px;background:var(--track);overflow:hidden}
.goal-bar i{background:var(--accent);border-radius:99px}
.week-days span{border-radius:8px;background:#fff;border-color:var(--rule);font:600 11px var(--sans);padding:7px 0}
.week-days span.on{background:var(--accent-2);border-color:var(--accent-2)}
.week-days span.today{outline:2px solid var(--accent);outline-offset:1px}
.funnel-row{border-bottom:0;padding:6px 0}
.funnel-bar{height:10px;border-radius:99px;background:var(--track);overflow:hidden}
.funnel-bar i{border-radius:99px}
.funnel-n{font:600 13px var(--sans)}
.welcome{border:1px solid var(--rule);border-radius:18px;box-shadow:var(--shadow)}
.welcome ol li::before{font:700 11px var(--sans)}

/* pipeline */
.board{border:0;background:transparent;gap:10px;grid-auto-columns:minmax(168px,1fr)}
.col,.col:last-child{background:var(--col-bg);border:0;border-radius:var(--radius)}
.col.col-closed{background:var(--col-closed)}
.col-head{background:transparent;border-bottom:0;padding:14px 14px 6px}
.col-head .num{font:600 12px var(--sans);background:#fff;border-radius:99px;padding:2px 8px;color:var(--ink-2)}
.col-body.drop{background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:12px}
.card{background:#fff;border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);position:relative;overflow:hidden;padding:12px 13px 11px 16px}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.card:hover{border-color:var(--rule-2)}
.card-co{font:700 15px/1.25 var(--sans)}
.card-meta{font:400 11.5px var(--sans)}
.card-flag{font:600 11px var(--sans)}
.heat{color:var(--accent-2)}
.col-add{border-radius:10px;font:500 12.5px var(--sans)}
.board-hint{font:400 12.5px var(--sans)}

/* tables */
.table-wrap{border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow)}
.ledger th{font:600 11px var(--sans);border-bottom:1px solid var(--rule)}
.ledger td.dt{font:400 13px var(--sans)}
.ledger tbody tr:hover{background:var(--paper)}

/* drawer and modal */
.drawer-scrim,.modal-scrim{background:rgba(40,45,40,.28)}
.drawer-panel{border-left:1px solid var(--rule);box-shadow:-24px 0 48px -24px rgba(0,0,0,.25)}
.d-head{border-bottom:1px solid var(--rule)}
.d-title{font:700 26px/1.15 var(--sans)}
.stepper{border-top:0;margin:14px 0 14px;gap:4px;background:var(--track);border-radius:12px;padding:4px}
.step,.step:last-child{border-right:0;border-radius:9px;font:600 12px var(--sans);text-transform:none;letter-spacing:0;padding:8px 6px}
.step.done::after,.step.current::after{display:none}
.step.current{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.step.closed-on{background:var(--ink);color:#fff}
.d-body{gap:14px;padding:18px 22px 40px}
.d-section{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:16px 18px}
.d-section h3{font:700 15.5px var(--sans);text-transform:none;letter-spacing:0;border-bottom:1px solid var(--rule);padding-bottom:9px}
.closed-box{border-radius:12px;background:var(--ink)}
.heat-pick button{border-radius:8px;font:600 11px var(--sans)}
.heat-pick button.on{background:var(--accent-2);border-color:var(--accent-2)}
.timeline{border-left:2px solid var(--rule-2)}
.timeline li::before{border-radius:50%;border-color:var(--accent);background:#fff}
.timeline li.t-stage::before{background:var(--accent)}
.t-meta{font:600 11px var(--sans)}
.d-foot{font:400 12px var(--sans)}
.modal-panel{border:1px solid var(--rule);border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.3);background:var(--card)}
.modal-panel h2{font-size:22px}
.toast{border-radius:12px;font:500 13.5px var(--sans);background:var(--ink);color:#fff;border-left:0;box-shadow:0 10px 30px -10px rgba(0,0,0,.35)}

/* resumes, backup */
.res-list,.file-card{border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.res-item.active{background:var(--accent-tint);color:var(--ink)}
.res-item.active .res-sub{color:var(--ink-3)}
.res-sub{font:400 12px var(--sans)}
.res-kind{font:600 10px var(--sans);border-radius:6px}
.file-meta div span{font:600 11px var(--sans)}
.backup-grid{border:0;background:transparent;gap:16px}
.backup-grid>div,.backup-grid>div:nth-child(2n),.backup-grid>div:nth-child(n+3){background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow)}

/* feed, insights, prep, offers */
.wire{border:1px solid var(--rule);border-radius:var(--radius);background:var(--card);padding:0 18px;box-shadow:var(--shadow)}
.fj:last-child{border-bottom:0}
.fj.is-new{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 60%)}
.fj-when,.fj-meta,.fj-pay,.side-list small,.side-n,.side-tools .link,.feed-status,.prep-next,.prep-prog,.story-used,.offer-total small,.t-cal,.wk-n,.wk-l{font-family:var(--sans)}
.fj-new{border-radius:6px;font-weight:600}
.fj-score b{font:700 22px/1 var(--sans)}
.fj-score span{font:600 10px var(--sans)}
.feed-status.busy::before{border-radius:50%}
.weeks{border-bottom:1px solid var(--rule-2)}
.wk i{background:var(--accent-soft);border-radius:6px 6px 2px 2px}
.wk:last-child i{background:var(--accent-2)}
.mini{border-radius:99px;overflow:hidden}
.takeaways li{font:400 15px/1.5 var(--sans)}
.takeaways li::before{font:700 12px var(--sans)}
.qbank li{font:400 14.5px/1.45 var(--sans)}
.qgroup-h,.early,.offer-total span{font-family:var(--sans)}
.story{border-top:1px solid var(--rule)}
.story-title{font:700 18px var(--sans)}
.star-help dt{font:700 12.5px var(--sans)}
.offer-total b{font:700 26px var(--sans)}
.offer-table td.num{font-family:var(--sans)}
.offer-table tr.total td{font:700 17px var(--sans)}
.offer-table thead th.best::after{font:600 11px var(--sans)}
.offer-sep td{border-bottom:1px solid var(--rule-2)}

@media (max-width:820px){
  .rail-note{display:none}
  .rail{border-right:0;border-bottom:1px solid var(--rule)}
  .stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat,.stat:last-child{padding:14px;gap:10px;min-width:0}
  a.stat{flex-direction:column;align-items:flex-start}
  .stat-ico{width:38px;height:38px}
  .stat-chev{display:none}
  .stat-num{font-size:22px}
  .section{padding:14px 14px 12px}
  .duelist li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .due-when{grid-column:1/-1}
  .page-head h1{font-size:30px}
  .view{padding:22px 16px 70px}
}



/* ===== Meadow: light blue and green, matching the reference design ===== */
:root:root{--paper:#f5f8fb;--paper-2:#eaf0f5;--card:#fff;--rail-bg:#f2f6fa;--rail-hover:#e7eef5;--col-bg:#eef3f8;--col-closed:#e8edf2;--track:#e6edf3;--rule:#e3eaf1;--rule-2:#cfdae5;--ink:#1b2a44;--ink-2:#4a5a72;--ink-3:#8593a8;
  --accent:#3b82b8;--accent-ink:#2a6797;--accent-tint:#e2eefa;--accent-wash:#f0f6fc;--accent-line:#d3e3f3;--accent-soft:#9cc2e3;--accent-2:#4f9d6c;--accent-2-ink:#367a50;--accent-2-tint:#e3f3e8;--accent-2-line:#c5e5d0;--accent-2-on:#fff;
  --rail-note:#2f4a6b;--signal:#d0574e;--signal-ink:#b0423a;--signal-line:#f1cdc9;
  --t1-bg:#e4f3e8;--t1-fg:#3f8f63;--t2-bg:#e3eefb;--t2-fg:#3b7fc4;--t3-bg:#ece9fb;--t3-fg:#6b5fc7;--t4-bg:#dff3f2;--t4-fg:#2a8c8a}
.s-saved{--c:#8f9bb0}.s-applied{--c:#3b82c4}.s-screen{--c:#8b6fd6}.s-interview{--c:#2fa3a0}.s-offer{--c:#3f9b62}.s-closed{--c:#d0574e}
.brand{gap:8px}
.brand-logo{width:30px;height:30px;flex:none}
.brand-name{font-size:25px}
.stat.tone-sage{background:#f3faf5;border-color:#dcefe2}.stat.tone-blue{background:#f3f8fe;border-color:#dbe8f7}.stat.tone-peach{background:#f6f4fe;border-color:#e3def8}.stat.tone-lilac{background:#f1faf9;border-color:#d5eeec}
.section.week{background:var(--card);border-color:var(--rule)}
.topbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:-8px 0 6px}
.top-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--rule-2);border-radius:12px;padding:0 12px;width:min(340px,100%);color:var(--ink-3)}
.top-search input{border:0;outline:0;background:transparent;padding:9px 0;width:100%;font-size:13.5px;color:var(--ink)}
.top-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.top-bell{border:0;background:transparent;color:var(--ink-2);cursor:pointer;padding:6px;border-radius:10px;position:relative}
.top-bell .ico{width:22px;height:22px}
.top-bell:hover{background:var(--rail-hover)}
.top-bell.on::after{content:"";position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--accent-2);border:2px solid var(--paper)}
.today-head{align-items:center;margin-bottom:14px;flex-wrap:nowrap}
.today-head h1{font-size:40px;color:var(--ink)}
.today-head .page-sub{max-width:46ch;font-size:16px;line-height:1.5;color:var(--ink-2)}
.wave{display:inline-block;font-size:34px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;transform:translateY(-2px)}
.home-banner{position:relative;overflow:hidden;display:block;background:#eaf3f9;border:1px solid #d6e6f1;border-radius:18px;padding:30px 34px;min-height:176px}
.banner-art{position:absolute;inset:0;width:100%;height:100%}
.banner-text{position:relative;max-width:58%}
.tag-hi{margin-left:10px;font:700 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2-ink);background:var(--accent-2-tint);padding:5px 8px;border-radius:99px}
.nextup{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nextup li{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto 16px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--rule);border-radius:12px;cursor:pointer;background:#fff}
.nextup li.first{background:#f0f8f2;border-color:#cfe8d7}
.nextup li:hover{border-color:var(--rule-2)}
.nu-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--paper-2);color:var(--ink-2)}
.nextup li.first .nu-ico{background:#fff;color:var(--accent-2)}
.nu-when{font:600 13px var(--sans);color:var(--ink-2);white-space:nowrap}
.nu-when.late{color:var(--signal-ink)}
.nu-chev{width:16px;height:16px;color:var(--ink-3)}
.nextup .btn-sm{background:#fff;border-color:var(--rule-2);color:var(--ink-2)}
.nu-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.nu-link{background:none;border:0;padding:0;font:600 13px var(--sans);color:var(--accent-ink);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nu-link .ico{width:15px;height:15px}
.prog .st-l .ico{color:var(--accent-2)}
.prog-bar{height:10px;margin-top:4px}
.prog-bar i{background:var(--accent-2)}
.prog-n{font-size:13px;color:var(--ink-2);margin-top:8px}
.prog-note{display:flex;gap:14px;align-items:center;margin-top:12px;padding:14px 16px;border-radius:12px;background:#f1f8f3;border:1px solid #d9ecdf;font-size:13.5px;color:var(--ink-2);line-height:1.45}
.prog-note .ico{width:34px;height:34px;color:var(--accent-2);stroke-width:1.5}
.goal-l{display:flex;align-items:center;gap:10px;font-weight:600}
.goal-l .ico{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--accent-tint);color:var(--accent)}
.goal-bar i{background:var(--accent)}
.week-days span{border-radius:99px;background:var(--paper-2);border-color:transparent;color:var(--ink-2)}
.week-days span.on{background:var(--accent-2);border-color:var(--accent-2);color:#fff}
.week-days span.today{outline:2px solid var(--accent-2)}
.activity .a-dot{width:9px;height:9px}
.rail-art{text-align:center;padding:0 6px}
.ra-sprout{width:34px;height:34px}
.rail-art p{margin:2px 0 6px;font:600 21px/1.1 var(--hand);color:var(--rail-note)}
.ra-hills{width:100%;height:auto;display:block}
.rail .btn-ink{background:var(--accent-2);border-color:var(--accent-2)}
@media (max-width:1100px){.banner-text{max-width:70%}}
@media (max-width:820px){.rail-art{display:none}.topbar{margin:0 0 6px}.today-head h1{font-size:30px}.home-banner{padding:20px 20px 64px;min-height:0}.banner-text{max-width:100%}.banner-art circle,.banner-art g[stroke]{display:none}.wave{font-size:26px}.nextup li{grid-template-columns:36px minmax(0,1fr) auto;}.nextup .btn-sm,.nu-chev{display:none}.nu-ico{width:36px;height:36px}}

/* saved postings, skills, assignments */
.jd-text{white-space:pre-wrap;max-height:280px;overflow:auto;background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.55;color:var(--ink-2)}
.jd-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.skill,.work{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:14px;margin-bottom:12px;display:grid;gap:8px}
.skill-head{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:8px;align-items:center}
.work-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.skill-name,.work-title{font-weight:600}
.skill-used{font-size:13px;color:var(--accent-2-ink)}
.skill-chips{display:flex;flex-wrap:wrap;gap:6px}
.skill-chip{background:var(--accent-2-tint);border:1px solid var(--accent-2-line);color:var(--accent-2-ink);border-radius:8px;padding:3px 10px;font-size:13px;font-weight:600}
.work-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.work-files{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.work-file{display:inline-flex;align-items:center;gap:4px;background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:8px;padding:2px 6px;font-size:13px}
.work-file .link{display:inline-flex;align-items:center;gap:4px}
.work-file .ico{width:14px;height:14px}
.work-mini{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.work-mini li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;padding:8px 10px;border:1px solid var(--rule);border-radius:10px}
.work-mini li span{color:var(--ink-3)}
.work-list{max-width:900px}
@media (max-width:820px){.skill-head{grid-template-columns:minmax(0,1fr) auto}.skill-head select{grid-column:1/-1;grid-row:2}}
.soon{font-size:12px;font-weight:600;color:var(--ink-3);margin-left:6px;letter-spacing:0;text-transform:none}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.soon-grid>div{border-style:dashed}