.essay-nav { margin-left: auto; }
.essay-main { width: min(100%, 980px); margin: auto; padding: 64px 5% 36px; }
.essay-main h1 { font-size: clamp(38px, 6vw, 64px); letter-spacing: -.035em; line-height: 1.15; overflow-wrap: anywhere; }
.essay-main h2 { font-size: clamp(23px, 3vw, 30px); line-height: 1.4; letter-spacing: -.02em; }
.essay-main p { max-width: 760px; }
.essay-main .essay-meta { font-size: 14px; letter-spacing: .05em; color: var(--blue); }
.essay-deck { font-size: 22px; line-height: 1.5; }
.essay-intro { padding-bottom: 32px; }
.essay-reading { border-top: 3px solid var(--blue); background: #eef1ff; padding: 24px 28px; }
.essay-reading h2 { margin: 14px 0; }
.essay-reading a:hover h2, .essay-nav a:hover { color: var(--blue); }
.essay-reading p:last-child, .essay-note { color: #565d69; font-size: 14px; }
.essay-link { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.essay-contents { padding: 42px 0; }
.essay-contents details { border-top: 1px solid var(--line); }
.essay-contents details:last-child { border-bottom: 1px solid var(--line); }
.essay-contents summary { display: flex; gap: 20px; align-items: baseline; font-size: 18px; padding-block: 22px; }
.essay-contents summary::after { top: 25px; }
.essay-number { color: var(--blue); font-size: 14px; flex-shrink: 0; }
.essay-contents details p { padding: 0 28px 12px 40px; font-size: 16px; }
.essay-record { border-top: 1px solid var(--line); padding: 24px 0; }
footer { flex-wrap: wrap; }
.footer-paper { font-size: 14px; }
@media(max-width:600px) { .essay-main { padding: 42px 6% 24px; } .essay-reading { padding: 20px; } .essay-nav { order: 3; width: 100%; } .essay-contents summary { gap: 12px; } .essay-contents details p { padding-left: 30px; } }