:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#edf1f4;--text:#17212b;--muted:#63717e;--line:#dce2e7;--accent:#177e70;--accent-soft:#dcefeb;--shadow:0 16px 50px rgba(24,39,51,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}.topbar{min-height:70px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--surface) 90%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand-mark{width:22px;height:22px;border:2px solid var(--accent);border-radius:7px;display:block;position:relative;transform:rotate(45deg)}.brand-mark:after{content:"";position:absolute;inset:5px;background:var(--accent);border-radius:2px}.main-nav{display:flex;gap:20px;margin-right:auto}.main-nav a{color:var(--muted);text-decoration:none;font-size:.83rem;font-weight:700}.main-nav a:hover{color:var(--accent)}.readonly,.status{font-size:.76rem;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:5px 10px;border-radius:999px}.shell{max-width:1180px;margin:auto;padding:72px 24px 64px}.hero{max-width:760px;margin-bottom:72px}.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:750;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.hero h1,.project-header h1,.document-page>h1,.page-header h1,.journal-entry>h1,.source-detail>h1{font-size:clamp(2.25rem,6vw,4.25rem);line-height:1.04;letter-spacing:-.055em;margin:0}.hero>p:last-child,.project-header>div>p:last-child,.page-header>p:last-child{font-size:1.1rem;color:var(--muted);max-width:650px}.page-header{margin-bottom:48px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.section-heading h2,.content-panel>h2{margin:0;font-size:1.55rem;letter-spacing:-.035em}.count{font-size:2rem;font-weight:750;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.project-card{min-height:260px;padding:24px;display:flex;flex-direction:column;color:var(--text);text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transition:.2s ease}.project-card:hover{transform:translateY(-3px);border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center}.project-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--accent);background:var(--accent-soft);font-weight:800}.project-card h3{font-size:1.35rem;margin:26px 0 4px}.project-card p{margin:0;color:var(--muted)}.muted{font-style:italic}.card-link{margin-top:auto;color:var(--accent);font-weight:700;font-size:.9rem}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:20px;text-align:center;padding:64px 24px}.empty-state h1,.empty-state h2,.empty-state h3{margin:12px 0 4px}.empty-state p{color:var(--muted)}.empty-symbol{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.metrics article,.metrics>a{padding:20px;background:var(--surface-2);border-radius:15px}.metrics>a{color:var(--text);text-decoration:none;transition:.2s ease}.metrics>a:hover{background:var(--accent-soft)}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:2rem;line-height:1.2;margin:8px 0}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.88rem;margin-bottom:32px}.breadcrumb a{color:var(--accent)}.project-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:42px}.status.large{margin-top:8px}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:20px;scrollbar-width:thin}.tabs a{white-space:nowrap;color:var(--muted);text-decoration:none;font-size:.86rem;font-weight:700;background:var(--surface-2);padding:8px 13px;border-radius:9px}.tabs a:hover{color:var(--accent)}.project-sections{display:grid;gap:18px}.content-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,4vw,40px);box-shadow:var(--shadow);scroll-margin-top:92px}.content-panel>h2{padding-bottom:20px;border-bottom:1px solid var(--line)}.prose{max-width:76ch}.prose h1:first-child{display:none}.prose h2,.prose h3{line-height:1.25;letter-spacing:-.025em;margin-top:1.7em}.prose a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}.prose pre{overflow:auto;background:var(--surface-2);padding:16px;border-radius:10px}.prose code{background:var(--surface-2);padding:.12em .32em;border-radius:4px}.prose blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:18px;color:var(--muted)}.inline-empty{color:var(--muted);padding:28px 0 4px}.item-grid{display:grid;gap:13px;margin-top:24px}.structured-item{max-width:none;background:var(--surface-2);padding:22px;border-radius:13px}.structured-item h2:first-child{margin-top:0}.document-list{display:grid;margin-top:20px}.document-list>a,.document-list>div{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:15px;color:var(--text);text-decoration:none;padding:14px 4px;border-bottom:1px solid var(--line)}.document-list>a:hover strong{color:var(--accent)}.file-type{font-size:.68rem;font-weight:800;color:var(--accent)}.document-list strong,.document-list small{display:block}.document-list small,.file-size,.document-path{color:var(--muted);font-size:.8rem}.document-page{max-width:900px;margin:auto}.document-page>.prose{margin-top:36px}.button{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:10px 16px;border-radius:9px;font-weight:700}.timeline{display:grid;gap:42px}.timeline-group{display:grid;grid-template-columns:190px 1fr;gap:34px}.timeline-group>h2{margin:7px 0;color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.timeline-items{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.timeline-items a{display:grid;grid-template-columns:72px 1fr auto;gap:20px;padding:18px 22px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}.timeline-items a:last-child{border-bottom:0}.timeline-items a:hover{background:var(--surface-2)}.timeline-items time{color:var(--accent);font-weight:750}.journal-entry,.source-detail{max-width:900px;margin:auto}.journal-entry>.prose,.source-detail>.prose{margin-top:34px}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.source-card{display:flex;flex-direction:column;min-height:220px;padding:24px;color:var(--text);text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.source-card:hover{border-color:var(--accent)}.source-card h2{font-size:1.2rem;line-height:1.25;margin:24px 0 8px}.source-card p{color:var(--muted);margin:0}.source-card>small{margin-top:auto;padding-top:20px;color:var(--muted)}.source-card time,.source-meta time{font-size:.75rem;color:var(--muted)}.source-meta{display:flex;gap:14px;align-items:center;margin-bottom:16px}.external-link{color:var(--accent);font-weight:700}footer{max-width:1180px;margin:auto;padding:24px;color:var(--muted);font-size:.78rem;border-top:1px solid var(--line)}
@media(max-width:700px){.topbar{min-height:60px;padding:10px 18px;gap:16px;flex-wrap:wrap}.main-nav{order:3;width:100%;gap:18px;overflow-x:auto}.readonly{font-size:.68rem}.shell{padding:42px 16px}.hero{margin-bottom:50px}.metrics{grid-template-columns:1fr 1fr}.project-header{display:block}.project-header .status{display:inline-block;margin-top:12px}.content-panel{border-radius:14px}.document-list>a,.document-list>div{grid-template-columns:56px 1fr}.file-size{display:none}.timeline-group{grid-template-columns:1fr;gap:8px}.timeline-items a{grid-template-columns:58px 1fr auto;gap:12px}}
@media(prefers-color-scheme:dark){:root{--bg:#0d1216;--surface:#141b20;--surface-2:#1b242a;--text:#edf3f5;--muted:#93a2ac;--line:#28343c;--accent:#63c8b5;--accent-soft:#183c37;--shadow:0 18px 55px rgba(0,0,0,.18);color-scheme:dark}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card{transition:none}}
.timeline-group{display:block;border-bottom:1px solid var(--line)}
.timeline-group:first-child{border-top:1px solid var(--line)}
.timeline-group summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;font-size:1.2rem;font-weight:750;cursor:pointer;list-style:none}
.timeline-group summary::-webkit-details-marker{display:none}
.timeline-group summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.timeline-chevron{color:var(--accent);font-size:1.5rem;line-height:1;transition:transform .2s ease}
.timeline-group[open] .timeline-chevron{transform:rotate(180deg)}
.timeline-group .timeline-items{padding:0 4px 18px}
@media(prefers-reduced-motion:reduce){.timeline-chevron{transition:none}}
.source-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button.secondary{color:var(--accent);background:var(--accent-soft)}