.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-8) var(--space-4)}.tp-hero{min-height:120px;padding:var(--space-10) var(--space-4);text-align:center;background-color:var(--color-bg);border-bottom:var(--space-px) 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:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.tp-hero__label{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);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:var(--line-height-relaxed);color:var(--color-text-secondary)}.tp-layout{display:grid;gap:var(--space-8)}.tp-layout__main{min-width:0}.tp-layout__side{display:flex;flex-direction:column;gap:var(--space-6)}.tp-list{display:flex;flex-direction:column;gap:var(--space-4)}.tp-card{min-height:120px;background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.tp-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.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__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.tp-card__sort{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.tp-card__date{color:var(--color-text-tertiary)}.tp-card__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tp-card__desc{margin:0;min-height:calc(var(--font-size-sm) * var(--line-height-relaxed) * 2);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tp-card__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-tertiary);background-color:var(--color-bg-secondary);border-radius:var(--radius-full);transition:background-color .2s,color .2s}.tp-card:hover .tp-card__arrow{background-color:var(--color-primary);color:var(--color-text-on-primary)}.tp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center;background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg)}.tp-empty__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);color:var(--color-text-tertiary);background-color:var(--color-bg-secondary);border-radius:var(--radius-full)}.tp-empty__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tp-empty__text{margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tp-sidebar__section{padding:var(--space-5);background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg)}.tp-sidebar__title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding-bottom:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);border-bottom:var(--space-px) solid var(--color-border)}.tp-sidebar__info-text{margin:0 0 var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.tp-sidebar__info-note{margin:0;padding:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-tertiary);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.tp-sidebar__related{display:flex;flex-direction:column;gap:var(--space-2)}.tp-sidebar__related-badge{display:inline-block;align-self:flex-start;padding:var(--space-1) var(--space-2-5);margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-lighter);border-radius:var(--radius-full)}.tp-sidebar__related-link{display:block;padding:var(--space-3);background-color:var(--color-bg-secondary);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color var(--duration-150) var(--easing-in-out),background-color var(--duration-150) var(--easing-in-out)}.tp-sidebar__related-link:hover{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.tp-sidebar__related-name{display:block;margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tp-sidebar__related-slogan{display:block;margin:0 0 var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.tp-sidebar__related-cta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary)}.tp-sidebar__topics-more{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none}.tp-sidebar__topics-more:hover{text-decoration:underline}.tp-sidebar__topics{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.tp-sidebar__topic-item{margin:0}.tp-sidebar__topic-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:background-color .2s,color .2s}.tp-sidebar__topic-link:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.tp-sidebar__topic-link.is-current{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.tp-sidebar__topic-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-sidebar__section--cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-color:transparent}.tp-sidebar__cta{text-align:center}.tp-sidebar__cta-title{margin:0 0 var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-on-primary)}.tp-sidebar__cta-text{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--overlay-white-85)}.tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;border:var(--space-px) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.tp-btn--primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.tp-btn--primary:hover{background-color:var(--color-primary-hover)}.tp-sidebar__section--cta .tp-btn--primary{background-color:var(--color-text-inverse);color:var(--color-primary)}.tp-sidebar__section--cta .tp-btn--primary:hover{background-color:var(--color-bg-secondary)}.tp-btn--block{width:100%}.tp-ico{flex-shrink:0;width:16px;height:16px}.tp-ico--sm{width:14px;height:14px}.tp-ico--xl{width:32px;height:32px}@media (min-width:768px){.tp-hero{padding:var(--space-12) var(--space-6)}.tp-hero__title{font-size:var(--font-size-3xl)}.tp-container{padding:var(--space-10) var(--space-6)}.tp-layout{grid-template-columns:1fr 280px}.tp-card__link{padding:var(--space-6)}.tp-card__title{font-size:var(--font-size-xl)}}@media (min-width:1024px){.tp-hero{padding:var(--space-16) var(--space-8)}.tp-hero__title{font-size:var(--font-size-4xl)}.tp-container{padding:var(--space-12) var(--space-8)}.tp-layout{grid-template-columns:1fr 320px;gap:var(--space-10)}.tp-list{gap:var(--space-5)}}.tp-main--index{background-color:var(--color-bg-secondary)}.tp-hero--index{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:var(--line-height-relaxed);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:180px;padding:var(--space-5);background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.tp-index-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.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:var(--line-height-snug);color:var(--color-text)}.tp-index-card__desc{margin:0;min-height:calc(var(--font-size-sm) * var(--line-height-relaxed) * 3);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);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;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-light);border-radius:var(--radius-md);text-decoration:none;transition:background-color .2s,color .2s}.tp-index-card__cta:hover{background-color:var(--color-primary);color:var(--color-text-on-primary)}.tp-index-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center;background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-lg)}.tp-index-empty__icon{margin-bottom:var(--space-4);color:var(--color-text-tertiary)}.tp-index-empty__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tp-index-empty__text{margin:0 0 var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (min-width:640px){.tp-index-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tp-index-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.tp-index-card__title{font-size:var(--font-size-xl)}}.tp-pillar-matrix{display:flex;flex-direction:column;gap:var(--space-10)}.tp-pillar-section{background-color:var(--color-bg);border:var(--space-px) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.tp-pillar-section__header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:var(--space-px) solid var(--color-border)}.tp-pillar-section__title{margin:0 0 var(--space-1);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.tp-pillar-section__desc{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.tp-index-card__desc.is-blank{display:none}@media (min-width:768px){.tp-pillar-section{padding:var(--space-8)}.tp-pillar-section__title{font-size:var(--font-size-2xl)}}@media (min-width:1024px){.tp-pillar-matrix{gap:var(--space-12)}.tp-pillar-section{padding:var(--space-10)}}