.tpi .tpi-head,.tpi .tpi-head p{max-width:none}.tpi .tpi-lede{text-wrap:balance}.tpi .tpi-head h2{margin:0}.tpi .tpi-sub{font-size:1.125rem;line-height:1.5;font-weight:var(--fw-semibold);color:var(--text-primary);margin:24px 0 0}.tpi .tpi-lede{color:var(--text-body);margin:8px 0 0}.tpi .tpi-lk{margin-top:var(--space-5)}.tpi .tpi-grid{gap:var(--space-3);margin-top:var(--space-12);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tpi .tpi-lead{gap:var(--space-5);padding:var(--space-7,28px);border-radius:var(--radius-lg);background:var(--surface-dark);color:var(--text-on-dark);flex-direction:column;display:flex}.tpi .tpi-lead h3{font-size:1.375rem;line-height:1.25;font-weight:var(--fw-semibold);color:var(--text-on-dark);margin:0}.tpi .tpi-lead ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tpi .tpi-lead li{color:var(--text-body-on-dark);align-items:center;gap:10px;font-size:.9375rem;display:flex}.tpi .tpi-lead li svg{width:18px;height:18px;color:var(--text-on-dark);flex:none}.tpi .tpi-when{padding-top:var(--space-4);border-top:var(--border-thin) solid var(--border-on-dark);gap:6px;margin-top:auto;display:grid}.tpi .tpi-when span{color:var(--text-muted-on-dark);font-size:.8125rem}.tpi .tpi-c{padding:var(--space-6) var(--space-6) var(--space-5);border:var(--border-thin) solid var(--border-card);border-radius:var(--radius-lg);background:var(--white);transition:translate .25s var(--ease-standard), box-shadow .25s var(--ease-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.tpi .tpi-c:hover{translate:0 -4px;box-shadow:0 1px 1px #0f121608,0 8px 16px #0f12160d,0 36px 64px -30px #0f12164d}}.tpi .tpi-c__t{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.tpi .tpi-ib{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--text-primary) 6%, transparent);width:40px;height:40px;color:var(--text-secondary);transition:background-color var(--duration-state) var(--ease-standard), color var(--duration-state) var(--ease-standard);place-items:center;display:grid}.tpi .tpi-ib svg{width:20px;height:20px}@media (hover:hover) and (pointer:fine){.tpi .tpi-c:hover .tpi-ib{background:var(--accent);color:var(--white)}}.tpi .tpi-n{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.75rem}.tpi .tpi-c h3{font-size:1.125rem;line-height:1.3;font-weight:var(--fw-semibold);color:var(--text-primary);margin:0}.tpi .tpi-x{min-height:2.9em;color:var(--text-secondary);margin:4px 0 0;font-size:.875rem;line-height:1.45}.tpi .tpi-pl{margin:var(--space-4) 0 0;border-top:var(--border-thin) solid var(--border-card);padding:0;list-style:none}.tpi .tpi-pl li{border-bottom:var(--border-thin) solid var(--border-card);color:var(--text-primary);align-items:center;gap:10px;padding:9px 0;font-size:.9375rem;display:flex}.tpi .tpi-pl li:before{content:"";background:var(--text-primary);border-radius:50%;flex:none;width:6px;height:6px}.tpi .tpi-bh{padding-top:var(--space-4);color:var(--text-body);margin:auto 0 0;font-size:.875rem}.tpi .tpi-bh span{font-size:.75rem;font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:4px;display:block}.tpi .tpi-note{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.tpi .tpi-fc{perspective:1200px;border-radius:var(--radius-lg);outline:var(--border-focus) solid transparent;min-width:0}.tpi .tpi-fc:focus-visible{box-shadow:0 0 0 var(--border-focus) var(--focus-line)}.tpi .tpi-fi{height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.65,0,.35,1);position:relative}.tpi .tpi-fc:is(:focus-within,.is-flip) .tpi-fi{transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.tpi .tpi-fc:hover .tpi-fi{transform:rotateY(180deg)}}.tpi .tpi-fc .tpi-c,.tpi .tpi-fb{backface-visibility:hidden}.tpi .tpi-fc .tpi-c{height:100%}@media (hover:hover) and (pointer:fine){.tpi .tpi-fc .tpi-c:hover{box-shadow:none;translate:none}}.tpi .tpi-fb{padding:var(--space-6) var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-dark);color:var(--text-on-dark);flex-direction:column;display:flex;position:absolute;inset:0;transform:rotateY(180deg)}.tpi .tpi-fk{font-size:.75rem;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted-on-dark)}.tpi .tpi-fb h4{margin:10px 0 var(--space-4);font-size:1.125rem;line-height:1.3;font-weight:var(--fw-semibold);color:var(--text-on-dark)}.tpi .tpi-fb ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tpi .tpi-fb li{color:var(--text-body-on-dark);align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.4;display:flex}.tpi .tpi-fb li svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:2px}.tpi .tpi-fr{padding-top:var(--space-4);border-top:var(--border-thin) solid var(--border-on-dark);color:var(--text-on-dark);margin:auto 0 0;font-size:.875rem;line-height:1.45}.tpi .tpi-fr span{font-size:.75rem;font-weight:var(--fw-semibold);color:var(--text-muted-on-dark);margin-bottom:4px;display:block}@media (hover:none){@media (hover:hover) and (pointer:fine){.tpi .tpi-fc:hover:not(.is-flip) .tpi-fi{transform:none}}}@media (prefers-reduced-motion:reduce){.tpi .tpi-fi{transition:none;transform:none!important}.tpi .tpi-fb{opacity:0;transition:opacity .2s;transform:none}.tpi .tpi-fc:is(:focus-within,.is-flip) .tpi-fb{opacity:1}@media (hover:hover) and (pointer:fine){.tpi .tpi-fc:hover .tpi-fb{opacity:1}}}@media (max-width:63.99rem){.tpi .tpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:39.99rem){.tpi .tpi-grid{grid-template-columns:minmax(0,1fr)}.tpi .tpi-x{min-height:0}}@media (prefers-reduced-motion:reduce){.tpi .tpi-c,.tpi .tpi-ib{transition:none}@media (hover:hover) and (pointer:fine){.tpi .tpi-c:hover{translate:none}}}