.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 4px 20px -4px 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-nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;position:relative;z-index:1}.topic-nav-pill{font-family:Comfortaa,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;border-radius:999px;text-decoration:none;background:#ffffff47;border:1px solid rgba(255,255,255,.68);color:var(--text-muted);transition:all .18s ease}.topic-nav-pill:hover{color:var(--text);background:#ffffff70}.topic-nav-pill.active{background:#ffffffb8;color:var(--text);border-color:#ffffffeb;box-shadow:0 1px 8px #786e961f}.topic-search-wrap{position:relative;z-index:1;display:flex;align-items:center;gap:8px;background:#ffffff70;border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:8px 14px;backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);box-shadow:0 2px 16px #786e9614,inset 0 1px #fffffff2}.topic-search-icon{flex-shrink:0;color:var(--text-muted);opacity:.65}.topic-search-input{flex:1;background:none;border:none;outline:none;font-family:Comfortaa,sans-serif;font-size:.76rem;font-weight:400;color:var(--text);padding:2px 0}.topic-search-input::placeholder{color:var(--text-muted)}.topic-search-input::-webkit-search-cancel-button{display:none}.filter-pills{display:flex;flex-wrap:wrap;gap:7px;position:relative;z-index:1}.filter-pill{appearance:none;-webkit-appearance:none;outline:none;font-family:Comfortaa,sans-serif;font-size:.6rem;font-weight:400;letter-spacing:.06em;text-transform:capitalize;padding:4px 12px;border-radius:999px;cursor:pointer;background:#ffffff47;border:1px solid rgba(255,255,255,.68);color:var(--text-muted);transition:all .18s ease}.filter-pill:hover{color:var(--text);background:#ffffff70}.filter-pill.active{background:#ffffff9e;color:var(--text);border-color:#ffffffe6;box-shadow:0 1px 8px #786e961a}.topic-header{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.topic-label{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}.topic-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:clamp(.8rem,2vw,1.1rem);color:var(--text);letter-spacing:.14em;text-transform:uppercase}.topic-desc-text{font-size:.79rem;font-weight:375;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:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.tests-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.test-card{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.c-peach{background:#e0c4ac47}.test-card.c-rose{background:#dcb4be47}.test-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #786e9629,inset 0 1px #fffffff2;border-color:#ffffffd9}.test-name{font-weight:700;font-size:.82rem;color:var(--text);position:relative;z-index:1}.test-desc{font-size:.68rem;font-weight:375;color:var(--text-muted);line-height:1.6;flex:1;position:relative;z-index:1}.test-cta{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);position:relative;z-index:1}.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-card.c-blue{background:#a8c0e047}.content-card.c-sage{background:#a8c8a447}.content-card.c-purple{background:#c4b4e447}.content-card.c-peach{background:#e0c4ac47}.content-card.c-rose{background:#dcb4be47}.content-title{font-size:.88rem;font-weight:700;color:var(--text);line-height:1.35;position:relative;z-index:1}.content-desc{font-size:.73rem;font-weight:375;color:var(--text-muted);line-height:1.7;position:relative;z-index:1}.content-meta{font-size:.6rem;font-weight:375;color:var(--text-muted);position:relative;z-index:1;display:flex;align-items:center;gap:6px}.content-read{color:var(--sage)}.topic-no-results{font-size:.73rem;font-weight:375;color:var(--text-muted);padding:8px 0;position:relative;z-index:1;display:none}.pg-nav{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:4px}.pg-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ffffff52;border:1px solid rgba(255,255,255,.72);cursor:pointer;color:var(--text-muted);transition:all .2s;flex-shrink:0}.pg-btn:hover:not(:disabled){background:#fff9;color:var(--text)}.pg-btn:disabled{opacity:.28;cursor:default}.pg-count{font-size:.6rem;font-weight:375;color:var(--text-muted);letter-spacing:.06em;min-width:30px;text-align:center}@media(max-width:520px){.topic-outer{margin-top:84px;padding:24px 20px 28px}.tests-row{grid-template-columns:1fr 1fr}.content-list{grid-template-columns:1fr}.topic-search-input{font-size:16px}}