.marginalia-page{padding:0 0 clamp(58px,8vw,92px)}
.marginalia-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,410px);gap:clamp(24px,5vw,64px);align-items:end;min-height:clamp(380px,56vh,620px);padding:clamp(54px,8vw,96px) clamp(20px,5vw,64px);border-bottom:1px solid var(--border-soft);background:linear-gradient(90deg,rgba(16,13,11,.94),rgba(16,13,11,.64) 48%,rgba(16,13,11,.36)),linear-gradient(180deg,rgba(16,13,11,.18),rgba(16,13,11,.86)),url('../assets/literary-archives-hero.png') center/cover}
.marginalia-hero h1{max-width:920px;margin-top:10px;font-size:clamp(4rem,10vw,8.2rem)}
.marginalia-hero p:not(.eyebrow){max-width:760px;margin-top:18px;color:var(--muted);font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.62}
.marginalia-hero-note{display:grid;gap:12px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(13,10,9,.76);box-shadow:0 20px 54px rgba(0,0,0,.26)}
.marginalia-hero-note strong{font-family:var(--font-display);font-size:2rem;line-height:1}.marginalia-hero-note span{color:var(--muted);line-height:1.5}
.marginalia-journal{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);width:min(1320px,calc(100% - 40px));margin:clamp(38px,6vw,72px) auto 0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(36,26,22,.78),rgba(13,10,9,.92)),var(--surface);box-shadow:0 22px 64px rgba(0,0,0,.3)}
.marginalia-sidebar{display:grid;align-content:start;gap:18px;min-width:0;padding:clamp(24px,4vw,38px);border-right:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(25,19,16,.84),rgba(9,7,6,.9)),url('../assets/codices-hero-banner.png') center/cover;background-blend-mode:multiply}
.marginalia-sidebar h2{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5.2rem);line-height:.95}.marginalia-sidebar p:not(.eyebrow){color:var(--muted);line-height:1.62}
.marginalia-topic-list{display:grid;gap:10px;margin-top:12px}.marginalia-topic-list span{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--muted);background:rgba(13,10,9,.68);font-weight:700}.marginalia-topic-list b{color:var(--amber);font-family:var(--font-mono);font-size:.76rem}
.marginalia-feed{display:grid;gap:14px;align-content:start;min-width:0;padding:clamp(18px,3vw,30px)}.marginalia-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:18px;min-width:0;padding:16px;border:1px solid var(--border-soft);border-radius:calc(var(--radius) - 2px);background:rgba(13,10,9,.72);transition:transform .16s ease,border-color .16s ease,background .16s ease}.marginalia-card:hover,.marginalia-card:focus-visible{border-color:rgba(197,139,58,.82);background:rgba(25,19,16,.92);outline:none;transform:translateY(-2px)}
.marginalia-date{display:grid;align-content:start;justify-items:start;color:var(--amber);font-family:var(--font-mono);font-size:.78rem;font-weight:700;text-transform:uppercase}.marginalia-date strong{color:var(--text);font-family:var(--font-display);font-size:2.4rem;line-height:.9}.marginalia-card-body{display:grid;gap:10px;min-width:0}.marginalia-card h3{font-size:clamp(1.9rem,4vw,2.65rem)}.marginalia-card p{color:var(--muted);line-height:1.58}
.marginalia-meta,.marginalia-tag,.marginalia-aside-label{color:var(--red);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.marginalia-tags{display:flex;flex-wrap:wrap;gap:7px}.marginalia-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid rgba(79,181,168,.36);border-radius:999px;color:var(--teal);background:rgba(79,181,168,.08);letter-spacing:.08em}
.marginalia-entry-shell{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,820px) minmax(220px,300px);gap:clamp(18px,3vw,34px);align-items:start;width:min(1420px,calc(100% - 40px));margin:0 auto;padding:clamp(38px,7vw,76px) 0 clamp(58px,8vw,96px)}.marginalia-entry-rail,.marginalia-context-panel{position:sticky;top:92px;display:grid;gap:14px;min-width:0}.marginalia-rail-card,.marginalia-context-card,.marginalia-article-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:rgba(13,10,9,.74);box-shadow:0 20px 54px rgba(0,0,0,.24)}.marginalia-rail-card{display:grid;gap:16px;padding:18px}.marginalia-back-link{display:inline-flex;align-items:center;width:max-content;min-height:34px;padding:0 12px;border:1px solid rgba(79,181,168,.36);border-radius:999px;color:var(--teal);font-size:.82rem;font-weight:800}
.marginalia-date-block{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.marginalia-date-block strong{font-family:var(--font-display);font-size:4.8rem;line-height:.82}.marginalia-date-block span:not(.marginalia-meta){color:var(--muted);font-weight:800}.marginalia-rail-links{display:grid;gap:8px}.marginalia-rail-links a,.marginalia-rail-links span{padding:10px 0;border-bottom:1px solid var(--border-soft);color:var(--muted);font-size:.88rem;font-weight:700}
.marginalia-article{min-width:0}.marginalia-article-card{overflow:hidden}.marginalia-article-card img{width:100%;height:clamp(230px,34vw,430px);object-fit:cover;filter:brightness(.82) saturate(1.04)}.marginalia-article-title{display:grid;gap:14px;padding:clamp(22px,4vw,34px);border-bottom:1px solid var(--border-soft);background:rgba(25,19,16,.58)}.marginalia-article-title h1{max-width:820px;font-size:clamp(3.05rem,7vw,6.2rem);line-height:.93}.marginalia-article-title p{max-width:720px;color:var(--muted);font-size:1.08rem;line-height:1.62}.marginalia-article-body{padding:clamp(24px,4vw,42px)}.marginalia-article-body p{color:var(--muted);font-size:1.05rem;line-height:1.78}.marginalia-article-body p+p{margin-top:22px}.marginalia-article-pullquote{margin:28px 0;padding:20px 22px;border-left:3px solid var(--amber);color:var(--text);background:rgba(36,26,22,.7);font-family:var(--font-display);font-size:clamp(2.6rem,5.4vw,4.8rem);line-height:.95}
.marginalia-context-card{display:grid;gap:12px;padding:16px}.marginalia-context-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--radius) - 2px)}.marginalia-context-card h2,.marginalia-context-card h3{font-family:var(--font-display);font-size:1.75rem;line-height:1}.marginalia-context-card p{color:var(--muted);font-size:.9rem;line-height:1.5}.marginalia-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.marginalia-footer-nav a{min-width:0;padding:16px;border:1px solid var(--border-soft);border-radius:var(--radius);color:var(--muted);background:rgba(13,10,9,.72);font-weight:700}.marginalia-footer-nav strong{display:block;margin-top:5px;color:var(--text);font-family:var(--font-display);font-size:1.38rem;line-height:1}
@media (max-width:1180px){.marginalia-entry-shell{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.marginalia-context-panel{grid-column:2;position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.marginalia-hero,.marginalia-journal{grid-template-columns:1fr}.marginalia-sidebar{border-right:0;border-bottom:1px solid var(--border-soft)}}
@media (max-width:720px){.marginalia-hero{min-height:0;padding:48px 20px}.marginalia-hero h1{font-size:3.35rem}.marginalia-journal,.marginalia-entry-shell{width:min(540px,calc(100% - 32px))}.marginalia-card,.marginalia-entry-shell,.marginalia-context-panel,.marginalia-footer-nav{grid-template-columns:1fr}.marginalia-entry-rail,.marginalia-context-panel{position:static}.marginalia-context-panel{grid-column:auto}.marginalia-date-block strong{font-size:3.6rem}}