:root{font:100%/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color-scheme:light;--bg:#fff;--text:#17191d;--muted:#626873;--line:#e3e6eb;--surface:#f5f6f8;--blue:#235ee8;--blue-soft:#eef3ff;--header:rgba(255,255,255,.88);--shadow:0 20px 70px #1220381a}
:root[data-theme=dark]{color-scheme:dark;--bg:#101216;--text:#eef0f5;--muted:#adb5c3;--line:#2e333c;--surface:#1a1e25;--blue:#8aacff;--blue-soft:#1a294a;--header:rgba(16,18,22,.92);--shadow:0 20px 70px #0007}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}button:active,.button:active{transform:scale(.97)}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p{margin:0 0 1.25rem}h1,h2,h3{margin:0;font-optical-sizing:auto}h1,h2{letter-spacing:-.035em}h3{letter-spacing:-.015em}.wrap{width:min(1160px,calc(100% - 5rem));margin-inline:auto}.blue{color:var(--blue)}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.13em;color:var(--muted);text-transform:uppercase;margin-bottom:1.3rem}.metadata,.image-caption{font-size:.8125rem;color:var(--muted)}.lead{font-size:1.25rem;color:var(--muted);max-width:43rem;line-height:1.85}.text-link{font-size:.9375rem;color:var(--blue);font-weight:550;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.7rem 1.35rem;min-height:2.8rem;font-size:.9375rem;font-weight:550;transition:background 140ms,transform 120ms}.primary{background:var(--blue);color:#fff}:root[data-theme=dark] .primary{color:#101216}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--surface);border:1px solid var(--line)}.pending-link{font-size:.875rem;color:var(--muted)}svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}kbd{font-family:inherit;font-size:.75rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:var(--blue);color:white;padding:1rem}.skip:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:20;background:var(--header);backdrop-filter:blur(20px) saturate(150%)}.header-inner{width:min(1340px,calc(100% - 4rem));margin:auto;min-height:5rem;display:flex;align-items:center;gap:2rem}.brand{font-size:1.15rem;font-weight:700;letter-spacing:-.025em;display:inline-flex;align-items:center;gap:.6rem}.brand-mark{font-family:Georgia,serif;font-style:italic;font-size:1.6rem;line-height:1}.brand-mark span{color:var(--blue)}.desktop-nav{display:flex;gap:1.7rem;align-items:center;margin:auto;font-size:.875rem}.desktop-nav a,.mobile-nav a{color:var(--muted)}.desktop-nav a:hover,.desktop-nav a[aria-current],.mobile-nav a[aria-current]{color:var(--text)}.header-actions{display:flex;align-items:center;gap:.8rem}.header-actions button,.language{min-height:2.6rem;min-width:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:.6rem}.header-actions button:hover,.language:hover{background:var(--surface)}.search-toggle{gap:.6rem}.language{font-size:.8125rem;font-weight:600}.menu-toggle{display:none!important}.mobile-nav{padding:0 2rem 1.5rem}.mobile-nav:not([hidden]){display:grid;gap:.5rem}.mobile-nav a{padding:.6rem}.hero{padding-top:5.8rem;padding-bottom:2.8rem}.hero .eyebrow{margin-bottom:1.5rem}.hero h1{font-size:clamp(2.7rem,5.4vw,4.8rem);line-height:1.22;font-weight:650;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero-copy{font-size:1.15rem;color:var(--muted);max-width:36rem;margin-top:1.65rem;line-height:1.9}.hero-bottom{margin-top:3rem;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--muted);gap:1.5rem}.hero-bottom b{font-weight:400;padding:0 .5rem;color:var(--line)}.exploring{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem 0;display:flex;gap:2rem;align-items:center}.exploring h2{font-size:.875rem;letter-spacing:0;font-weight:600;white-space:nowrap}.focus-items{flex:1;display:flex;justify-content:space-between;gap:1.5rem}.focus-items a{font-size:.875rem;display:flex;align-items:center;gap:.7rem}.focus-items a:hover{color:var(--blue)}.focus-index{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:2.5rem}.section-head h2{display:flex;align-items:baseline;gap:1rem;font-size:1.3rem;letter-spacing:-.02em;font-weight:600}.section-number{font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--muted)}.featured-section{padding-top:4.2rem;padding-bottom:4.5rem}.featured-copy{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:2.4rem}.featured-copy h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.18;font-weight:600}.featured-copy p:not(.eyebrow){font-size:1.0625rem;color:var(--muted);line-height:1.85}.featured-copy .eyebrow{font-size:.6875rem;margin-bottom:1rem}.project-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.screenshot-frame{display:block;background:#edf0f5;border-radius:1.1rem;padding:1.2rem;border:1px solid var(--line);overflow:hidden;box-shadow:0 8px 26px #243b5a08}.screenshot-frame img{display:block;width:100%;height:auto;border-radius:.45rem;background:#fff;box-shadow:0 3px 16px #0001}.image-caption{margin:.9rem 0 0;text-align:center}.section{padding-top:1rem;padding-bottom:5rem}.section-intro{color:var(--muted);max-width:40rem;font-size:1.0625rem;margin-top:-1.2rem;margin-bottom:2rem}.learning-preview{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-column{padding:1.9rem 1.8rem 1.9rem 0}.learning-column+.learning-column{border-left:1px solid var(--line);padding-left:1.8rem}.topic-number{font-family:ui-monospace,monospace;font-size:.75rem;color:var(--muted)}.learning-column h3{font-size:1.25rem;margin:1rem 0 .8rem;font-weight:600}.learning-column p{color:var(--muted);font-size:.9375rem;min-height:3.5rem}.status{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.2rem .7rem;color:var(--muted);font-size:.8125rem;white-space:nowrap}.two-sections{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;padding-bottom:5.5rem}.two-sections .section-head{margin-bottom:1.5rem}.two-sections .section-head h2{font-size:1.1rem}.two-sections .text-link{font-size:.8125rem}.empty-state{color:var(--muted);padding:1.6rem 0;border-top:1px solid var(--line);font-size:.9375rem}.note-row{display:flex;align-items:center;gap:2rem;border-top:1px solid var(--line);padding:1.5rem 0}.note-row h3{font-size:1.15rem}.note-row .eyebrow{display:block;margin-bottom:.4rem}.note-row p{margin:.5rem 0 0;font-size:.9375rem;color:var(--muted)}.note-row:hover h3{color:var(--blue)}.note-row .metadata{margin-left:auto;white-space:nowrap}.ai-preview{background:var(--surface);padding:4.5rem 0}.ai-heading{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ai-heading h2{font-size:2.4rem;line-height:1.3;font-weight:600}.ai-heading p{color:var(--muted);font-size:1.0625rem;line-height:1.85}.ai-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2.5rem}.ai-areas h3{font-size:1.3rem;margin:.7rem 0}.ai-areas p{color:var(--muted);font-size:.9375rem}.wip-inline{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem;display:flex;gap:1rem;align-items:center}.wip-inline p{margin:0;color:var(--muted);font-size:.875rem}.about-preview{padding:5rem 0}.about-preview h2{font-size:2.3rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.about-preview>p:not(.eyebrow){max-width:42rem;color:var(--muted);font-size:1.0625rem;line-height:1.9}.site-footer{padding:2.5rem 0 3rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem}.site-footer p{font-size:.8125rem;color:var(--muted);margin:.5rem 0 0}.footer-right{font-size:.8125rem;text-align:right;color:var(--muted)}.footer-right>div{display:flex;gap:1.4rem;justify-content:end;margin-top:.7rem}
.page-heading{padding-top:4.5rem;padding-bottom:3rem}.page-heading h1{font-size:clamp(2.5rem,4.5vw,4rem);font-weight:650;line-height:1.25;margin-bottom:1.2rem}.page-heading .eyebrow{margin-bottom:1rem}.page-body{padding-bottom:5rem}.map-group{padding:2rem 0 3rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:4rem}.map-group h2{font-size:1.6rem;margin-bottom:.75rem}.map-group p{color:var(--muted);font-size:.9375rem}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.topic-row{padding:.9rem 0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--line);font-size:.9375rem}.topic-row a{color:var(--blue)}.notice{background:var(--surface);border-radius:.75rem;padding:1.25rem 1.5rem;color:var(--muted);font-size:.9375rem;margin-bottom:2rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filter{padding:.45rem .9rem;border-radius:999px;min-height:2.6rem;font-size:.875rem;background:var(--surface);border:1px solid var(--line)}.filter[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.library-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.library-top .filters{margin-bottom:0}.library-empty{border-top:1px solid var(--line);padding:4.5rem 0;max-width:100%;margin-top:2rem}.library-empty h2{font-size:1.5rem;margin-bottom:1rem}.library-empty p{max-width:35rem;color:var(--muted)}.count{font-size:.875rem;color:var(--muted)}.area-detail{display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding:2.5rem 0;border-top:1px solid var(--line)}.area-detail h2{font-size:1.6rem}.area-detail .eyebrow{margin-bottom:.5rem}.area-detail p{color:var(--muted);font-size:1.0625rem}.area-detail .keywords{font-family:ui-monospace,monospace;font-size:.875rem;line-height:1.9;color:var(--muted)}.workflow{background:var(--surface);border-radius:1rem;padding:2rem;margin:2rem 0}.workflow h2{font-size:1.4rem;margin-bottom:.5rem}.workflow-steps{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;list-style:none;padding:0;counter-reset:step}.workflow-steps li{counter-increment:step;padding:.5rem .8rem;background:var(--bg);border:1px solid var(--line);border-radius:.5rem;font-size:.875rem}.workflow-steps li:before{content:counter(step,decimal-leading-zero);color:var(--muted);font-size:.75rem;margin-right:.6rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:4rem;align-items:start}.prose{font-size:1.0625rem;line-height:1.9;min-width:0}.prose h2{font-size:1.7rem;margin:2.7rem 0 1rem;line-height:1.4}.prose h3{font-size:1.3rem;margin:2rem 0 .75rem;line-height:1.45}.prose p,.prose li{color:var(--muted)}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.prose ul{padding-left:1.4rem}.prose img{max-width:100%;height:auto;border-radius:.5rem;background:white}.prose blockquote{margin:1.5rem 0;border-left:3px solid var(--blue);padding:.75rem 1.25rem;background:var(--surface)}.prose pre{font-size:.875rem;overflow:auto;padding:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:.7rem;line-height:1.65}.prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875em}.prose :not(pre)>code{background:var(--surface);padding:.15em .3em;border-radius:.25rem}.prose table{border-collapse:collapse;width:100%;font-size:.9375rem}.table-scroll{overflow:auto}.prose th,.prose td{border-bottom:1px solid var(--line);padding:.7rem;text-align:left;min-width:6rem}.prose figcaption{font-size:.8125rem;color:var(--muted);text-align:center}.prose .katex-display{overflow-x:auto;overflow-y:hidden;padding:.8rem 0}.article-sidebar{position:sticky;top:7rem;font-size:.875rem}.article-sidebar h2{font-size:.875rem;letter-spacing:0;margin-bottom:1rem}.article-sidebar a{color:var(--muted);display:block;padding:.35rem 0;overflow-wrap:anywhere}.article-sidebar a:hover{color:var(--blue)}.article-sidebar a.sub{padding-left:.8rem}.article-sidebar dl{margin:0}.article-sidebar dt{color:var(--muted);font-size:.8125rem;margin-top:1rem}.article-sidebar dd{margin:.2rem 0 0;overflow-wrap:anywhere}.article-sidebar .citation{font-size:.8125rem;color:var(--muted);margin-top:1rem}.article-sidebar button{border:1px solid var(--line);padding:.4rem .8rem;border-radius:.5rem;margin-top:.6rem;font-size:.8125rem}.gallery{padding-top:4rem}.gallery h2{font-size:1.8rem;margin-bottom:2rem}.gallery figure{margin:0 0 2.5rem}.gallery img{width:100%;height:auto;display:block;background:white;border-radius:.6rem;border:1px solid var(--line)}.gallery figcaption{font-size:.9375rem;color:var(--muted);margin-top:1rem;display:flex;justify-content:space-between;gap:1rem}.gallery figcaption strong{color:var(--text);font-weight:550}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.gallery-grid figcaption{display:block;font-size:.875rem}.gallery-grid figcaption strong{display:block;margin-bottom:.3rem}.about-text{max-width:45rem}.interests{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.search-page-input{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.search-dialog{width:min(680px,calc(100% - 2rem));max-height:75vh;margin:15vh auto 0;padding:0;border:1px solid var(--line);border-radius:1rem;background:var(--bg);color:var(--text);box-shadow:var(--shadow)}.search-dialog::backdrop{background:#0b10256b;backdrop-filter:blur(4px)}.search-top{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.search-top input{flex:1;min-width:0;background:none;border:0;color:var(--text);font-size:1rem;padding:.3rem}.search-top input:focus{outline:none}.search-top button{padding:.4rem}.search-empty{padding:2rem 1.5rem;color:var(--muted);font-size:.9375rem;margin:0}.search-footer{display:flex;justify-content:space-between;font-size:.75rem;padding:.8rem 1.2rem;color:var(--muted);border-top:1px solid var(--line)}#search-results{max-height:48vh;overflow:auto}.search-result{display:block;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.search-result.selected,.search-result:hover{background:var(--blue-soft)}.search-result strong{display:block;font-size:1rem;font-weight:550}.search-result span{font-size:.75rem;color:var(--muted);display:block}.search-result p{font-size:.875rem;color:var(--muted);margin:.3rem 0 0}.search-result mark{background:var(--blue-soft);color:var(--blue)}
@media(min-width:1600px){.hero{padding-top:7rem}.hero h1{font-size:5.3rem}}@media(max-width:1080px){.desktop-nav{gap:1rem}.header-inner{gap:1rem}.search-toggle kbd{display:none}.focus-items{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 2rem}.featured-copy{gap:2rem}.article-layout{gap:2rem;grid-template-columns:minmax(0,1fr) 13rem}.two-sections{gap:2rem}.map-group{gap:2rem}.topic-list{grid-template-columns:1fr}.area-detail{gap:2rem}}
@media(max-width:780px){.wrap{width:calc(100% - 2.5rem)}.header-inner{width:calc(100% - 2rem);min-height:4.3rem}.desktop-nav{display:none}.header-actions{margin-left:auto;gap:.1rem}.menu-toggle{display:flex!important}.header-actions button,.language{min-width:2.5rem;min-height:2.7rem}.brand{font-size:1.05rem}.hero{padding-top:3.4rem;padding-bottom:2rem}.hero h1{font-size:clamp(2.15rem,7vw,3.4rem);line-height:1.3;letter-spacing:-.045em}.hero-copy{font-size:1rem;margin-top:1.25rem}.hero-bottom{align-items:start;margin-top:2rem;font-size:.75rem;flex-direction:column;gap:.7rem}.exploring{align-items:start;flex-direction:column;gap:1rem;padding:1.5rem 0}.focus-items{width:100%;gap:.75rem 1rem}.focus-items a{font-size:.8125rem}.featured-section{padding-top:3rem;padding-bottom:3rem}.section-head{margin-bottom:1.8rem}.section-head h2{font-size:1.15rem;gap:.6rem}.section-head .text-link{font-size:.8125rem}.featured-copy{grid-template-columns:1fr;gap:1.2rem}.featured-copy h2{font-size:2.2rem}.desktop-break{display:none}.featured-copy p:not(.eyebrow){font-size:1rem}.screenshot-frame{padding:.5rem;border-radius:.7rem}.learning-preview{grid-template-columns:1fr}.learning-column{padding:1.6rem 0}.learning-column+.learning-column{border-left:0;border-top:1px solid var(--line);padding-left:0}.learning-column p{min-height:0;margin-bottom:1rem}.learning-column h3{margin:.5rem 0}.section{padding-bottom:3rem}.section-intro{font-size:1rem}.two-sections{grid-template-columns:1fr;gap:2rem;padding-bottom:3rem}.empty-state{margin:0}.ai-preview{padding:3rem 0}.ai-heading{grid-template-columns:1fr;gap:1rem}.ai-heading h2{font-size:2rem}.ai-heading p{font-size:1rem}.ai-areas{grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}.ai-areas>a{border-top:1px solid var(--line);padding-top:1.3rem}.ai-areas .eyebrow{margin:0}.ai-areas p{margin:0}.wip-inline{align-items:start;flex-direction:column}.about-preview{padding:3rem 0}.about-preview h2{font-size:1.9rem}.about-preview>p:not(.eyebrow){font-size:1rem}.site-footer{flex-direction:column;padding:2rem 0}.footer-right{text-align:left}.footer-right>div{justify-content:start;flex-wrap:wrap}.page-heading{padding-top:3rem;padding-bottom:2rem}.page-heading h1{font-size:2.6rem}.lead{font-size:1.05rem}.map-group,.area-detail{grid-template-columns:1fr;gap:1rem}.map-group{padding-bottom:2rem}.map-group p{margin-bottom:0}.topic-row{font-size:.875rem}.article-layout{display:flex;flex-direction:column;gap:2rem}.article-sidebar{position:static;order:-1;width:100%;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.article-sidebar nav{display:flex;gap:.5rem 1rem;flex-wrap:wrap}.article-sidebar dl{display:grid;grid-template-columns:1fr 2fr;gap:.5rem 1rem}.article-sidebar dt{margin:0}.article-sidebar dd{margin:0}.prose{font-size:1rem}.gallery-grid{grid-template-columns:1fr}.gallery figcaption{flex-direction:column;gap:.2rem}.search-dialog{margin-top:7vh}.page-body{padding-bottom:3rem}.note-row{gap:1rem}.note-row .metadata{white-space:normal}.workflow{padding:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}button:active,.button:active{transform:none}}@media(prefers-reduced-transparency:reduce){.site-header{background:var(--bg);backdrop-filter:none}.search-dialog::backdrop{backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted:#42464e;--line:#737983}:root[data-theme=dark]{--muted:#d0d5dd;--line:#818997}.site-header{background:var(--bg)}}
/* Eularcat: pearl, graphite, and blue. Material and motion share one scale. */
:root{--bg:#f5f6f8;--text:#1b2029;--muted:#68717e;--line:#dce1e8;--surface:#fff;--blue:#3264db;--blue-soft:#eaf0ff;--header:rgba(255,255,255,.84);--shadow:0 20px 70px #17234216;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1)}
:root[data-theme=dark]{--bg:#12151b;--text:#edf0f6;--muted:#a4aebd;--line:#313744;--surface:#1d222c;--blue:#9ab9ff;--blue-soft:#25334d;--header:rgba(29,34,44,.88);--shadow:0 20px 70px #0004}
html{scroll-padding-top:8rem}body{overflow-wrap:break-word}button,input,textarea{font:inherit}textarea{color:inherit}.wrap{width:min(1180px,calc(100% - 5rem))}.eyebrow{font-size:.68rem;letter-spacing:.14em;font-weight:650;color:var(--muted)}.button{min-height:3rem;padding:.75rem 1.45rem;font-size:.875rem;transition:transform 140ms var(--ease-out),background 140ms var(--ease-out),box-shadow 140ms var(--ease-out)}.primary{box-shadow:0 5px 16px #3264db24}.secondary{background:var(--surface);border-color:var(--line)}.button:active,button:active{transform:scale(.97)}.lead{font-size:1.125rem;max-width:43rem}.status{border:0;background:var(--blue-soft);color:var(--blue);font-size:.7rem;padding:.3rem .7rem}.metadata{font-size:.75rem}
.site-header{top:1rem;margin:1rem auto 0;width:min(1280px,calc(100% - 3rem));background:transparent;backdrop-filter:none;view-transition-name:site-header}.header-inner{width:100%;min-height:4.25rem;padding:.4rem 1rem .4rem 1.35rem;border:1px solid #ffffff70;border-radius:999px;background:var(--header);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 8px 32px #16203a0a,0 1px 3px #16203a08;gap:1rem}:root[data-theme=dark] .header-inner{border-color:#ffffff12}.brand{gap:.55rem;font-size:1.1rem;white-space:nowrap}.brand-mark{width:2.35rem;height:2.35rem;object-fit:contain}:root[data-theme=dark] .brand-mark{filter:drop-shadow(0 0 1px #fff9)}.desktop-nav{gap:.2rem}.desktop-nav a{padding:.55rem .8rem;border-radius:999px;font-size:.8rem;transition:background 140ms var(--ease-out),color 140ms}.desktop-nav a[aria-current]{background:var(--blue-soft);color:var(--blue)}.header-actions{gap:.2rem}.header-actions button,.language{border-radius:50%;min-width:2.5rem;min-height:2.5rem}.search-toggle kbd{display:none}.mobile-nav{position:absolute;top:calc(100% + .6rem);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:1.5rem;box-shadow:var(--shadow);padding:.8rem;transform-origin:90% 0}.mobile-nav a{border-radius:.85rem;padding:.7rem 1rem}.mobile-nav a[aria-current]{background:var(--blue-soft);color:var(--blue)}main{view-transition-name:page-content}
.hero{padding-top:5rem;padding-bottom:2rem}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:2.8rem;align-items:center}.hero h1{font-size:clamp(2.6rem,4.2vw,3.9rem);letter-spacing:-.045em;line-height:1.3;font-weight:650}.hero-copy{font-size:1.03rem;max-width:31rem;margin:1.5rem 0 1.7rem;line-height:1.95}.hero-art{position:relative;aspect-ratio:1.13;border-radius:2.1rem;overflow:hidden;background:#eceef3;box-shadow:0 18px 45px #28385112}.hero-art img{height:100%;width:100%;object-fit:cover;display:block}.art-caption{position:absolute;left:1.7rem;bottom:1.4rem;letter-spacing:.11em;font-size:.55rem;color:#596374}.hero-bottom{margin-top:2.5rem;font-size:.73rem}.hero-bottom .metadata{font-size:.6rem;letter-spacing:.1em}.exploring{padding:1.5rem 0;border-bottom:0;gap:3rem}.exploring h2{font-size:.8rem}.focus-items{gap:2rem}.focus-items a{font-size:.8rem;gap:.6rem}.focus-index{font-size:.58rem;color:var(--blue);letter-spacing:.04em}.section-head{margin-bottom:1.7rem}.section-head h2{font-size:1.4rem;gap:.8rem;letter-spacing:-.025em}.section-number{font-size:.65rem;color:var(--blue)}.section-head .text-link{font-size:.8rem}.featured-section{padding-top:3.8rem;padding-bottom:4.5rem}.project-poster{position:relative;isolation:isolate;min-height:520px;border-radius:2rem;overflow:hidden;background:#ebedf3;color:#1b2029;box-shadow:0 14px 45px #24375410;border:1px solid #ffffff80}.project-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.poster-copy{width:49%;padding:4rem 0 4.5rem 3.2rem}.poster-copy .eyebrow{color:#5b6778;font-size:.58rem;letter-spacing:.12em}.poster-copy h2{font-size:clamp(2.6rem,4vw,3.7rem);line-height:1.05;font-weight:650;letter-spacing:-.055em;margin-bottom:1.5rem}.poster-copy>p:not(.eyebrow){font-size:.96rem;color:#596373;max-width:25rem;line-height:1.85}.poster-copy .secondary{background:#ffffff9c;border-color:#fff;color:#272d38}.poster-copy .primary{background:#3264db;color:white}.poster-copy .project-actions{gap:.7rem}.poster-copy .button{padding:.7rem 1.2rem;font-size:.8rem}.poster-note{position:absolute;bottom:1.5rem;left:3.2rem;color:#687283;font-size:.5rem;letter-spacing:.12em}.section{padding-bottom:4.5rem}.section-intro{margin-top:-.4rem;margin-bottom:1.8rem;font-size:.97rem}.learning-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;border:0}.learning-column,.learning-column+.learning-column{position:relative;padding:1.7rem;border:1px solid #e2e7ef;border-radius:1.6rem;background:#eaf0fa;overflow:hidden;transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out);color:#202b41}.learning-1,.learning-1+.learning-column{background:#e8eaf2}.learning-column.learning-1{background:#202837;color:#f1f4fb;border-color:#303849}.learning-column.learning-2{background:#eeeaf6;color:#343044}.tile-glyph{display:flex;align-items:center;justify-content:space-between;font-size:4.7rem;line-height:1.2;letter-spacing:-.08em;font-weight:600;color:#61769f;margin-bottom:1.1rem}.tile-glyph small{font-size:.6rem;letter-spacing:.14em;align-self:flex-start;padding-top:.6rem;font-weight:600;color:#67748f}.learning-1 .tile-glyph{color:#99b5e7}.learning-1 .tile-glyph small{color:#a7b6d3}.learning-2 .tile-glyph{color:#9685b3}.learning-column h3{font-size:1.25rem;margin:.6rem 0 .7rem;font-weight:600;line-height:1.45}.learning-column p:not(.eyebrow){color:#69758b;font-size:.85rem;min-height:3.5rem}.learning-column .eyebrow{font-size:.55rem;margin:0;color:#67748f}.learning-1 p:not(.eyebrow),.learning-1 .eyebrow{color:#b1bed4}.learning-column .status{background:#fff7;color:#556581}.learning-1 .status{background:#ffffff13;color:#c3d2ea}.learning-2 .status{color:#76658d}.map-note{font-size:.8rem;color:var(--muted);margin:1.4rem 0 3rem}.atlas-groups{display:grid;gap:1rem}.map-group{padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--surface);gap:2.7rem;grid-template-columns:1fr 2fr;scroll-margin-top:8rem}.atlas-code{font-size:.65rem;font-weight:650;letter-spacing:.12em;color:var(--blue);display:block;margin-bottom:.9rem}.map-group h2{font-size:1.4rem;font-weight:600}.map-group p{font-size:.85rem;margin:0;max-width:18rem}.topic-list{gap:0 1.5rem}.topic-row{font-size:.83rem;padding:1rem 0}.topic-row:last-child{border:0}.topic-row .status{font-size:.6rem;background:var(--bg);color:var(--muted)}.status-published{color:var(--blue)!important;background:var(--blue-soft)!important}
.two-sections{gap:2.6rem;padding-bottom:4rem}.two-sections>section{min-width:0}.empty-state{border:1px dashed var(--line);border-radius:1.25rem;background:var(--surface);padding:1.6rem;color:var(--muted);font-size:.86rem}.empty-state p{margin:0}.empty-icon{display:block;color:var(--blue);font-size:1.6rem;margin-bottom:.6rem}.note-row{gap:1rem;align-items:start;padding:1.5rem 0}.note-row h2,.note-row h3{font-size:1.05rem;font-weight:600;line-height:1.6;letter-spacing:-.02em}.note-row p{font-size:.85rem;line-height:1.8}.note-row .eyebrow{font-size:.6rem}.note-row .metadata{font-size:.7rem}.library-empty{border:1px dashed var(--line);background:var(--surface);border-radius:1.6rem;padding:3rem;margin-top:2rem}.library-empty h2{font-size:1.4rem}.library-empty p{font-size:.94rem;margin:0}.filter{background:var(--surface);font-size:.8rem;min-height:2.5rem}.filter[aria-pressed=true]{background:var(--blue);color:var(--bg);border-color:var(--blue)}.ai-preview{border:1px solid var(--line);border-radius:2rem;padding:2.5rem 3rem;background:var(--surface)}.ai-heading{gap:2rem}.ai-heading h2{font-size:2rem;font-weight:600}.ai-heading p{font-size:.96rem}.ai-empty-copy{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1.4rem;margin:1.7rem 0 0}.ai-placeholder{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;padding:4rem;border-radius:2rem;background:var(--surface);border:1px solid var(--line)}.placeholder-symbol{font-size:clamp(2rem,5vw,4rem);font-weight:600;letter-spacing:-.05em;color:var(--text);align-self:center}.placeholder-symbol span{color:var(--blue);font-weight:300}.ai-placeholder h2{font-size:1.5rem;margin:1.1rem 0}.ai-placeholder p{font-size:.94rem;color:var(--muted);margin:0}.about-preview{display:grid;grid-template-columns:5rem 1fr;gap:2rem;padding:4.5rem 0}.about-mark{width:5rem;height:5rem;object-fit:contain;margin-top:1rem}.about-preview h2{font-size:1.9rem;margin-bottom:1rem}.about-preview p:not(.eyebrow){color:var(--muted);max-width:43rem;font-size:.97rem;line-height:1.9}.site-footer{padding:2.5rem 0 3rem}.site-footer .brand{font-size:1rem}.site-footer p,.footer-right{font-size:.7rem}.footer-right>div{gap:1.2rem}
.page-heading{padding-top:4.3rem;padding-bottom:2.6rem}.page-heading h1{font-size:clamp(2.6rem,4.3vw,3.8rem);letter-spacing:-.05em}.page-body{padding-bottom:4.5rem}.featured-copy{gap:3rem}.screenshot-frame{padding:.8rem;border-radius:1.4rem;background:var(--surface);box-shadow:0 15px 45px #1623450d}.article-layout{grid-template-columns:minmax(0,1fr) 13rem;gap:3rem}.prose{font-size:1.03rem;line-height:1.95;background:var(--surface);padding:2.4rem 2.7rem;border-radius:1.5rem;box-shadow:0 3px 20px #18233505}.prose h2:first-child{margin-top:0}.prose h2{font-size:1.5rem;letter-spacing:-.025em}.prose h3{font-size:1.18rem}.prose p,.prose li{color:var(--text)}.prose strong{font-weight:650}.prose blockquote{border:0;border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 .7rem .7rem 0;font-size:.94rem}.prose blockquote p{margin:0;color:var(--muted)}.prose pre{background:var(--bg);border-color:var(--line);font-size:.82rem;padding:1.2rem;tab-size:2}.prose pre code.hljs{background:none;padding:0}.prose figure{margin:1.8rem 0}.prose img{border-radius:1rem;display:block}.prose figcaption{line-height:1.7;margin-top:.8rem}.prose table{font-size:.85rem}.prose th{background:var(--bg);font-weight:600}.prose .katex-display{font-size:.95em;max-width:100%}.article-sidebar{top:7rem;padding:.75rem 0;font-size:.8rem}.article-sidebar a{padding:.4rem 0}.article-sidebar h2{font-size:.75rem;color:var(--text)}.notice{background:var(--blue-soft);border:1px solid var(--line);padding:1.1rem 1.5rem;border-radius:1rem;font-size:.85rem}.about-heading{display:grid;grid-template-columns:1fr 18rem;gap:3rem;align-items:center;padding-top:4rem;padding-bottom:3rem}.about-heading h1{font-size:4rem;letter-spacing:-.06em;line-height:1.2;margin-bottom:1rem}.about-heading .lead{margin-bottom:1.5rem}.profile-art{aspect-ratio:1;border-radius:2.3rem;background:#e7eaf0;display:grid;place-items:center;box-shadow:inset 0 1px 1px #fff,0 12px 30px #2839520b}.profile-art img{max-width:75%;height:auto}.about-text{max-width:none}.gallery img{border-radius:1rem}.search-dialog{background:var(--surface);border-radius:1.4rem;box-shadow:0 32px 100px #10192850}.search-page-input{background:var(--surface);border-radius:1rem}.search-result{padding:1.1rem 1.5rem}.search-top{padding:1.2rem}.search-dialog::backdrop{background:#11182755;backdrop-filter:blur(8px)}
@media(hover:hover) and (pointer:fine){.learning-column:hover{transform:translateY(-4px);box-shadow:0 16px 30px #25345016}.desktop-nav a:hover{background:var(--surface)}.button:hover{box-shadow:0 8px 24px #3264db25}.secondary:hover{background:var(--blue-soft)}.note-row:hover h2,.note-row:hover h3{color:var(--blue)}}
@view-transition{navigation:auto}::view-transition{pointer-events:none}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(site-header){animation-duration:220ms}::view-transition-old(page-content){animation:page-out 160ms var(--ease-out) both}::view-transition-new(page-content){animation:page-in 240ms var(--ease-out) both}@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}@keyframes page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-top:6rem}.hero h1{font-size:4rem}}
@media(max-width:1100px){.desktop-nav a{padding:.5rem .6rem;font-size:.75rem}.header-inner{gap:.5rem}.hero-grid{gap:1.6rem}.hero h1{font-size:3rem}.poster-copy{width:52%;padding-left:2.2rem}.poster-note{left:2.2rem}.learning-column,.learning-column+.learning-column{padding:1.4rem}.topic-list{grid-template-columns:1fr}.map-group{grid-template-columns:1fr 1.6fr}.article-layout{gap:2rem}.prose{padding:2rem}.ai-heading h2{font-size:1.7rem}}
@media(max-width:850px){.desktop-nav{display:none}.menu-toggle{display:flex!important}.header-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:2.5rem}.hero-copy{font-size:.92rem}.hero-art{aspect-ratio:1}.learning-preview{gap:.75rem}.learning-column h3{font-size:1.08rem}.learning-column p:not(.eyebrow){font-size:.8rem}.article-layout{grid-template-columns:minmax(0,1fr) 10rem;gap:1.5rem}}
@media(max-width:650px){.wrap{width:calc(100% - 2.25rem)}.site-header{top:.6rem;width:calc(100% - 1.3rem);margin-top:.6rem}.header-inner{padding:.4rem .45rem .4rem .75rem;min-height:3.8rem}.brand{font-size:.96rem;gap:.3rem}.brand-mark{width:1.95rem;height:1.95rem}.header-actions button,.language{min-width:2.25rem;min-height:2.5rem}.header-actions{gap:0}.hero{padding-top:2.6rem}.hero-grid{grid-template-columns:1fr;gap:2rem}.hero h1{font-size:clamp(2.3rem,8.5vw,3.1rem);letter-spacing:-.045em;line-height:1.3}.hero-copy{font-size:.98rem}.hero-art{aspect-ratio:1.55;border-radius:1.5rem}.art-caption{bottom:1rem;left:1.1rem;font-size:.48rem}.hero-bottom{margin-top:1.5rem;gap:.5rem;font-size:.62rem}.hero-bottom .metadata{font-size:.52rem}.exploring{padding:1.25rem 0;gap:1rem}.focus-items{display:grid;grid-template-columns:1fr;gap:.7rem}.focus-items a{justify-content:space-between;font-size:.83rem}.focus-index{min-width:3rem;font-size:.58rem}.featured-section{padding-top:2.5rem;padding-bottom:3rem}.section-head h2{font-size:1.22rem}.section-head{gap:.5rem;margin-bottom:1.4rem}.project-poster{min-height:0;display:flex;flex-direction:column;border-radius:1.5rem}.project-poster>img{position:static;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;z-index:auto;order:0}.poster-copy{order:1;width:100%;padding:1.8rem 1.6rem 2.7rem;background:#f1f2f6}.poster-copy h2{font-size:2.8rem;margin-bottom:1rem}.poster-copy .eyebrow{font-size:.54rem}.poster-copy>p:not(.eyebrow){font-size:.88rem}.poster-copy .button{font-size:.76rem;padding:.7rem 1.05rem;min-height:2.8rem}.poster-note{left:1.6rem;bottom:1.1rem;font-size:.44rem}.learning-preview{grid-template-columns:1fr;gap:.8rem}.learning-column,.learning-column+.learning-column{padding:1.5rem;display:grid;grid-template-columns:4.6rem 1fr;gap:1.1rem;border:1px solid #e2e7ef;border-radius:1.4rem}.tile-glyph{display:block;font-size:4.3rem;margin:0;line-height:1}.tile-glyph small{display:block;font-size:.5rem;letter-spacing:.1em;padding:.6rem 0 0}.learning-column h3{font-size:1.17rem;margin:.45rem 0 .5rem}.learning-column .eyebrow{font-size:.49rem}.learning-column p:not(.eyebrow){min-height:0;font-size:.82rem;margin-bottom:.9rem}.section{padding-bottom:3rem}.section-intro{font-size:.9rem}.two-sections{grid-template-columns:1fr;gap:2rem;padding-bottom:3rem}.two-sections .section-head h2{font-size:1.2rem}.note-row .metadata{font-size:.65rem}.ai-preview{padding:1.7rem 1.5rem;border-radius:1.5rem}.ai-heading{grid-template-columns:1fr;gap:.6rem}.ai-heading h2{font-size:1.65rem}.ai-heading p{font-size:.9rem}.ai-empty-copy{font-size:.8rem}.about-preview{grid-template-columns:3rem 1fr;gap:1rem;padding:3rem 0}.about-mark{width:3rem;height:3rem}.about-preview h2{font-size:1.5rem}.about-preview p:not(.eyebrow){font-size:.88rem}.site-footer{padding:2rem 0;gap:1.2rem}.page-heading{padding-top:2.8rem;padding-bottom:2rem}.page-heading h1{font-size:2.5rem;line-height:1.35}.page-heading .lead{font-size:.98rem}.page-body{padding-bottom:3rem}.map-group{grid-template-columns:1fr;gap:1rem;padding:1.6rem;border-radius:1.3rem}.topic-row{font-size:.81rem;padding:.85rem 0}.topic-list{grid-template-columns:1fr}.map-note{margin:1.2rem 0 2rem;font-size:.76rem}.ai-placeholder{grid-template-columns:1fr;padding:2rem 1.6rem;gap:2rem;border-radius:1.5rem}.placeholder-symbol{font-size:3rem}.ai-placeholder h2{font-size:1.3rem}.ai-placeholder p{font-size:.88rem}.library-empty{padding:2rem 1.5rem}.article-layout{display:flex;flex-direction:column;gap:1.3rem}.article-sidebar{order:-1;position:static;width:100%;padding:1rem 0;border-bottom:1px solid var(--line)}.article-sidebar nav{display:flex;flex-wrap:wrap;gap:.2rem 1rem}.article-sidebar a{font-size:.75rem}.prose{width:100%;padding:1.55rem 1.25rem;font-size:.94rem;line-height:1.95;border-radius:1.25rem}.prose h2{font-size:1.32rem}.prose h3{font-size:1.12rem}.prose pre{font-size:.75rem;padding:.9rem}.prose th,.prose td{font-size:.78rem;padding:.65rem}.about-heading{grid-template-columns:1fr 5.5rem;gap:1rem;padding:3rem 0 2rem}.about-heading h1{font-size:2.9rem}.about-heading .lead{font-size:.92rem}.profile-art{border-radius:1.3rem;align-self:start;margin-top:1.4rem}.profile-art img{max-width:85%}.about-heading .eyebrow{font-size:.55rem}.about-heading .button{font-size:.8rem}.gallery-grid{grid-template-columns:1fr}.gallery{padding-top:2.5rem}.gallery figcaption{font-size:.8rem}.featured-copy{grid-template-columns:1fr;gap:1rem}.featured-copy h2{font-size:2rem}.search-dialog{margin-top:8vh}.notice{font-size:.8rem;padding:1rem}.filter{font-size:.76rem;padding:.45rem .75rem}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.learning-column:hover{transform:none!important}html{scroll-behavior:auto}}
@media(prefers-reduced-transparency:reduce){.header-inner{background:var(--surface);backdrop-filter:none}.search-dialog::backdrop{backdrop-filter:none;background:#11182799}}
@media(prefers-contrast:more){.header-inner{background:var(--surface);border-color:var(--line)}.learning-column p:not(.eyebrow){color:#455168}.learning-1 p:not(.eyebrow){color:#d0dbed}}
.learning-column .eyebrow{min-height:0}
::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none}
.ai-heading .eyebrow{font-size:.65rem}
.article-page .page-heading h1{font-size:clamp(2.05rem,3.4vw,3.3rem);line-height:1.4}
@media(max-width:650px){.note-row{display:block}.note-row>.metadata{display:block;margin-top:.7rem}.article-page .page-heading h1{font-size:2.05rem}.ai-heading .eyebrow{font-size:.57rem}}
/* About is a personal letter, distinct from technical notes. */
.about-heading{width:min(1080px,calc(100% - 5rem));grid-template-columns:1fr 8rem;gap:2rem;padding-top:4rem;padding-bottom:2.7rem}
.about-heading h1{font-family:"Times New Roman","SimSun","Songti SC",serif;font-weight:400;font-size:3.6rem;letter-spacing:-.035em}
.about-heading .lead{font-family:"Times New Roman","SimSun","Songti SC",serif;font-size:1.12rem}
.profile-art{width:8rem;background:none;box-shadow:none;border-radius:0}.profile-art img{max-width:90%}
.about-layout{width:min(1080px,100%);margin:auto;grid-template-columns:minmax(0,1fr) 11rem}
.letter-paper{font-family:"Times New Roman","SimSun","Songti SC","Noto Serif SC",serif!important;font-size:1.13rem!important;line-height:2.05!important;letter-spacing:.008em;background:#fffefa!important;color:#383834;border:1px solid #e7e5df;border-radius:.25rem;box-shadow:0 12px 40px #33312609!important}
.letter-paper{padding:3.5rem 3.8rem}
.letter-paper h2{font-family:inherit;font-size:1.4rem!important;font-weight:400;letter-spacing:.04em;border-bottom:1px solid #e9e6de;padding-bottom:.7rem;margin-top:2.6rem}
.letter-paper h3{font-family:inherit;font-weight:400}.letter-paper p,.letter-paper li{color:inherit}.letter-paper strong{font-weight:700}
.letter-paper a{color:#5b7088;text-decoration-color:#b9c4d0;text-underline-offset:5px}
:root[data-theme=dark] .letter-paper{background:#232521!important;color:#e6e4db;border-color:#414239}
:root[data-theme=dark] .letter-paper h2{border-color:#414239}
:root[data-theme=dark] .letter-paper a{color:#bccbe0}
.hero-art.circuit-papers{background:none;box-shadow:none;border-radius:0;aspect-ratio:1.13;overflow:visible}
.hero-art.circuit-papers img{object-fit:contain}
@media(max-width:850px){.about-layout{grid-template-columns:minmax(0,1fr) 10rem;gap:1.5rem}.letter-paper{padding:2.5rem 2rem}}
@media(max-width:650px){.about-heading{width:calc(100% - 2.25rem);grid-template-columns:1fr 4.5rem;gap:1rem;padding-top:3rem;padding-bottom:2rem}.about-heading h1{font-size:3rem}.profile-art{width:4.5rem}.about-layout{display:flex}.letter-paper{padding:2rem 1.5rem;line-height:2!important;font-size:1.04rem!important}.letter-paper h2{font-size:1.25rem!important}.hero-art.circuit-papers{aspect-ratio:1.4;margin-top:-.5rem}}

.learning-column.learning-2{background:#e6eef0;color:#263c45}.learning-2 .tile-glyph{color:#758e9b}.learning-2 .status{color:#526f7d}.learning-column.learning-3{background:#eeeaf6;color:#343044}.learning-3 .tile-glyph{color:#9685b3}.learning-3 .status{color:#76658d}
.entry-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:var(--bg);color:var(--blue);flex-shrink:0}.entry-icon svg{width:1.5rem;height:1.5rem}
.notes-surface{display:grid;grid-template-columns:1fr 1.7fr;gap:3.5rem;padding:2.5rem 3rem;background:var(--surface);border-radius:1.75rem}.notes-intro h3{font-size:1.5rem;line-height:1.5;margin-bottom:.8rem;font-weight:600}.notes-intro .eyebrow{margin:1.3rem 0 .6rem;font-size:.65rem}.notes-intro>p:last-child{font-size:.9375rem;color:var(--muted);max-width:18rem;margin:0}.notes-surface .note-row:first-child{border-top:0;padding-top:0}.notes-surface .note-row{padding:1.4rem 0;gap:1.25rem}.notes-surface .note-row:last-child{padding-bottom:0}.notes-surface .note-row h3{font-size:1.15rem}.notes-surface .empty-state{border-top:0;margin:0}
.paper-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.paper-card{display:flex;flex-direction:column;position:relative;min-height:21rem;padding:1.65rem 1.4rem;background:var(--bg);border:1px solid var(--line);border-radius:1.3rem;transition:transform 220ms cubic-bezier(.2,.7,.2,1),box-shadow 220ms,border-color 220ms}.paper-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;color:var(--muted)}.paper-year{font-size:1.6rem;letter-spacing:-.05em;font-weight:500;font-variant-numeric:tabular-nums}.paper-card-top svg{width:1.5rem;height:1.5rem;color:var(--blue)}.paper-card>.eyebrow{font-size:.65rem;letter-spacing:.05em;margin-bottom:.65rem;min-height:1.1rem}.paper-card h3{font-size:1.0625rem;line-height:1.55;font-weight:600;margin-bottom:.8rem;overflow-wrap:anywhere}.paper-card>p{font-size:.8125rem;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.5rem}.paper-open{margin-top:auto;align-self:flex-end;color:var(--blue);font-size:1.25rem}.reading-skill-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.6rem;padding:1.25rem 1.5rem;background:var(--surface);border-radius:1rem}.reading-skill-link>span{display:flex;align-items:center;gap:.7rem;font-size:.875rem;color:var(--muted)}.reading-skill-link svg{color:var(--blue)}
.ai-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.ai-entry{position:relative;display:flex;gap:1.5rem;align-items:flex-start;border:1px solid var(--line);border-radius:1.5rem;padding:2.2rem;background:var(--surface);transition:transform 220ms cubic-bezier(.2,.7,.2,1),box-shadow 220ms}.ai-entry-skills{background:#f2f0f8}.ai-entry-skills .entry-icon{color:#7862a8}.ai-entry .eyebrow{font-size:.65rem;letter-spacing:.1em;margin-bottom:.5rem}.ai-entry h3{font-size:1.5rem;font-weight:600;line-height:1.5;margin-bottom:.6rem}.ai-entry p:last-child{font-size:.9375rem;color:var(--muted);margin:0}.entry-arrow{margin-left:auto;font-size:1.4rem;color:var(--muted)}.ai-body>section{padding-bottom:4.5rem}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.workflow-card{display:flex;flex-direction:column;padding:1.7rem;border:1px solid var(--line);border-radius:1.3rem;background:var(--surface)}.workflow-card .entry-icon{margin-bottom:1.8rem}.workflow-card h3{font-size:1.125rem;line-height:1.45;margin-bottom:.65rem;font-weight:600}.workflow-card>p{font-size:.875rem;color:var(--muted);margin-bottom:2rem;line-height:1.8}.workflow-empty{font-size:.75rem;color:var(--muted);margin-top:auto;border-top:1px solid var(--line);padding-top:1rem}.workflow-records{list-style:none;padding:0;margin:auto 0 0;border-top:1px solid var(--line)}.workflow-records li{padding-top:1rem;font-size:.875rem;overflow-wrap:anywhere}.workflow-records a{color:var(--blue)}
.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.skill-card{padding:2.4rem;background:#f2f0f8;border:1px solid #e5e0ee;border-radius:1.5rem}.skill-identity{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.skill-card .entry-icon{color:#7862a8}.skill-version{font-family:ui-monospace,monospace;color:var(--muted);font-size:.75rem}.skill-card .eyebrow{font-size:.65rem;margin-bottom:.6rem;color:#7862a8}.skill-card h3{font-size:1.8rem;line-height:1.3;letter-spacing:-.04em;margin-bottom:.8rem}.skill-card>p:not(.eyebrow){color:var(--muted);font-size:1rem}.skill-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.6rem 0 2rem}.skill-tags span{font-size:.75rem;padding:.3rem .65rem;background:var(--bg);border-radius:999px;color:var(--muted)}.skill-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.skill-detail-actions{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-bottom:2rem}
:root[data-theme=dark] .ai-entry-skills,:root[data-theme=dark] .skill-card{background:#24202e;border-color:#3b334b}:root[data-theme=dark] .skill-card .eyebrow,:root[data-theme=dark] .ai-entry-skills .entry-icon,:root[data-theme=dark] .skill-card .entry-icon{color:#c2ade8}
@media(hover:hover) and (pointer:fine){.paper-card:hover,.ai-entry:hover{transform:translateY(-3px);box-shadow:0 12px 35px #1425430b}.paper-card:hover{border-color:#bccbe0}.paper-card:hover h3,.ai-entry:hover h3{color:var(--blue)}}
@media(max-width:1100px){.paper-card-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-surface{gap:2rem;padding:2rem}.ai-entry{padding:1.75rem;gap:1rem}}
@media(max-width:650px){.notes-surface{grid-template-columns:1fr;padding:1.6rem;gap:2rem;border-radius:1.2rem}.notes-intro h3{font-size:1.35rem}.notes-intro>p:last-child{max-width:100%}.notes-surface .note-row{align-items:flex-start}.notes-surface .note-row .metadata{white-space:normal;font-size:.7rem}.paper-card-grid,.workflow-grid,.ai-entry-grid,.skill-grid{grid-template-columns:1fr}.paper-card{min-height:0;padding:1.5rem}.paper-card-top{margin-bottom:1.2rem}.paper-card h3{font-size:1.15rem}.paper-card>p{-webkit-line-clamp:2;margin-bottom:1rem}.reading-skill-link{align-items:flex-start;flex-direction:column;padding:1.25rem;gap:.7rem}.reading-skill-link .text-link{font-size:.875rem}.ai-entry{padding:1.6rem;border-radius:1.2rem}.ai-entry h3{font-size:1.3rem}.ai-entry p:last-child{font-size:.875rem}.ai-entry .entry-icon{width:2.6rem;height:2.6rem;border-radius:.85rem}.workflow-card{padding:1.6rem}.workflow-card .entry-icon{margin-bottom:1.2rem}.workflow-card>p{margin-bottom:1.5rem}.skill-card{padding:1.75rem}.skill-card h3{font-size:1.65rem}.ai-body>section{padding-bottom:3rem}.skill-heading-actions{gap:1rem}}
@media(prefers-reduced-motion:reduce){.paper-card,.ai-entry{transition:none}.paper-card:hover,.ai-entry:hover{transform:none}}
@media(min-width:651px) and (max-width:1100px){.learning-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
.article-sidebar{max-height:calc(100dvh - 8rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.article-sidebar dl,.article-sidebar .citation{overflow-wrap:anywhere}
.library-records .note-row>div{min-width:0}.library-records .note-row .metadata{white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){.article-sidebar{max-height:none;overflow:visible}.article-sidebar nav{display:block;max-height:12rem;overflow-y:auto}.library-top{align-items:flex-start}.filter{max-width:100%;overflow-wrap:anywhere;text-align:left}.prose blockquote{padding:.75rem 1rem}.prose ol{padding-left:1.35rem}}