.article-hub-page,.archive-page{width:100%;max-width:none;margin:0 auto;padding:var(--site-header-safe-gap) clamp(14px,1.8vw,26px) 96px}.hub-nav{display:inline-flex;gap:8px;padding:7px;border:1px solid var(--note-line);border-radius:999px;background:#f8f5ef47;box-shadow:none}.hub-nav a{min-width:82px;padding:10px 25px;border-radius:999px;color:var(--note-muted);font:600 13px var(--sans);text-align:center;transition:color .2s,background .2s,box-shadow .2s,transform .2s}.hub-nav a:hover,.hub-nav a.active{background:var(--note-accent);color:#fffaf5;box-shadow:0 4px 10px #d86f4c29}.hub-nav a:hover:not(.active){background:#d86f4c14;color:var(--note-accent);transform:translateY(-1px)}.article-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:54px;margin-top:34px}.workspace-sidebar{position:sticky;top:102px;align-self:start;max-height:calc(100vh - 130px);overflow:auto;padding-right:22px;border-right:1px solid var(--note-line)}.workspace-sidebar-heading{display:flex;justify-content:space-between;margin-bottom:18px;color:var(--note-muted);font:11px var(--sans);letter-spacing:.08em}.workspace-sidebar-heading strong{color:var(--note-accent);font-weight:600}.workspace-category{display:grid;gap:3px;margin-bottom:17px}.workspace-category>a{display:flex;justify-content:space-between;color:var(--note-text);font-family:var(--display-serif);font-size:18px}.workspace-category>a span{color:var(--note-faint);font:10px var(--sans)}.workspace-series{padding-left:12px;color:var(--note-muted);font:12px var(--sans)}.workspace-category a:hover{color:var(--note-accent)}.workspace-main-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--note-line)}.workspace-kicker{color:var(--note-accent);font:11px var(--sans);letter-spacing:.13em}.workspace-main-heading h1{margin:8px 0 4px;color:var(--note-text);font-family:var(--display-serif);font-size:clamp(34px,4vw,56px);font-weight:600;text-align:left}.workspace-main-heading p,.archive-heading p{margin:0;color:var(--note-muted);font-size:14px}.workspace-main-heading>a{color:var(--note-accent);font:12px var(--sans);white-space:nowrap}.workspace-note-groups{display:grid;gap:34px;padding-top:28px}.workspace-category-group>h2{margin:0 0 14px;color:var(--note-text);font-family:var(--display-serif);font-size:25px;font-weight:600}.workspace-series-group{margin:0 0 18px;padding-left:16px;border-left:2px solid rgba(216,111,76,.38)}.workspace-series-group>h3{margin:0;padding-bottom:7px;color:var(--note-accent);font:12px var(--sans);letter-spacing:.08em}.workspace-note-row{display:grid;grid-template-columns:32px minmax(0,1fr) 24px;gap:12px;align-items:start;padding:13px 0;border-top:1px solid rgba(215,209,200,.7)}.workspace-note-row>span{color:var(--note-accent);font:11px var(--sans)}.workspace-note-row strong{color:var(--note-text);font-family:var(--display-serif);font-size:18px;font-weight:600}.workspace-note-row p{display:-webkit-box;overflow:hidden;margin:2px 0;color:var(--note-muted);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.workspace-note-row small{color:var(--note-faint);font:10px var(--sans)}.workspace-note-row b{color:var(--note-accent);font-size:18px;font-weight:400}.workspace-note-row:hover strong{color:var(--note-accent)}.archive-heading{max-width:720px;margin:42px 0 44px}.archive-heading h1{margin:8px 0;color:var(--note-text);font-family:var(--display-serif);font-size:clamp(40px,6vw,72px);font-weight:600;text-align:left}.archive-timeline{border-top:1px solid var(--note-line)}.timeline-year{display:grid;grid-template-columns:100px minmax(0,1fr);gap:28px;padding:28px 0;border-bottom:1px solid var(--note-line)}.timeline-year>h2{margin:0;color:var(--note-accent);font:600 18px var(--sans)}.timeline-items{display:grid}.timeline-item{position:relative;display:grid;grid-template-columns:52px 18px minmax(0,1fr) 24px;gap:12px;align-items:start;padding:0 0 25px}.timeline-item:last-child{padding-bottom:0}.timeline-item time{color:var(--note-faint);font:11px var(--sans)}.timeline-dot{position:relative;width:9px;height:9px;margin-top:5px;border:2px solid var(--note-accent);border-radius:50%;background:var(--note-bg)}.timeline-item:not(:last-child) .timeline-dot:after{position:absolute;top:7px;left:2px;width:1px;height:calc(100% + 26px);min-height:48px;background:var(--note-line);content:""}.timeline-item>div{display:grid;gap:3px}.timeline-item>div>span{color:var(--note-accent);font:10px var(--sans)}.timeline-item strong{color:var(--note-text);font-family:var(--display-serif);font-size:20px;font-weight:600}.timeline-item p{margin:0;color:var(--note-muted);font-size:13px}.timeline-item>b{color:var(--note-accent);font-size:18px;font-weight:400}.timeline-item:hover strong{color:var(--note-accent)}.hub-nav a:focus-visible,.workspace-sidebar a:focus-visible,.workspace-note-row:focus-visible,.timeline-item:focus-visible{outline:2px solid var(--note-accent);outline-offset:3px}@media(max-width:780px){.article-hub-page,.archive-page{width:100%;padding:var(--site-header-safe-gap) 14px 72px}.hub-nav{display:flex;width:100%}.hub-nav{gap:4px;padding:5px}.hub-nav a{min-width:0;flex:1;padding:9px 10px;text-align:center}.article-workspace{display:block;margin-top:26px}.workspace-sidebar{position:static;max-height:none;margin-bottom:30px;padding:0 0 18px;border-right:0;border-bottom:1px solid var(--note-line)}.workspace-sidebar nav{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}.workspace-category{min-width:100px;margin:0}.workspace-series{display:none}.workspace-main-heading{align-items:start;flex-direction:column;gap:12px}.timeline-year{grid-template-columns:58px minmax(0,1fr);gap:12px}.timeline-item{grid-template-columns:44px 16px minmax(0,1fr) 18px;gap:8px}.timeline-item strong{font-size:18px}.timeline-item p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(prefers-reduced-motion:reduce){.hub-nav a{transition:none}}
