:root{--cream:#fbf6ec;--ink:#2b2420;--burgundy:#7a1f3d;--green:#1f5a3c;--indigo:#33307a;--violet:#6a3d8f;--bronze:#9a6a2f}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:1.05rem/1.6 Georgia,serif}
.bar{height:6px;background:linear-gradient(90deg,var(--burgundy),var(--bronze),var(--green),var(--indigo),var(--violet))}
header,main,footer{max-width:46rem;margin:auto;padding:1rem 1.25rem}
nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}
a{color:var(--indigo)}a:focus{outline:3px solid var(--violet);outline-offset:2px}
h1{color:var(--burgundy);font-size:1.9rem;margin:.5rem 0}h2{color:var(--green)}
.card{background:#fff;border-left:5px solid var(--bronze);padding:1rem 1.25rem;border-radius:6px}
footer{font-size:.9rem;color:#5a4f47;border-top:1px solid #e3d8c4}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem}
@media(min-width:700px){h1{font-size:2.4rem}}