.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:#ffffff47;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.78);border-radius:28px;box-shadow:0 4px 40px #6450b417;position:relative;overflow:hidden;padding:0 36px 36px;display:flex;flex-direction:column;gap:28px}.topic-hero-img{width:calc(100% + 72px);margin:0 -36px;display:block;aspect-ratio:7 / 2;object-fit:cover;object-position:center 30%;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%);flex-shrink:0}.topic-nav{margin-top:-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(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);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 20px #645aa012;position:relative;overflow:hidden}.test-card.c-blue,.test-card.c-sage,.test-card.c-purple,.test-card.c-peach,.test-card.c-rose{background:#ffffff78}.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{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:8px;background:#ffffff78;border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:18px 20px 14px;text-decoration:none;color:inherit;transition:all .28s ease;box-shadow:0 2px 20px #645aa012;position:relative;overflow:hidden}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #786e9624,inset 0 1px #fffffff2;border-color:#ffffffd9}.content-card.c-blue,.content-card.c-sage,.content-card.c-purple,.content-card.c-peach,.content-card.c-rose{background:#ffffff78}.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;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.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:0 20px 28px}.topic-hero-img{width:calc(100% + 40px);margin:0 -20px}.tests-row{grid-template-columns:1fr 1fr}.content-list{grid-template-columns:1fr}.topic-search-input{font-size:16px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.topic-outer{background:#ede9f8cc}}