@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap";:root{--ink:#24291f;--paper:#eee6d2;--paper-2:#e4d9bc;--forest:#1f3d2c;--forest-2:#2c5340;--blaze:#d9581f;--blaze-dark:#b34415;--gold:#c99a2e;--line:#b9ab84}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;max-width:430px;min-height:100vh;margin:0 auto;font-family:Inter,sans-serif;display:flex;position:relative}header{z-index:10;background:var(--forest);border-bottom:3px solid var(--blaze);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.brand-mark{color:var(--paper);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;text-decoration:none;display:flex}.brand-mark svg{width:18px;height:18px}nav{gap:16px;display:flex}nav a{color:#cfd9c9;letter-spacing:.08em;text-transform:uppercase;margin:auto 15px;font-family:Oswald,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}nav a:hover,nav a:focus-visible{color:var(--blaze);outline:none}nav a:focus-visible{text-decoration:underline}.card{border:1px solid var(--line);background:#fbf8ef;border-radius:4px;box-shadow:4px 4px #1f3d2c14}.card-title{align-items:baseline;gap:8px;display:flex}.card-title h2{letter-spacing:.03em;text-transform:uppercase;color:var(--forest);font-family:Oswald,sans-serif}.star-btn{cursor:pointer;color:var(--line);background:0 0;border:none;flex-shrink:0}.star-btn.is-fav{color:var(--gold)}.star-btn:focus-visible{outline:2px solid var(--blaze);border-radius:2px}.location{color:#6b6650;align-items:center;gap:4px;display:flex}.location svg{flex-shrink:0}.difficulty-dot{border-radius:50%;display:inline-block}.difficulty-dot.easy{background:#5c8a5c}.difficulty-dot.moderate{background:var(--gold)}.difficulty-dot.hard{background:var(--blaze)}footer{background:var(--forest);color:#a9b8a4;text-align:center;letter-spacing:.04em;border-top:3px solid var(--blaze);margin-top:auto;padding:16px;font-family:JetBrains Mono,monospace;font-size:10.5px}@media (width>=800px){body{max-width:1250px}header,footer{padding-left:32px;padding-right:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}