/* Placement test: the quiet link on Today, the test's top bar and the results card. */
.deck-place{color:var(--ink2);font-size:13.5px;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;margin-left:4px}
.deck-place:hover{color:var(--ink);text-decoration-color:var(--pink)}

.pl-prog{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:130px;font-size:12px}
.pl-prog .meter{width:130px}
.pl-foot{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:14px}

.pl-results{max-width:720px;margin:0 auto}
.pl-results h2{margin:4px 0 8px}
.pl-areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:16px}
.pl-area{background:var(--tile2);border-left:4px solid var(--areac,var(--pink))}
.pl-ah{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px 6px}
.pl-an{font-weight:600;color:var(--ink);text-decoration:none}
.pl-al{font-size:13px;color:var(--ink2);white-space:nowrap}
.pl-al b{font-size:17px;color:var(--ink)}
.pl-skills{padding:0 12px 10px}
.pl-sk{display:flex;justify-content:space-between;padding:4px 0;color:var(--ink2);font-size:13.5px;border-top:1px solid var(--hair);text-decoration:none}
.pl-sk:hover{color:var(--ink)}

@media (max-width:600px){
  .pl-prog{min-width:0;width:100%;align-items:stretch}
  .pl-prog .meter{width:100%}
  .pl-areas{grid-template-columns:1fr}
  .pl-foot{justify-content:stretch}
  .pl-foot .btn{flex:1}
}