@layer component{.page-nav{display:flex;justify-content:space-between;align-items:stretch;gap:var(--l);margin-top:var(--xl);padding-top:var(--l);border-top:1px solid var(--border-subtle)}.page-nav a{display:flex;flex-direction:column;gap:0.25em;padding:1em 1.25em;border-radius:8px;color:var(--text-secondary);transition:all 0.2s;max-width:45%;&:hover{background:var(--bg-subtle);color:var(--text-primary)}span{font-size:0.875rem;color:var(--text-muted)}strong{font-weight:500;color:var(--text-primary)}}.page-nav .prev{text-align:left}.page-nav .next{text-align:right;margin-left:auto}.page-nav .mobile{display:none}@media (max-width: 600px){.page-nav strong,
    .page-nav .desktop{display:none}.page-nav .mobile{display:inline}.page-nav a{flex-direction:row;padding:0.75em 1em}}.essay-entries{display:flex;flex-direction:column}.essay-entry{display:flex;gap:var(--m);padding:var(--m) 0;border-bottom:1px solid var(--border-subtle);transition:background 0.2s;text-decoration:none;&:hover{background:var(--bg-subtle);margin-inline:-1em;padding-inline:1em}time{flex-shrink:0;width:100px;color:var(--text-muted);font-size:0.875rem}strong{display:block;color:var(--text-primary);font-weight:500;font-size:1.125rem}p{margin:0.5em 0 0;color:var(--text-secondary);font-size:1rem;text-align:left}@media (max-width: 600px){flex-direction:column;gap:0.25em;time{width:auto}}}}