.tp-main{display:block;min-height:100vh;background-color:var(--color-bg-secondary)}.tp-container{max-width:var(--container-xl);margin-inline:auto;padding:var(--space-6) var(--space-4)}.tp-hero{min-height:180px;padding:var(--space-8) var(--space-4);text-align:center;background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.tp-hero__inner{max-width:var(--container-md);margin-inline:auto}.tp-hero__title{margin:0 0 var(--space-3);font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.3;min-height:calc(1.3 * 1.5rem * 2);color:var(--color-text)}.tp-hero__label{display:inline-block;min-height:28px;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.5;color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-full)}.tp-hero__desc{margin:0;font-size:var(--font-size-md);line-height:1.6;min-height:calc(1.6em * 2);color:var(--color-text-secondary)}.tp-hero--index{min-height:200px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-bottom:none}.tp-hero--index .tp-hero__title{color:var(--color-text-on-primary);margin-bottom:var(--space-4)}.tp-hero__intro{max-width:var(--container-md);margin:0 auto;font-size:var(--font-size-md);line-height:1.6;min-height:calc(1.6em * 3);color:var(--overlay-white-90)}.tp-index-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.tp-index-card{display:flex;flex-direction:column;min-height:200px;padding:var(--space-5);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tp-index-card__body{flex:1;min-width:0;margin-bottom:var(--space-4)}.tp-index-card__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.35;min-height:calc(1.35em * 2);color:var(--color-text)}.tp-index-card__desc{margin:0;font-size:var(--font-size-sm);line-height:1.6;min-height:calc(1.6em * 3);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tp-index-card__cta{display:inline-flex;align-items:center;align-self:flex-start;min-height:36px;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-md);text-decoration:none}.tp-list{display:flex;flex-direction:column;gap:var(--space-4)}.tp-card{min-height:120px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tp-card__link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);color:inherit;text-decoration:none}.tp-card__body{flex:1;min-width:0}.tp-card__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.35;min-height:calc(1.35em * 2);color:var(--color-text)}.tp-card__desc{margin:0;font-size:var(--font-size-sm);line-height:1.6;min-height:calc(1.6em * 2);color:var(--color-text-secondary)}@media (min-width:640px){.tp-index-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tp-container{padding:var(--space-10) var(--space-6)}.tp-index-grid{grid-template-columns:repeat(3,1fr)}.tp-hero{min-height:200px;padding:var(--space-16) var(--space-6)}.tp-hero--index{min-height:280px}.tp-hero__title{font-size:var(--font-size-3xl)}}