/* essay.css — styles for essay pages */
.essay-wrap{max-width:var(--cw);margin:0 auto;padding:3rem 2rem 4rem}
.essay-label{font-family:var(--sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.25rem}
.essay-date{font-family:var(--sans);font-size:.82rem;color:var(--t3);margin-bottom:1.5rem;letter-spacing:.01em}
.md h1{font-family:var(--serif);font-size:1.9rem;font-weight:700;line-height:1.25;margin-bottom:.5rem;letter-spacing:-.02em}
.md h2{font-family:var(--serif);font-size:1.45rem;font-weight:700;color:var(--text);margin-top:2.5rem;margin-bottom:.75rem;line-height:1.3;letter-spacing:-.01em}
.md h3{font-family:var(--serif);font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem}
.md p{margin-bottom:1.3rem}
.md h1+p{font-family:var(--sans);font-size:.95rem;color:var(--t3);margin-bottom:2rem}
.md strong{font-weight:700}
.md em{font-style:italic}
.md hr{border:none;height:1px;background:var(--borderL);margin:2.5rem 0}
.md blockquote{border-left:2px solid var(--accent);margin:2rem 0;padding:.75rem 0 .75rem 1.75rem;font-style:italic;color:var(--t2);font-size:1.02rem;line-height:1.75}
.md a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.md a:hover{border-bottom-color:var(--accent)}
.md hr:last-of-type~p{font-family:var(--sans);font-size:.88rem;color:var(--t3);line-height:1.6;margin-bottom:.75rem}
.back-link{display:inline-block;margin-top:2.5rem;font-family:var(--sans);font-size:13px;color:var(--t3);text-decoration:none;transition:color .25s}
.back-link:hover{color:var(--accent)}

/* Essay dropdown */
.ed{position:relative}
.ed-btn{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--t2);text-decoration:none;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:none;border:none;padding:0;transition:color .25s}
.ed-btn:hover{color:var(--accent)}
.ed-menu{display:none;position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid var(--borderL);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.07);min-width:260px;padding:.5rem 0;z-index:200}
.ed-menu.open{display:block}
.ed-menu a{display:block;padding:.6rem 1.1rem;font-family:var(--sans);font-size:.85rem;color:var(--text);text-decoration:none;text-transform:none;letter-spacing:0;transition:background .2s}
.ed-menu a:hover{background:var(--accentL)}
.ed-menu a.active{color:var(--accent);font-weight:600}
.ed-menu small{display:block;color:var(--t3);font-size:.75rem;margin-top:.15rem}

/* Download bar */
.essay-dl{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding:1.1rem 1.35rem;background:var(--accentL);border-radius:8px;font-family:var(--sans);font-size:.88rem;color:var(--t2);flex-wrap:wrap;box-shadow:0 1px 4px rgba(44,74,110,.04)}
.essay-dl .dl-cta{flex:1;line-height:1.5}
.essay-dl a{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap;padding:.45rem .9rem;border:1.5px solid var(--accent);border-radius:5px;transition:background .25s,color .25s,box-shadow .25s;font-size:.85rem}
.essay-dl a:hover{background:var(--accent);color:#fff;box-shadow:0 2px 6px rgba(44,74,110,.12)}
.essay-dl a svg{width:14px;height:14px;flex-shrink:0}

/* Responsive essay */
@media(max-width:640px){
.essay-wrap{padding-left:1.5rem;padding-right:1.5rem}
.md h1{font-size:1.5rem}
.md h2{font-size:1.3rem;margin-top:2rem}
.ed-menu{position:fixed;top:auto;left:1rem;right:1rem;min-width:auto;max-height:60vh;overflow-y:auto}
.essay-dl{flex-direction:column;align-items:flex-start}
}