.article-page{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:80px}.article-outer{width:calc(100vw - 48px);max-width:1100px;margin-top:82px;background:#ffffff45;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}.article-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}.article-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}.article-back{position:relative;z-index:1}.article-back a{font-size:.68rem;font-weight:375;color:var(--text-muted);text-decoration:none;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px;transition:color .2s}.article-back a:hover{color:var(--sage)}.article-header{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.article-hero{width:100%;border-radius:14px;object-fit:cover;max-height:380px}.article-tag{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}.article-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:clamp(1.3rem,3.5vw,1.85rem);letter-spacing:-.02em;color:var(--text);line-height:1.25}.article-intro{font-size:.79rem;font-weight:375;color:var(--text);line-height:1.85}.article-meta-row{display:flex;align-items:center;gap:8px;font-size:.62rem;font-weight:375;color:var(--text-muted);letter-spacing:.05em}.meta-dot{opacity:.4}.topic-pills{display:flex;flex-wrap:wrap;gap:6px}.topic-pill{display:inline-flex;align-items:center;background:#ffffff47;border:1px solid rgba(255,255,255,.82);border-radius:999px;padding:4px 14px;font-size:.62rem;font-weight:375;color:var(--text-muted);letter-spacing:.04em;box-shadow:0 0 10px #ffffff73,inset 0 1px #ffffffe6}.article-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}.prose{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.prose h2{font-family:Comfortaa,sans-serif;font-weight:700;font-size:.92rem;color:var(--text);letter-spacing:-.01em;margin-top:8px}.prose h3{font-family:Comfortaa,sans-serif;font-weight:700;font-size:.82rem;color:var(--text);margin-top:4px}.prose p{font-size:.79rem;font-weight:375;color:var(--text);line-height:1.9}.prose ul,.prose ol{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0}.prose ul li,.prose ol li{font-size:.79rem;font-weight:375;color:var(--text);line-height:1.75;padding-left:20px;position:relative}.prose ul li:before{content:"•";position:absolute;left:4px;color:var(--text-muted)}.prose ol{counter-reset:list}.prose ol li:before{counter-increment:list;content:counter(list) ".";position:absolute;left:4px;color:var(--text-muted);font-size:.7rem}.prose strong{font-weight:700;color:var(--text)}.prose em{font-style:italic}.prose a{color:var(--sage);text-decoration:underline;text-underline-offset:3px}.prose a:hover{opacity:.75}.prose img{width:100%;border-radius:14px;object-fit:cover}.prose blockquote{border-left:2px solid var(--sage);padding-left:16px;opacity:.75}.prose hr{height:1px;background:linear-gradient(90deg,transparent,rgba(140,130,160,.18) 20%,rgba(140,130,160,.18) 80%,transparent);border:none}.prose code{font-size:.72rem;background:#7a98681a;border-radius:4px;padding:1px 5px;color:var(--text)}.prose pre{background:#ffffff2e;border:1px solid rgba(255,255,255,.5);border-radius:12px;padding:16px;overflow-x:auto}.prose pre code{background:none;padding:0}.prose .guide-section{display:flex;flex-direction:column;gap:14px}.prose .section-header{display:flex;align-items:flex-start;gap:12px}.prose .section-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:.96rem;color:var(--text);letter-spacing:-.01em;padding-top:0}.prose .section-desc{font-size:.76rem;font-weight:375;color:var(--text);line-height:1.75}.prose .subpanels{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0}.prose .subpanels.single{grid-template-columns:1fr}.prose .subpanels.triple{grid-template-columns:1fr 1fr 1fr}.prose .subpanel{background:#fff3;border:1px solid rgba(255,255,255,.6);border-radius:14px;padding:16px 18px 14px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.prose .subpanel:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none;border-radius:14px}.prose .subpanel-header{display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:relative;z-index:1}.prose .subpanel-title{font-size:.78rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.prose .subpanel ul{list-style:none;display:flex;flex-direction:column;gap:5px;padding:0;position:relative;z-index:1}.prose .subpanel ul li{font-size:.73rem;font-weight:375;color:var(--text);line-height:1.65;padding-left:16px;position:relative}.prose .subpanel ul li:before{content:"•";position:absolute;left:4px;color:var(--text-muted)}.prose .subpanel ul li strong{font-weight:700;color:var(--text)}.prose .guide-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(140,130,160,.18) 20%,rgba(140,130,160,.18) 80%,transparent)}.prose .guide-conclusion{padding:4px 0}.prose .guide-conclusion p{font-size:.79rem;font-weight:375;color:var(--text);line-height:1.9}.prose .guide-conclusion strong{font-weight:700;color:var(--text)}@media(max-width:700px){.prose .subpanels,.prose .subpanels.triple{grid-template-columns:1fr}.prose .subpanel:has(.guide-table){overflow-x:auto;-webkit-overflow-scrolling:touch}}.article-disclaimer{width:calc(100vw - 48px);max-width:1100px;margin-top:14px;background:#ffffff12;backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 4px 24px var(--glass-shadow),inset 0 1px #ffffffeb;padding:16px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.disclaimer-hd{display:flex;align-items:center;gap:6px}.disclaimer-icon{flex-shrink:0;width:14px;height:14px;color:var(--text-muted);opacity:.7}.disclaimer-label{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.disclaimer-text{font-size:.72rem;font-weight:375;color:var(--text-muted);line-height:1.8;text-align:left}.faq-panel{width:calc(100vw - 48px);max-width:1100px;margin-top:10px;margin-bottom:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.58);border-radius:18px;position:relative;z-index:1;box-shadow:inset 0 1px #fffc,0 2px 12px #786e960f;overflow:hidden}.faq-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.32) 0%,transparent 50%);pointer-events:none;border-radius:18px}.faq-panel summary{font-size:.72rem;font-weight:375;color:var(--text-muted);letter-spacing:.08em;cursor:pointer;padding:16px 20px;list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.faq-panel summary::-webkit-details-marker{display:none}.faq-panel summary:after{content:"▾";font-size:1rem;transition:transform .25s;display:inline-block;line-height:1}.faq-panel[open] summary:after{transform:rotate(180deg)}.faq-panel-body{padding:0 16px 16px;display:flex;flex-direction:column;position:relative;z-index:1}.faq-item{background:#ffffff24;border:1px solid rgba(255,255,255,.45);border-radius:14px;overflow:hidden}.faq-item+.faq-item{margin-top:6px}.faq-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:none;border:none;cursor:pointer;font-family:Comfortaa,sans-serif;font-size:.73rem;font-weight:700;color:var(--text);text-align:left;line-height:1.5}.faq-chevron{flex-shrink:0;width:14px;height:14px;margin-left:12px;transition:transform .3s ease;color:var(--text-muted)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-ans-inner{padding:0 18px 14px;font-size:.72rem;font-weight:375;color:var(--text-muted);line-height:1.8}.related-tests{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;margin-bottom:-14px}.related-tests-lbl{font-family:Comfortaa,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.related-tests-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.related-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;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;transition:all .28s ease;box-shadow:0 2px 16px #786e9614,inset 0 1px #ffffffe6;position:relative;overflow:hidden}.related-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}.related-test-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #786e9629,inset 0 1px #fffffff2;border-color:#ffffffd9}.related-test-card.c-purple{background:#c4b4e447}.related-test-card.c-blue{background:#a8c0e047}.related-test-card.c-sage{background:#a8c8a447}.related-test-card.c-peach{background:#e0c4ac47}.related-test-card.c-rose{background:#dcb4be47}.related-test-name{font-size:.82rem;font-weight:700;color:var(--text);line-height:1.3;position:relative;z-index:1}.related-test-desc{font-size:.74rem;font-weight:375;color:var(--text-muted);line-height:1.55;flex:1;position:relative;z-index:1}.related-test-cta{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);position:relative;z-index:1}@media(max-width:520px){.related-tests-grid{grid-template-columns:1fr;gap:6px}}@media(max-width:520px){.article-outer{margin-top:84px;padding:24px 20px 28px}.article-disclaimer{width:calc(100vw - 48px);padding:14px 16px}}