.topic-page{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:0;padding-bottom:80px}.topic-outer{width:calc(100vw - 48px);max-width:1100px;margin-top:82px;background:#ffffff12;backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 8px 48px var(--glass-shadow),inset 0 1px #ffffffeb,inset 0 -1px #ffffff2e,inset 1px 0 #ffffff61;position:relative;overflow:hidden;padding:32px 36px 36px;display:flex;flex-direction:column;gap:28px}.topic-outer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 30%,rgba(255,255,255,.95) 70%,transparent);pointer-events:none}.topic-outer:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,transparent 44%);pointer-events:none;border-radius:28px}.topic-back{position:relative;z-index:1}.topic-back a{font-size:.68rem;font-weight:300;color:var(--text-muted);text-decoration:none;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px;transition:color .2s}.topic-back a:hover{color:var(--sage)}.topic-header{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.topic-label{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}.topic-title{font-family:Comfortaa,sans-serif;font-weight:600;font-size:clamp(1.3rem,3.5vw,1.85rem);color:var(--text);letter-spacing:-.02em}.topic-desc-text{font-size:.79rem;font-weight:300;color:var(--text-muted);line-height:1.7}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(140,130,160,.18) 20%,rgba(140,130,160,.18) 80%,transparent);position:relative;z-index:1}.tests-section{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.section-label{font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.tests-row{display:flex;gap:12px;flex-wrap:wrap}.test-card{flex:1;min-width:180px;max-width:280px;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.65);border-radius:16px;padding:18px 16px 14px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:all .28s ease;box-shadow:0 2px 16px #786e9614,inset 0 1px #ffffffe6;position:relative;overflow:hidden}.test-card:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.44) 0%,transparent 50%);pointer-events:none;border-radius:16px}.test-card.c-blue{background:#a8c0e047}.test-card.c-sage{background:#a8c8a447}.test-card.c-purple{background:#c4b4e447}.test-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #786e9629,inset 0 1px #fffffff2;border-color:#ffffffd9}.test-name{font-weight:600;font-size:.82rem;color:var(--text);position:relative;z-index:1}.test-desc{font-size:.68rem;font-weight:300;color:var(--text-muted);line-height:1.6;flex:1;position:relative;z-index:1}.test-cta{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);position:relative;z-index:1}.filter-pills{display:flex;flex-wrap:wrap;gap:7px;position:relative;z-index:1}.filter-pill{font-family:Comfortaa,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.07em;text-transform:capitalize;padding:5px 13px;border-radius:999px;cursor:pointer;background:#ffffff47;border:1px solid rgba(255,255,255,.82);box-shadow:0 0 10px #ffffff73,inset 0 1px #ffffffe6;color:var(--text-muted);transition:all .2s ease;appearance:none;-webkit-appearance:none;outline:none}.filter-pill:hover{color:var(--text);border-color:#fffffff2}.filter-pill.active{background:#ffffff85;color:var(--text);border-color:#fffffff2;box-shadow:0 0 14px #fff9,inset 0 1px #fffffff2}.content-section{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.content-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.content-card{display:flex;flex-direction:column;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.65);border-radius:16px;padding:18px 20px 14px;text-decoration:none;color:inherit;transition:all .28s ease;box-shadow:0 2px 16px #786e960f,inset 0 1px #ffffffe6;position:relative;overflow:hidden}.content-card:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.38) 0%,transparent 50%);pointer-events:none;border-radius:16px}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #786e9624,inset 0 1px #fffffff2;border-color:#ffffffd9}.content-title{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.35;position:relative;z-index:1}.content-desc{font-size:.73rem;font-weight:300;color:var(--text-muted);line-height:1.7;position:relative;z-index:1}.content-meta{font-size:.6rem;font-weight:300;color:var(--text-muted);position:relative;z-index:1;display:flex;align-items:center;gap:6px}.content-read{color:var(--sage)}.no-results{font-size:.73rem;font-weight:300;color:var(--text-muted);padding:20px 0 8px;position:relative;z-index:1}.empty-state{text-align:center;padding:48px 0 32px;position:relative;z-index:1}.empty-state p{font-size:.76rem;font-weight:300;color:var(--text-muted);line-height:1.8}@media(max-width:520px){.topic-outer{margin-top:84px;padding:24px 20px 28px}.tests-row{flex-direction:column}.test-card{max-width:100%}.content-list{grid-template-columns:1fr}}