.tp-hero{padding-block:clamp(56px,8vh,104px)}.tp-hero .brush{color:var(--color-paper)}.tp-hero-page{justify-self:end;width:100%;max-width:520px}.tp-strip{margin-top:48px}.tp-level-page{justify-self:start;width:100%;max-width:420px}.tp-grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:52px;display:grid}.tp-grade{border:1.5px solid color-mix(in srgb, var(--color-paper) 30%, var(--color-ink));border-radius:var(--radius-card);flex-direction:column;min-width:0;padding:24px 22px 18px;display:flex}.tp-grade-head{gap:8px;display:grid}.tp-grade-no{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-brand);font-size:clamp(56px,6vw,88px);font-weight:800;line-height:1}.tp-grade-title{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.3}.tp-grade-links{border-top:1px solid color-mix(in srgb, var(--color-paper) 24%, var(--color-ink));margin-top:18px;display:grid}.tp-grade-links a{border-bottom:1px solid color-mix(in srgb, var(--color-paper) 24%, var(--color-ink));justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding-block:6px;font-size:15px;font-weight:600;display:flex}.tp-grade-links svg{width:18px;height:18px;transition:transform .2s var(--ease-out);flex:none}.tp-grade-links a:hover svg{transform:translate(4px)}.tp-grade-hooks{margin-top:auto;padding-top:12px;display:grid}.tp-grade-hooks a{min-height:44px;color:color-mix(in srgb, var(--color-paper) 84%, var(--color-ink));text-decoration:underline;-webkit-text-decoration-color:var(--color-brand);text-decoration-color:var(--color-brand);text-underline-offset:4px;align-items:center;font-size:14px;line-height:1.4;text-decoration-thickness:2px;display:inline-flex}.tp-grade-hooks a:hover{color:var(--color-paper)}.tp-grade-shared{border:1.5px solid color-mix(in srgb, var(--color-paper) 30%, var(--color-ink));border-radius:var(--radius-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 32px;margin-top:16px;padding:14px 22px;display:flex}.tp-grade-shared .tp-grade-head{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.tp-grade-shared .tp-grade-links{border-top:0;flex-wrap:wrap;gap:0 28px;margin-top:0;display:flex}.tp-grade-shared .tp-grade-links a{border-bottom:0;justify-content:flex-start}.tp-register{max-width:44ch;color:var(--color-ink-2);margin-top:28px;font-size:16px;line-height:1.6}.tp-voices{padding-block:clamp(80px,10vh,120px)}.tp-quote p{max-width:18ch;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(36px,5vw,76px);font-weight:800;line-height:1.08}.tp-quote footer{align-items:center;gap:14px;margin-top:26px;font-size:16px;font-weight:500;display:flex}.tp-quote footer:before{content:"";background:var(--color-ink);width:34px;height:3px}.tp-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;display:grid}.tp-notes li{border-top:1.5px solid var(--color-ink);padding-top:18px}.tp-notes b{font-size:14px;font-weight:700}.tp-notes p{margin-top:6px;font-size:16px;line-height:1.55}.tp-tools{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.tp-tools a{border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper);align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.tp-tools a:hover{background:var(--color-ink);color:var(--color-paper)}@media (max-width:1100px){.tp-grades{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.tp-hero-page{justify-self:start}.tp-notes{grid-template-columns:1fr}}@media (max-width:760px){.tp-grades{grid-template-columns:1fr;gap:12px;margin-top:36px}.tp-grade{padding:18px 16px 12px}.tp-grade-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.tp-grade-no{font-size:48px}.tp-grade-title{font-size:17px}.tp-grade-links{margin-top:14px}.tp-grade-shared{padding:16px 16px 8px;display:block}.tp-grade-shared .tp-grade-links{margin-top:10px;display:grid}.tp-quote p{font-size:clamp(32px,9vw,44px)}.tp-notes{margin-top:36px}}@media (prefers-reduced-motion:reduce){.tp-grade-links svg{transition:none}.tp-grade-links a:hover svg{transform:none}}