:root{--bg:#f3f0e7;--ink:#18352d;--muted:#5d6963;--line:#a7aaa0}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,sans-serif}main{max-width:1080px;margin:auto;padding:48px 56px 70px}header{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:24px;display:flex}.brand{font:700 28px Georgia,serif}a{color:inherit;text-decoration:none}.hero{padding:65px 0 72px}.hero h1,.libraryHero h1{letter-spacing:-.035em;max-width:900px;margin:0 0 24px;font:700 clamp(38px,5vw,64px)/1.08 Georgia,serif}.hero p,.libraryHero p{color:var(--muted);max-width:650px;font:20px/1.55 Georgia,serif}.hero nav,footer nav{gap:38px;margin-top:30px;display:flex}.hero nav a,.meta a,.libraryIntro>a{border-bottom:1px solid var(--ink);padding-bottom:4px;font-weight:700}section{margin:35px 0 90px}h2{text-transform:uppercase;letter-spacing:.12em;font-size:17px}.rule{border-top:1px solid var(--line);margin-top:17px}article{border-bottom:1px solid var(--line);grid-template-columns:1fr 180px;gap:40px;padding:34px 0;display:grid}h3{margin:0 0 10px;font:700 30px/1.15 Georgia,serif}article p,.libraryIntro p{color:var(--muted);max-width:650px;margin:0;font:18px/1.5 Georgia,serif}.meta{text-align:right;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.meta time{color:var(--muted)}.libraryIntro{justify-content:space-between;gap:40px;padding:34px 0;display:flex}.libraryHero{padding:70px 0 20px}.libraryGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.libraryItem{border:1px solid var(--line);min-height:200px;padding:22px}.libraryItem small{text-transform:uppercase;color:var(--muted);margin-bottom:18px;display:block}.libraryItem strong{margin-bottom:5px;font:700 21px Georgia,serif;display:block}.libraryItem span,.libraryItem p{color:var(--muted)}.libraryItem p{font:16px/1.45 Georgia,serif}footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;padding-top:32px;display:grid}footer strong{font:700 28px Georgia,serif}footer nav{grid-column:1}@media (max-width:700px){main{padding:28px 24px}.hero nav{flex-wrap:wrap;gap:20px}article{grid-template-columns:1fr}.meta{align-items:flex-start;gap:20px}.libraryIntro{display:block}.libraryIntro>a{margin-top:25px;display:inline-block}.libraryGrid,footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap;gap:18px}}