/* today page: Direction 3 home screen (new matches, needs you, progress). */
.hj-today__kicker{font-size:15px;font-weight:600;color:var(--hj-muted)}
.hj-today .hj-h1{margin-top:4px}
.hj-today .hj-lede{font-size:18px}
.hj-today__cta{height:48px;padding:0 22px;font-size:16px;font-weight:700}

.hj-today__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px}
.hj-today__panel{padding:28px 32px}
.hj-today__panel--wide{grid-column:1 / -1}
.hj-today__head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.hj-today__head .hj-h2{flex:1;font-size:22px}
.hj-today__count{font-size:15px;font-weight:700;color:var(--hj-muted)}
.hj-today__more{border:0;background:none;padding:0;font:inherit;font-size:15px;font-weight:700;color:var(--hj-gold);cursor:pointer}
.hj-today__more:hover{text-decoration:underline;text-underline-offset:3px}

/* best matches table */
.hj-today-table{width:100%;border-collapse:collapse;font-size:16px}
.hj-today-table th{padding:0 12px 10px;text-align:left;font-size:13px;font-weight:700;color:var(--hj-muted);border-bottom:1px solid var(--hj-fg)}
.hj-today-table td{padding:14px 12px;border-bottom:1px solid var(--hj-edge);vertical-align:top}
.hj-today-table tr:last-child td{border-bottom:0}
.hj-today-table th:first-child,.hj-today-table td:first-child{padding-left:0}
.hj-today-table th:last-child,.hj-today-table td:last-child{padding-right:0}
.hj-today-table__fit{width:76px;text-align:right;white-space:nowrap}
.hj-today-fit{font:700 22px/1 var(--hj-font-display);color:var(--hj-gold);font-variant-numeric:lining-nums proportional-nums}
.hj-today-fit--mid{color:var(--hj-teal)}
.hj-today-fit--low{color:var(--hj-body)}
.hj-today-of{font-size:13px;color:var(--hj-muted)}
.hj-today-table__role{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--hj-hi);text-align:left;cursor:pointer}
.hj-today-table__role:hover{text-decoration:underline;text-underline-offset:3px}
.hj-today-table__meta{font-size:15px;color:var(--hj-muted)}
.hj-today-table__why{font-size:15px}

/* needs you */
.hj-today-todo{list-style:none;margin:0;padding:0}
.hj-today-todo li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:16px 0;border-top:1px solid var(--hj-edge)}
.hj-today-todo li:first-child{border-top:0;padding-top:0}
.hj-today-todo b{display:block;font-size:17px;color:var(--hj-hi)}
.hj-today-todo p{margin:2px 0 0;font-size:16px}
.hj-today-todo__nudge{color:var(--hj-accent);font-weight:600}
.hj-today__clear{display:flex;align-items:center;gap:14px}
.hj-today__clear p{margin:0}

/* progress strip */
.hj-today-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--hj-edge)}
.hj-today-stage{padding:20px 20px 4px;border-left:1px solid var(--hj-edge)}
.hj-today-stage:first-child{border-left:0;padding-left:0}
.hj-today-stage__n{font:700 44px/1 var(--hj-font-display);color:var(--hj-hi);font-variant-numeric:lining-nums}
.hj-today-stage__label{margin-top:6px;font-weight:700;color:var(--hj-hi)}
.hj-today-stage__hint{font-size:14px;color:var(--hj-muted)}
.hj-today-stage--empty{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start}
.hj-today-stage--empty .hj-today-drawn{grid-row:1 / 4}
.hj-today-drawn{width:56px;height:56px;flex-shrink:0;color:var(--hj-gold)}
.hj-today-drawn path,.hj-today-drawn circle{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:760px){
  .hj-today__cta{width:100%;justify-content:center}
  .hj-today .hj-lede{font-size:16px}
  .hj-today__grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .hj-today__panel{padding:20px 18px}
  .hj-today__head{flex-wrap:wrap;row-gap:4px}
  .hj-today__head .hj-h2{flex-basis:100%}
  .hj-today-table thead,.hj-today-table__why{display:none}
  .hj-today-table td{display:block;padding:0;border:0}
  .hj-today-table tr{display:block;padding:12px 0;border-bottom:1px solid var(--hj-edge)}
  .hj-today-table__fit{width:auto;text-align:left}
  .hj-today-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hj-today-stage{padding:16px 0;border-left:0;border-bottom:1px solid var(--hj-edge)}
  .hj-today-stage__n{font-size:34px}
  .hj-today-stage--empty{grid-column:1 / -1}
}