*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f6f5f1;color:#202c2a;font-family:Arial,Helvetica,sans-serif}main{max-width:1400px;margin:auto;padding:80px 48px}main:focus{outline:none}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px}.tile{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #d5dbd2;border-radius:14px;overflow:hidden}.tile:hover{border-color:#52695d}.preview{height:340px;padding:24px 24px 0;overflow:hidden;background:#e3eadd}.preview img{display:block;width:100%;height:auto;box-shadow:0 3px 15px #173d381a}.tile:first-child:nth-last-child(2) .preview{background:#e2e9e8}.tile:first-child:nth-last-child(2) .preview img{height:340px;object-fit:cover;object-position:center}h2{font-size:25px;font-weight:500;letter-spacing:-.6px;line-height:1.25;margin:0;padding:27px 28px;display:flex;justify-content:space-between;align-items:center;gap:14px}h2 span{font-size:27px;font-weight:400}.back{display:inline-grid;place-items:center;width:44px;height:44px;font-size:26px;text-decoration:none;margin:-34px 0 24px}.skip{position:fixed;top:8px;left:8px;transform:translateY(-160%);background:#153e35;color:#fff;padding:14px;z-index:2}.skip:focus{transform:none}a:focus-visible{outline:3px solid #005bce;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){main{padding:32px 20px}.tiles{grid-template-columns:1fr;gap:24px}.preview{height:270px;padding:20px 20px 0}h2{font-size:23px;padding:24px}.back{margin:0 0 18px}}@media(forced-colors:active){.tile{border:1px solid CanvasText}}