@layer components{.pi-section{border-top:1px solid var(--color-rule);padding:2.5rem 0}.pi-section:first-child{border-top:0}.pi-heat{font-family:var(--font-mono);color:var(--color-ink-3);grid-template-columns:3.25rem repeat(24,minmax(.9rem,1fr));gap:2px;min-width:30rem;font-size:.625rem;display:grid}.pi-heat .lbl{letter-spacing:.08em;text-transform:uppercase;align-self:center}.pi-heat .hr{text-align:center}.pi-heat .c{aspect-ratio:1;background:var(--color-tint);position:relative}.pi-heat .c[data-n="0"]{box-shadow:inset 0 0 0 1px var(--color-rule);background:0 0}.pi-heat .c>i{background:var(--color-purple-deep);position:absolute;inset:0}.pi-heat .c[data-hl=true]{box-shadow:inset 0 0 0 2px var(--color-navy)}.surface-dark .pi-heat .c{background:#ffffff14}.surface-dark .pi-heat .c[data-n="0"]{box-shadow:inset 0 0 0 1px var(--color-rule-dark)}.surface-dark .pi-heat .c[data-hl=true]{box-shadow:inset 0 0 0 2px #fff}.surface-dark .pi-heat .c>i{background:var(--color-purple)}.surface-dark .pi-heat{color:var(--color-paper-3)}.pi-heat-legend{font-family:var(--font-mono);font-size:var(--text-label-sm);color:var(--color-ink-3);align-items:center;gap:.5rem;display:flex}.pi-heat-legend>i{background:var(--color-purple-deep);width:.875rem;height:.875rem;display:inline-block}.surface-dark .pi-heat-legend{color:var(--color-paper-3)}.surface-dark .pi-heat-legend>i{background:var(--color-purple)}.pi-cal{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.pi-cal th,.pi-cal td{border-top:1px solid var(--color-rule);text-align:right;white-space:nowrap;padding:.45rem .5rem .45rem 0}.pi-cal th{font-size:var(--text-label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-3);border-top:0;border-bottom:1px solid var(--color-rule-strong);font-weight:500}.pi-cal th.txt,.pi-cal td.txt{text-align:left;font-family:var(--font-sans)}.pi-cal td.dim{color:var(--color-ink-3)}.pi-cal td.hot{color:var(--color-purple-deep);font-weight:700}.pi-cal td.chg{box-shadow:inset 0 -2px 0 var(--color-purple)}.surface-dark .pi-cal th,.surface-dark .pi-cal td{border-color:var(--color-rule-dark)}.surface-dark .pi-cal td.dim{color:var(--color-paper-3)}.surface-dark .pi-cal td.hot{color:var(--color-purple-light)}.pi-steps{border-top:1px solid var(--color-rule-strong);gap:0;display:grid}.pi-steps>div{border-bottom:1px solid var(--color-rule);font-size:var(--text-small);grid-template-columns:1.5rem minmax(9rem,14rem) minmax(0,1fr);align-items:baseline;gap:.75rem;padding:.6rem 0;display:grid}.pi-steps>div>span:first-child{font-family:var(--font-mono);color:var(--color-ink-3);font-size:var(--text-label-sm)}.pi-steps>div>span:nth-child(2){font-family:var(--font-mono);font-size:var(--text-caption)}.pi-steps>div[data-bad=true]>span:nth-child(2){color:var(--color-purple-deep);font-weight:700}.surface-dark .pi-steps,.surface-dark .pi-steps>div{border-color:var(--color-rule-dark)}.surface-dark .pi-steps>div[data-bad=true]>span:nth-child(2){color:var(--color-purple-light)}.pi-two{gap:2rem;display:grid}@media (min-width:64rem){.pi-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.pi-plan{border:1px solid var(--color-rule-strong);padding:1.25rem}.surface-dark .pi-plan{border-color:var(--color-rule-dark-strong)}.pi-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.5rem + 2vw,3.5rem);font-weight:300;line-height:1}@media (max-width:40rem){.pi-steps>div{grid-template-columns:1.25rem minmax(6rem,8rem) minmax(0,1fr)}}}