/* Home page */
.hero{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center;padding:24px 0 8px}
.hero__title{font-size:54px;font-weight:800;letter-spacing:-.025em;line-height:1.04;margin:0}
.bigsearch{position:relative;display:flex;align-items:center;gap:8px;margin-top:28px;padding:8px 8px 8px 22px;border-radius:var(--r-pill);background:var(--card);max-width:600px}
.bigsearch:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.bigsearch input{flex:1;min-width:0;border:0;background:transparent;font:18px var(--font);color:var(--fg);padding:12px 4px;outline:none}
.bigsearch input::placeholder{color:var(--muted);opacity:1}
.bigsearch input::-webkit-search-cancel-button{display:none}
.hero__try{margin-top:16px}
.hero__try .muted{font-size:14px}

.powcard{display:block;padding:12px;border-radius:var(--r-xl);background:var(--card);color:var(--fg);text-decoration:none}
.powcard__img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}
.powcard__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;padding:12px 8px 4px}
.powcard__head .kicker{white-space:nowrap}
.powcard__name{font-size:19px;font-weight:700}
.powcard__row{display:flex;align-items:center;gap:10px;padding:8px;border-top:1px solid var(--line)}
.powcard__k{flex:1;color:var(--muted);font-size:14px}
.powcard__v{font:600 14px var(--mono);text-align:right}
.powcard:hover .powcard__name{text-decoration:underline;text-underline-offset:3px}

/* first-time tips: three steps for someone who has just signed in */
.onb{margin-top:32px;padding:22px 24px}
.onb__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 20px}
.onb__intro{display:flex;flex-direction:column;gap:4px;min-width:0}
.onb__intro h2{margin:2px 0 0;font-size:24px;letter-spacing:-.01em;line-height:1.2;text-wrap:balance}
.onb__intro p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.onb__tools{display:flex;align-items:center;gap:8px;flex:none}
.onb__tools form{margin:0}
.onb__steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.onb__step{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon text" "cta cta";gap:10px 12px;align-items:start;padding:14px 16px;border-radius:var(--r-lg);background:var(--tile)}
.onb__step .iconbox{grid-area:icon;width:36px;height:36px;border-radius:12px}
.onb__step.is-done{opacity:.8}
.onb__text{grid-area:text;display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;line-height:1.45;color:var(--muted)}
.onb__text strong{font-size:15px;color:var(--fg)}
.onb__step .btn,.onb__done{grid-area:cta;justify-self:start}
.onb__done{align-self:center}
@media (max-width:860px){
  .onb{position:relative;padding:18px}
  .onb__head{display:block}
  .onb__intro{padding-right:44px} /* room for the close button */
  .onb__intro h2{font-size:21px}
  .onb__tools{margin-top:12px}
  .onb__tools .iconbtn{position:absolute;top:12px;right:12px}
  .onb__steps{grid-template-columns:minmax(0,1fr)}
}
.section--first{margin-top:32px}
.typegrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.typetile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:84px;padding:14px;border-radius:20px;background:var(--card);color:var(--fg);text-decoration:none}
.typetile:hover{filter:brightness(.97)}
.typetile__l{font-size:15px;font-weight:700;line-height:1.2}
.typetile__n{margin-top:auto;font:12px var(--mono);color:var(--muted);text-transform:uppercase}

.gaps{padding:8px 24px 16px}
.gaprow{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,220px) auto;gap:20px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.gaprow:first-child{border-top:0}
.gaprow__who{display:flex;align-items:center;gap:14px;min-width:0;color:var(--fg);text-decoration:none}
.gaprow__img,.gaprow .ph{width:56px;height:56px;border-radius:14px;object-fit:cover;flex:none;--r:14px}
.gaprow__name{display:block;font-size:17px;font-weight:700}
.gaprow__miss{display:block;font:11px/1.4 var(--mono);color:var(--muted);text-transform:uppercase;margin-top:2px}
.gaprow__bar{display:flex;align-items:center;gap:10px}
.gaprow__bar .gauge{flex:1}
.gaprow__bar b{font:600 12px var(--mono);width:36px;text-align:right}
.gaps__foot{margin:8px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.gaps__quick{margin-top:12px}
.gaps__quick .grow{display:flex;flex-direction:column;font-size:14px}

@media (max-width:1000px){.typegrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){
  .hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:8px}
  .hero__title{font-size:34px;line-height:1.1}
  .bigsearch{margin-top:20px;padding:6px 6px 6px 16px}
  .bigsearch input{font-size:16px}
  .gaprow{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .gaprow__bar{grid-column:1 / -1;order:3}
  .gaprow__add{grid-row:1;grid-column:2}
}
@media (max-width:560px){.typegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.gaps{padding-inline:16px}}