/* Re. Planner page: shares academy.css (ac-) and adds the pieces below (pl-). */
.pl-hero { padding-top: 96px; padding-bottom: 96px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 64px; align-items: center; }
.pl-hero__copy { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.pl-hero__lede { font-size: 18px; line-height: 1.6; color: var(--sage); max-width: 44ch; }
.pl-sheet { position: static; }
.pl-r { text-align: right !important; font-variant-numeric: tabular-nums; }
.ac-sheet th.pl-r { padding-right: 0; padding-left: 8px; }
.ac-sheet td.pl-r { padding-right: 0; padding-left: 8px; }
.pl-key td { font-weight: 600; border-top: 2px solid var(--forest); }
.pl-tools__head { padding-top: 128px; max-width: 720px; }
.pl-tools { padding-bottom: 128px; margin-top: 48px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
.pl-tool { background: var(--ivory); padding: 40px 36px 36px; display: flex; flex-direction: column; min-width: 0; }
.pl-tool__n { font-family: var(--mono); font-size: 12px; letter-spacing: 0.2em; color: var(--gold); }
.pl-tool h3 { font-family: var(--display); font-weight: 900; font-size: 30px; letter-spacing: -0.02em; margin-top: 14px; }
.pl-tool__for { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sage); margin-top: 8px; }
.pl-tool .ac-uses { margin-top: 28px; }
.pl-tool .ac-uses span { color: var(--gold); }
.pl-tool__note { margin-top: auto; padding-top: 24px; font-size: 15.5px; line-height: 1.55; color: var(--forest); font-weight: 500; }
.ac-platform .pl-tools { margin-bottom: 128px; padding-bottom: 0; }
@media (max-width: 980px) {
  .pl-hero { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .pl-tools { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .pl-hero { padding-top: 56px; padding-bottom: 64px; }
  .pl-tools__head { padding-top: 80px; }
  .ac-platform .pl-tools { margin-bottom: 80px; }
  .pl-tool { padding: 28px 22px; }
}