.tl-filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.75rem;display:flex}.tl-filter-btn{border:1.5px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);cursor:pointer;border-radius:999px;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.tl-filter-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.tl-filter-btn--active{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.tl-count{color:var(--color-text-muted);margin-left:auto;font-size:.8125rem}.tl-card-free .exam-test-card-count{background:color-mix(in srgb, var(--color-brand) 12%, transparent);color:var(--color-brand-dark)}.tl-card-premium .exam-test-card-count{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent)}.ts-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1024px){.ts-layout{grid-template-columns:1fr 320px;align-items:start}}.ts-meta-strip{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:.75rem;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.ts-meta-item{color:var(--color-text-muted);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.ts-meta-item strong{color:var(--color-text-body)}.ts-section-list{flex-direction:column;gap:.625rem;margin-bottom:1.5rem;display:flex}.ts-section-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.625rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.ts-section-num{background:var(--color-brand-light);width:1.75rem;height:1.75rem;color:var(--color-brand-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.ts-section-title{color:var(--color-text-body);font-weight:500}.ts-section-title--empty{color:var(--color-text-faint);font-style:italic}.ts-qtype-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.ts-qtype-chip{background:color-mix(in srgb, var(--color-brand) 10%, transparent);color:var(--color-brand-dark);border:1px solid color-mix(in srgb, var(--color-brand) 25%, transparent);border-radius:999px;padding:.3rem .75rem;font-size:.75rem;font-weight:600}.ts-sidebar-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.875rem;padding:1.5rem;position:sticky;top:5rem}.ts-sidebar-title{font-family:var(--font-display);color:var(--color-text-body);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.ts-start-btn{width:100%;font-size:1rem;font-weight:700;font-family:var(--font-display);background:var(--color-brand);color:#fff;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:background .15s,transform .1s;display:flex}.ts-start-btn:hover{background:var(--color-brand-dark);transform:translateY(-1px)}.ts-start-btn--locked{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.ts-start-btn--locked:hover{background:var(--color-surface-muted);transform:none}.ts-sidebar-note{color:var(--color-text-muted);text-align:center;font-size:.75rem;line-height:1.5}.ts-sidebar-divider{border:none;border-top:1px solid var(--color-border);margin:1.25rem 0}.ts-related-grid{grid-template-columns:1fr;gap:.625rem;display:grid}@media (width>=768px){.ts-related-grid{grid-template-columns:repeat(3,1fr)}}.ts-related-card{border:1px solid var(--color-border);border-left:3px solid var(--color-brand);background:color-mix(in srgb, var(--color-brand) 4%, var(--color-surface));border-radius:.625rem;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:.5rem;padding:.875rem 1rem;text-decoration:none;transition:box-shadow .22s,transform .18s,border-color .22s;display:grid;position:relative;overflow:hidden}.ts-related-card:before{content:"";background:var(--gradient-brand);opacity:0;z-index:0;transition:opacity .22s;position:absolute;inset:0}.ts-related-card:after{content:"";z-index:1;background-color:var(--color-brand);opacity:.3;grid-area:1/2/span 2;width:1.125rem;height:1.125rem;transition:opacity .18s,transform .18s,background-color .22s;position:relative;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") 50%/contain no-repeat}.ts-related-card:hover{box-shadow:0 8px 24px rgb(from var(--color-brand) r g b / .35);border-color:#0000 #0000 #0000 #ffffff59;transform:translateY(-2px)}.ts-related-card:hover:before{opacity:1}.ts-related-card:hover:after{opacity:1;background-color:#fff;transform:translate(3px)}.ts-related-card-name{z-index:1;color:var(--color-text-body);text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;margin-bottom:.125rem;font-size:.875rem;font-weight:600;transition:color .22s;position:relative;overflow:hidden}.ts-related-card:hover .ts-related-card-name{color:#fff}.ts-related-card-meta{z-index:1;color:var(--color-text-muted);grid-area:2/1;font-size:.75rem;transition:color .22s;position:relative}.ts-related-card:hover .ts-related-card-meta{color:#fffc}.ts-related-card:hover .ts-related-card-meta span{color:#fffffff2!important}.ti-wrap{max-width:640px;margin:0 auto;padding:2.5rem 1rem 4rem}.ti-header{text-align:center;margin-bottom:2rem}.ti-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.875rem;display:flex}.ti-title{font-family:var(--font-display);color:var(--color-text-body);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.ti-overview{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:.75rem;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.ti-overview-item{text-align:center}.ti-overview-value{font-family:var(--font-display);color:var(--color-brand);margin-bottom:.2rem;font-size:1.375rem;font-weight:800;line-height:1;display:block}.ti-overview-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.ti-section{margin-bottom:1.5rem}.ti-section-title{font-family:var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.625rem;font-size:.875rem;font-weight:700}.ti-rules{flex-direction:column;gap:.5rem;display:flex}.ti-rule{color:var(--color-text-body);align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.5;display:flex}.ti-rule-dot{background:color-mix(in srgb, var(--color-brand) 12%, transparent);width:1.25rem;height:1.25rem;color:var(--color-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;display:flex}.ti-tools-grid{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.ti-tool-item{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-body);border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.ti-tool-icon{color:var(--color-brand);flex-shrink:0}.ti-nudge{background:color-mix(in srgb, var(--color-brand) 6%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 20%, transparent);color:var(--color-text-body);border-radius:.625rem;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.8125rem;display:flex}.ti-nudge a{color:var(--color-brand);font-weight:600;text-decoration:underline}.ti-resume-box{background:color-mix(in srgb, var(--color-accent) 6%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-text-body);border-radius:.625rem;margin-bottom:1.25rem;padding:1rem;font-size:.875rem}.ti-actions{flex-direction:column;gap:.75rem;display:flex}@media (width>=480px){.ti-actions{flex-direction:row;justify-content:space-between}}.ti-begin-btn{font-size:1rem;font-weight:700;font-family:var(--font-display);background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;transition:background .15s,transform .1s;display:flex}.ti-begin-btn:hover{background:var(--color-brand-dark);transform:translateY(-1px)}.card--brand-left{border-left:3px solid var(--color-brand)}.ts-meta-strip--sm{padding:.75rem 1rem}.ts-meta-item--sm{font-size:.75rem}.exam-test-card-badge--free{background:var(--color-brand);color:#fff}.exam-test-card-badge--premium{background:var(--color-accent);color:#fff}.tl-score-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tl-score-label{color:var(--color-text-muted);font-size:.75rem}.tl-score-value{color:var(--color-brand);font-size:.9375rem;font-weight:700}.btn-premium{background:var(--gradient-brand);color:#fff;font-weight:700}.ts-start-btn--premium{background:var(--gradient-brand);justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:flex}