:root{--paper: #f6f1e5;--ink: #8a8a82;--text: #4a4740;--faint: #a09a8d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--text);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}svg{overflow:visible;display:block}.masthead{text-align:center;padding:2.75rem 0 0;font-size:.72rem;letter-spacing:.38em;text-transform:uppercase;color:var(--faint)}.grid{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center;gap:3rem 1.5rem;max-width:920px;margin:0 auto;padding:3.5rem 2rem 6rem}.cell{position:relative;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.cell:focus-visible{outline:none}.cell .caption{position:absolute;left:50%;top:100%;transform:translate(-50%);padding-top:.6rem;white-space:nowrap;font-size:.7rem;letter-spacing:.08em;color:var(--faint);opacity:0;transition:opacity .25s ease;pointer-events:none}.cell:hover .caption,.cell:focus-visible .caption{opacity:1}.detail{display:flex;min-height:100vh}.detail-left{flex:1.1;display:flex;align-items:center;justify-content:center;position:relative}.back{position:absolute;top:1.6rem;left:1.8rem;background:none;border:none;font:inherit;cursor:pointer;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.back:hover{color:var(--text)}.panel{flex:1;overflow-y:auto;max-height:100vh;padding:4rem 3.5rem 5rem}.panel h1{font-weight:400;font-size:1.5rem;margin:0;letter-spacing:.02em}.panel .dates{color:var(--faint);font-size:.85rem;margin-top:.25rem}.poem-list{margin-top:1.8rem;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.poem-list button{background:none;border:none;font:inherit;cursor:pointer;color:var(--faint);display:inline-flex;align-items:center;gap:.5rem;padding:.1rem 0;font-size:.9rem;text-align:left}.poem-list button.active,.poem-list button:hover{color:var(--text)}.tick{display:inline-block;width:1.1em;height:3px;border-radius:2px;flex:none}.poem-list .year{color:var(--faint);font-size:.75rem}.panel article{margin-top:2.6rem;animation:article-in .35s ease both}@keyframes article-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.panel article{animation:none}}.panel h2{font-weight:400;font-size:1.15rem;margin:0 0 .4rem}.meta{font-size:.75rem;color:var(--faint);letter-spacing:.04em;display:flex;align-items:center;gap:.45rem;margin-top:.15rem}.poem-text{font-family:inherit;white-space:pre-wrap;margin:2.2rem 0 0;font-size:1rem;line-height:1.6;max-width:38em}.detail-left svg{max-width:92vw;height:auto}@media(max-width:860px){.grid{zoom:.6}.detail{flex-direction:column}.detail-left{min-height:55vh;padding:3rem 1rem 1rem}.panel{max-height:none;padding:2rem 1.5rem 4rem}}@media(max-width:480px){.grid{zoom:.42}}