*{box-sizing:border-box}body{margin:0;background:#f4f2eb;color:#283e35;font:16px/1.6 Arial,sans-serif;min-height:100svh;display:grid;place-items:center;padding:32px 20px}.welcome{width:min(100%,760px);text-align:center}.welcome>img{display:block;margin:auto}h1{font:normal 64px/1 Georgia,serif;margin:22px 0 16px}.subtitle{color:#586a5f;margin-bottom:30px}nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}a{display:flex;flex-direction:column;justify-content:center;min-height:132px;padding:20px 14px;color:inherit;text-decoration:none;border:1px solid #b7c1b4;border-radius:12px;background:#fbfaf6}a:hover,a:focus-visible{background:#e7ede3;outline:2px solid #244f43;outline-offset:3px}a.recommended{border:2px solid #244f43}a strong{font-size:22px}a span{font-size:16px}.recommendation{color:#52694e;font-size:13px;margin-top:8px}.details{display:grid;gap:4px;font-size:14px;color:#586a5f;margin-top:26px}@media(max-width:540px){nav{grid-template-columns:1fr}a{min-height:92px;padding:14px}h1{font-size:48px}.subtitle{margin-bottom:22px}body{padding:24px 18px}}@media(prefers-reduced-motion:no-preference){a{transition:background .15s}}