html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--color-surface);overflow-x:clip}.article-prose a{color:var(--color-accent)}.inner-header{z-index:20;padding:1rem var(--layout-gutter);border-bottom:1px solid var(--color-line);backdrop-filter:blur(18px);background:#f7f6f0e6;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:sticky;top:0}.inner-brand{min-height:2.75rem;color:var(--color-text);letter-spacing:-.02em;font-size:1.4rem;font-weight:800;line-height:2.75rem;text-decoration:none}.inner-brand span{color:var(--color-accent)}.inner-header nav{gap:clamp(.3rem,2vw,1.75rem);display:flex}.inner-header nav a{min-height:2.75rem;color:var(--color-text-muted);font:600 var(--text-nav) / 1 var(--font-interface);align-items:center;padding:0 .5rem;text-decoration:none;display:inline-flex}.inner-header nav a:hover,.inner-header nav a:focus-visible{color:var(--color-text)}.brain-hero{background:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:5rem 5rem;align-content:center;min-height:clamp(30rem,62svh,42rem);padding-top:clamp(6rem,12vh,10rem);padding-bottom:clamp(5rem,10vh,9rem);display:grid;position:relative;overflow:hidden}.brain-hero:before{content:"";pointer-events:none;border:1px solid #7a590038;border-radius:50%;width:min(55vw,48rem);height:min(55vw,48rem);position:absolute;top:12%;right:-12%;box-shadow:0 0 0 5rem #e4c85f13,0 0 0 10rem #e4c85f09}.brain-kicker{color:var(--color-accent);font:700 var(--text-caption) / 1.4 var(--font-interface);letter-spacing:.14em;text-transform:uppercase;margin:0}.brain-hero h1{max-width:14ch;color:var(--color-text);font-size:var(--text-display-lg);letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:1.5rem 0 0;position:relative}.brain-intro{max-width:38rem;color:var(--color-text-muted);margin:3rem 0 0;font-size:clamp(.95rem,1.4vw,1.12rem);line-height:1.9}.brain-count{color:var(--color-accent-secondary);font:600 var(--text-caption) / 1 var(--font-interface);letter-spacing:.08em;margin:2rem 0 0}.article-browser{border-top:1px solid var(--color-line);padding-top:clamp(2rem,4vw,4rem);padding-bottom:clamp(6rem,12vw,11rem)}.browser-toolbar{grid-template-columns:1fr minmax(18rem,.7fr);align-items:end;gap:clamp(2rem,7vw,7rem);display:grid}.browser-toolbar h2{font-size:var(--text-display-md);letter-spacing:var(--tracking-display);margin:1rem 0 0}.search-field span{color:var(--color-text-muted);font:600 var(--text-caption) / 1 var(--font-interface);margin-bottom:.7rem;display:block}.search-field input{border:1px solid var(--color-line);background:var(--color-surface-raised);width:100%;min-height:3.5rem;color:var(--color-text);font:inherit;border-radius:0;outline:none;padding:0 1.1rem}.search-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #7a590038}.category-nav{scrollbar-width:none;gap:.7rem;margin:clamp(3rem,7vw,5.5rem) 0 2rem;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-nav button{border:1px solid var(--color-line);border-radius:var(--radius-pill);min-width:max-content;min-height:2.75rem;color:var(--color-text-muted);cursor:pointer;font:600 var(--text-caption) / 1 var(--font-interface);transition:background-color var(--motion-duration-fast) ease, border-color var(--motion-duration-fast) ease, transform var(--motion-duration-fast) var(--motion-ease-hover);background:0 0;align-items:center;gap:.7rem;padding:0 1rem;display:inline-flex}.category-nav button span{color:var(--color-accent)}.category-nav button.is-active,.category-nav button:hover{border-color:var(--color-accent);color:var(--color-text)}.category-nav button:hover,.category-nav button:focus-visible{background-color:var(--interaction-hover-surface);transform:translateY(-.12rem)rotate(-.3deg)}.article-grid{border-top:1px solid var(--color-line)}.article-card{border-bottom:1px solid var(--color-line);min-height:13rem;color:var(--color-text);transition:background-color var(--motion-duration-fast) ease, box-shadow var(--motion-duration-medium) var(--motion-ease-hover), transform var(--motion-duration-medium) var(--motion-ease-hover);grid-template-columns:minmax(13rem,.42fr) minmax(0,1fr) 2rem;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);padding:1rem 0;text-decoration:none;display:grid;position:relative}.article-card:is(:hover,:focus-visible){background:var(--interaction-hover-surface);box-shadow:var(--interaction-hover-shadow);transform:translateY(-.25rem)rotate(-.15deg)}.article-card[hidden]{display:none}.article-card__meta,.article-card__category{color:var(--color-text-muted);font:600 var(--text-caption) / 1.4 var(--font-interface)}.article-card__visual{border:1px solid var(--color-line);border-radius:calc(var(--radius-lg) * .6);background:#fff;grid-area:1/1/span 2;place-items:center;height:11rem;margin:0;display:grid;overflow:hidden}.article-card__visual[data-category=data-analysis],.article-card__visual[data-category=life-reflections]{background:#fff}.article-card__visual img{object-fit:contain;width:100%;height:100%;transition:transform var(--motion-duration-medium) var(--motion-ease-hover)}.article-card:is(:hover,:focus-visible) .article-card__visual img{transform:translateY(-.3rem)scale(1.035)rotate(-1.25deg)}.article-card__meta{grid-area:1/2;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.article-card__meta time{font-variant-numeric:tabular-nums}.article-card__copy{grid-area:2/2}.article-card__category{color:var(--color-accent)}.article-card__copy h3,.article-card__copy p{margin:0}.article-card__copy h3{letter-spacing:var(--tracking-display);font-size:clamp(1.18rem,1.9vw,1.7rem)}.article-card__copy p{color:var(--color-text-muted);font-size:var(--text-small);line-height:1.7}.article-card__arrow{color:var(--color-accent);transition:transform var(--motion-duration-fast) var(--motion-ease-hover);grid-area:1/3/span 2;font-size:1.4rem}.article-card:is(:hover,:focus-visible) .article-card__arrow{transform:translate(.25rem,-.25rem)rotate(4deg)}.search-empty{border-bottom:1px solid var(--color-line);color:var(--color-text-muted);text-align:center;margin:0;padding:4rem 1rem}.empty-category{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:.45fr .8fr 1fr;align-items:baseline;gap:2rem;margin-top:clamp(6rem,12vw,10rem);padding:3rem 0;display:grid}.empty-category h2,.empty-category>p:last-child{margin:0}.empty-category h2{letter-spacing:var(--tracking-display);font-size:clamp(2rem,4vw,4rem)}.empty-category>p:last-child{color:var(--color-text-muted);line-height:1.8}.inner-footer{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;padding-bottom:2rem;display:flex}.inner-footer p,.inner-footer__link{color:var(--color-text-muted);font:600 var(--text-caption) / 1.4 var(--font-interface);margin:0;text-decoration:none}.article-detail{max-width:72rem;padding-top:clamp(5rem,10vw,9rem);padding-bottom:clamp(7rem,14vw,12rem)}.article-detail__header{border-bottom:1px solid var(--color-line);justify-items:start;padding-bottom:clamp(1.5rem,3vw,2.5rem);display:grid}.back-link{min-height:2.75rem;color:var(--color-text-muted);font:600 var(--text-caption) / 1 var(--font-interface);align-items:center;gap:.45rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);text-decoration:none;display:inline-flex}.article-detail__header h1{max-width:28ch;font-size:var(--text-article-title);letter-spacing:var(--tracking-display);text-wrap:balance;overflow-wrap:anywhere;margin:1.3rem 0 0;line-height:1.3}.article-detail__summary{max-width:45rem;color:var(--color-text-muted);margin:2rem 0 0;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.8}.article-meta{color:var(--color-accent-secondary);font:600 var(--text-caption) / 1.5 var(--font-interface);flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;display:flex}.article-prose{max-width:48rem;color:var(--color-text);margin:clamp(2rem,4vw,3.5rem) auto 0;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.95}.article-prose h2{color:var(--color-text);letter-spacing:var(--tracking-display);margin:4rem 0 1.25rem;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.15}.article-prose h3{color:var(--color-accent);margin:2.8rem 0 1rem;font-size:clamp(1.35rem,2.3vw,1.8rem)}.article-prose p,.article-prose ul,.article-prose ol,.article-prose blockquote,.article-prose table{margin:1.3rem 0}.article-prose strong{color:var(--color-text)}.article-prose blockquote{border-left:2px solid var(--color-accent);color:var(--color-text);font-family:var(--font-display);padding:1.5rem 0 1.5rem 1.5rem;font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.7}.article-prose table{border-collapse:collapse;width:100%;font-size:.9rem;display:block;overflow-x:auto}.article-prose th,.article-prose td{border:1px solid var(--color-line);text-align:left;min-width:9rem;padding:.85rem 1rem}.article-prose th{background:var(--color-surface-raised);color:var(--color-text)}.article-detail__footer{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:2rem;max-width:48rem;margin:6rem auto 0;padding-top:2rem;display:flex}.article-detail__footer p{color:var(--color-text-muted);margin:0}.article-detail__next{color:var(--color-accent);align-items:center;gap:.45rem;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=960px){.category-nav button,.article-card{grid-template-columns:minmax(8rem,.34fr) minmax(0,1fr) 2rem}.article-card__arrow{grid-area:1/3/span 2}}@media (width<=680px){.inner-header{flex-direction:column;align-items:flex-start;gap:0;padding-top:.6rem;padding-bottom:.4rem}.inner-header nav{scrollbar-width:none;width:100%;overflow-x:auto}.inner-header nav a:first-child{padding-left:0}.brain-hero{min-height:32rem}.brain-hero:before{width:100vw;height:100vw;top:28%;right:-45%}.browser-toolbar,.empty-category{grid-template-columns:1fr}.article-card{grid-template-columns:7.5rem minmax(0,1fr) 1.5rem;gap:1rem;padding:1.5rem 0}.article-card__visual{height:7rem}.article-card__meta,.article-card__copy{grid-column:2}.article-card__arrow{grid-area:1/3/span 2}.article-detail__header h1{font-size:var(--text-article-title)}.article-detail__footer,.inner-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card,.article-card__visual img,.article-card__arrow{transition:none}.category-nav button:is(:hover,:focus-visible),.article-card:is(:hover,:focus-visible),.article-card:is(:hover,:focus-visible) .article-card__visual img,.article-card:is(:hover,:focus-visible) .article-card__arrow{transform:none}}