/* FUTURE OF BRAIN HEALTH — LEARNING CHANNEL components (designed in ChatGPT) */
.lx-feed-hero{position:relative;padding:clamp(5rem,9vw,9rem) 0 clamp(3rem,5vw,5rem);overflow:hidden}
.lx-feed-hero::before{content:"";position:absolute;width:600px;height:400px;right:-12%;top:-25%;background:radial-gradient(ellipse,rgba(139,233,240,.09),transparent 70%);pointer-events:none}
.lx-feed-hero .lx-hero-inner{position:relative;z-index:1}
.lx-feed-hero h1{max-width:850px;margin:1.25rem 0;font-size:clamp(3.4rem,8vw,7.2rem);letter-spacing:-.075em;line-height:.96}
.lx-feed-hero .lx-hero-subtitle{max-width:620px;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.25rem)}
.lx-update-badge{display:inline-flex;align-items:center;gap:10px;margin-top:2rem;padding:9px 14px;border:1px solid var(--line);border-radius:100px;color:var(--muted);background:rgba(17,28,42,.7);font-family:var(--mono);font-size:11px;letter-spacing:.04em}
.lx-update-dot{width:7px;height:7px;border-radius:50%;background:var(--ice);box-shadow:0 0 12px rgba(139,233,240,.7);animation:lx-pulse 2s ease-in-out infinite}
@keyframes lx-pulse{0%,100%{opacity:1;box-shadow:0 0 12px rgba(139,233,240,.7)}50%{opacity:.45;box-shadow:0 0 4px rgba(139,233,240,.2)}}

.lx-filters{display:flex;align-items:center;gap:9px;padding:1.25rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lx-filters::-webkit-scrollbar{display:none}
.lx-filter-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 15px;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--muted);font:500 12px/1.2 var(--sans);white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.lx-filter-chip:hover{color:var(--white);border-color:var(--line-bright)}
.lx-filter-chip.is-active{color:var(--night);background:var(--ice);border-color:var(--ice)}

.lx-featured{position:relative;padding:clamp(2rem,4.5vw,4.5rem);margin:2rem 0 4rem;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 100% 0%,rgba(139,233,240,.07),transparent 55%),linear-gradient(135deg,var(--surface),var(--night-2));overflow:hidden}
.lx-featured::after{content:"FEATURED RESEARCH";position:absolute;top:2.5rem;right:2.5rem;color:rgba(139,233,240,.25);font:10px var(--mono);letter-spacing:.16em}
.lx-featured .lx-meta{margin-bottom:1.5rem}
.lx-featured h2{max-width:850px;margin:1.2rem 0;font-size:clamp(2.2rem,4.5vw,4.5rem);line-height:1.02;letter-spacing:-.065em}
.lx-featured .lx-takeaway{max-width:740px;color:var(--muted);font-size:1.1rem;line-height:1.75}
.lx-why{max-width:760px;margin-top:2rem;padding:1rem 1.35rem;border-left:2px solid var(--amber);background:rgba(255,180,119,.045)}
.lx-why-label{display:block;margin-bottom:5px;color:var(--amber);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.lx-why p{margin:0;color:var(--muted);font-size:.95rem}
.lx-source-link{display:inline-flex;align-items:center;gap:8px;margin-top:1.75rem;color:var(--ice);font-size:13px;font-weight:600;transition:gap .2s}
.lx-source-link:hover{gap:13px;color:var(--ice-bright)}

.lx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:2rem 0 4rem}
.lx-brief{display:flex;flex-direction:column;min-width:0;padding:1.75rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface),rgba(13,21,34,.95));transition:border-color .25s,transform .25s,background .25s}
.lx-brief:hover{border-color:var(--line-bright);transform:translateY(-4px);background:var(--surface-2)}
.lx-brief h3{margin:1.2rem 0 .9rem;font-size:clamp(1.35rem,1.8vw,1.6rem);line-height:1.13;letter-spacing:-.045em}
.lx-brief .lx-takeaway{margin:0;color:var(--muted);font-size:.9rem;line-height:1.7}
.lx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted-2);font:10px var(--mono);letter-spacing:.04em}
.lx-category{display:inline-flex;padding:5px 9px;border:1px solid rgba(139,233,240,.2);border-radius:100px;color:var(--ice);background:rgba(139,233,240,.055);font:10px/1.2 var(--mono);letter-spacing:.015em;text-transform:uppercase}
.lx-brief .lx-why{margin-top:1.35rem;padding:.65rem .85rem}
.lx-brief .lx-why-label{font-size:9px}
.lx-brief .lx-why p{font-size:.82rem;line-height:1.55}
.lx-brief-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:1.5rem}
.lx-source-name{color:var(--muted-2);font:10px var(--mono);text-transform:uppercase}
.lx-brief-footer a{color:var(--ice);font:12px var(--mono);white-space:nowrap}
.lx-brief-footer a:hover{color:var(--ice-bright)}
.lx-hide{display:none!important}
.lx-count{color:var(--muted-2);font:11px var(--mono);letter-spacing:.04em}
.lx-feed-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-top:1rem}

.lx-home-latest{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}
.lx-home-intro h2{max-width:450px;margin:1rem 0 1.5rem;font-size:clamp(2.5rem,4.5vw,4.5rem)}
.lx-home-intro p{max-width:380px;color:var(--muted);font-size:.95rem}
.lx-home-list{border-top:1px solid var(--line)}
.lx-home-item{display:grid;grid-template-columns:110px 1fr 20px;align-items:center;gap:15px;padding:1.35rem 0;border-bottom:1px solid var(--line);transition:padding .2s,color .2s}
.lx-home-item:hover{padding-left:7px}
.lx-home-item .lx-home-meta{color:var(--muted-2);font:10px/1.7 var(--mono);text-transform:uppercase}
.lx-home-item h3{margin:5px 0 0;color:var(--white);font-size:1.1rem;line-height:1.3;letter-spacing:-.025em}
.lx-home-arrow{color:var(--ice);transition:transform .2s}
.lx-home-item:hover .lx-home-arrow{transform:translateX(4px)}

.lx-stats-hero{position:relative;padding:clamp(4rem,8vw,7rem) 0 3rem}
.lx-stats-hero h1{max-width:850px;margin:1rem 0;font-size:clamp(3rem,7vw,6.5rem)}
.lx-stats-hero p{max-width:650px;color:var(--muted)}
.lx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:3rem 0}
.lx-stat-card{display:flex;flex-direction:column;min-height:235px;padding:2rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.lx-stat-card.lx-stat-featured{grid-column:span 2;background:radial-gradient(ellipse at 100% 0%,rgba(255,180,119,.09),transparent 60%),var(--surface)}
.lx-stat-number{margin:0 0 1.2rem;color:var(--ice);font:500 clamp(3rem,5.5vw,5rem)/.95 var(--display);letter-spacing:-.075em}
.lx-stat-featured .lx-stat-number{color:var(--amber);font-size:clamp(4rem,8vw,7rem)}
.lx-stat-label{margin-bottom:.5rem;color:var(--white);font:500 1.2rem var(--display)}
.lx-stat-context{max-width:420px;margin:0;color:var(--muted);font-size:.85rem;line-height:1.6}
.lx-stat-source{margin-top:auto;padding-top:1.5rem;color:var(--muted-2);font:10px var(--mono);text-transform:uppercase}
.lx-stat-source:hover{color:var(--ice)}

.lx-glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4rem;border-top:1px solid var(--line);margin-top:3rem}
.lx-glossary-item{padding:1.65rem 0;border-bottom:1px solid var(--line)}
.lx-glossary-term{margin:0 0 .6rem;color:var(--white);font:500 1.4rem/1.2 var(--display);letter-spacing:-.045em}
.lx-glossary-definition{margin:0;color:var(--muted);font-size:.9rem;line-height:1.7}
.lx-glossary-letter{display:block;margin-bottom:.75rem;color:var(--ice);font:11px var(--mono)}

.lx-subscribe{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:4rem 0;padding:clamp(1.75rem,4vw,3rem);border:1px solid var(--line-bright);border-radius:var(--radius);background:radial-gradient(ellipse at 0% 100%,rgba(139,233,240,.07),transparent 55%),var(--surface)}
.lx-subscribe-copy{max-width:390px}
.lx-subscribe h3{margin:0 0 .5rem;font-size:clamp(1.5rem,2.5vw,2rem)}
.lx-subscribe p{margin:0;color:var(--muted);font-size:.85rem}
.lx-subscribe-form{display:flex;gap:8px;width:min(100%,440px)}
.lx-subscribe-input{flex:1;min-width:0;min-height:48px;padding:0 15px;border:1px solid var(--line);border-radius:8px;outline:none;color:var(--white);background:var(--night-2);font:13px var(--sans)}
.lx-subscribe-input::placeholder{color:var(--muted-2)}
.lx-subscribe-input:focus-visible{border-color:var(--ice);outline:2px solid rgba(139,233,240,.18);outline-offset:2px}
.lx-sr{position:absolute;left:-9999px}

.lx-disclaimer{display:flex;align-items:center;gap:12px;margin:2rem 0;padding:14px 18px;border:1px solid var(--line);border-radius:9px;background:rgba(17,28,42,.55);color:var(--muted-2);font-size:12px}
.lx-disclaimer-icon{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--line-bright);border-radius:50%;color:var(--ice);font:11px var(--mono)}

.lx-filter-chip:focus-visible,.lx-source-link:focus-visible,.lx-brief-footer a:focus-visible,.lx-home-item:focus-visible,.lx-stat-source:focus-visible,.lx-subscribe button:focus-visible{outline:2px solid var(--ice);outline-offset:4px;border-radius:4px}

@media (max-width:1024px){.lx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-home-latest{grid-template-columns:1fr 1.3fr;gap:3rem}.lx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-stat-featured{grid-column:span 2}.lx-glossary{column-gap:2rem}}
@media (max-width:720px){.lx-feed-hero{padding:4.5rem 0 3rem}.lx-feed-hero h1{font-size:clamp(3rem,13vw,5rem)}.lx-featured{padding:1.5rem;margin-bottom:2.5rem}.lx-featured::after{display:none}.lx-featured h2{font-size:2.35rem}.lx-grid{grid-template-columns:1fr;gap:12px}.lx-brief{padding:1.5rem}.lx-home-latest{grid-template-columns:1fr;gap:2.5rem}.lx-home-item{grid-template-columns:80px 1fr 18px;gap:10px}.lx-home-item h3{font-size:.98rem}.lx-stats{grid-template-columns:1fr}.lx-stat-card.lx-stat-featured{grid-column:span 1}.lx-stat-card{min-height:195px}.lx-glossary{grid-template-columns:1fr}.lx-subscribe{align-items:flex-start;flex-direction:column}.lx-subscribe-form{width:100%}.lx-disclaimer{align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.lx-update-dot{animation:none}.lx-brief,.lx-filter-chip,.lx-source-link,.lx-home-item,.lx-home-arrow{transition:none}.lx-brief:hover{transform:none}}
