.guide-discovery{position:relative;margin:28px 8px;padding:26px;border:2px solid #afc9d2;border-radius:26px;background:#fffdf5;box-shadow:0 7px 0 #799fb55c;color:#203e50;isolation:isolate}
.guide-discovery::before{content:'';position:absolute;right:35px;top:-12px;width:75px;height:27px;background:#ffe17bc7;border:1px solid #efd172;transform:rotate(5deg);z-index:1}
.guide-discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.guide-discovery-heading-copy{display:flex;align-items:center;gap:16px;flex:1;min-width:220px}
.guide-discovery-note{display:grid;place-items:center;flex:none;width:48px;height:55px;background:#ffe477;color:#294e62;border-radius:7px;transform:rotate(-9deg);font-size:37px;font-weight:1000;box-shadow:0 4px 0 #d0b456}
.guide-discovery h2{font-size:30px;font-weight:1000;line-height:1.2;margin:0}
.guide-discovery-heading p{max-width:620px;font-size:15px;line-height:1.55;margin:6px 0 0;color:#4c6877}
.guide-discovery a{color:#24546b;text-decoration:none;font-weight:900}
.guide-discovery-heading>a{flex:none;padding:11px 17px;border:1px solid #78acae;border-radius:13px;background:#d9efe6;box-shadow:0 3px 0 #a5c7c5;transition:transform .18s,box-shadow .18s;font-size:15px}
.guide-discovery-heading>a::after{content:' →'}
.guide-discovery-heading>a:hover{transform:translateY(-2px);box-shadow:0 5px 0 #a5c7c5}
.guide-discovery-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.guide-discovery-links>a{position:relative;display:flex;flex-direction:column;min-width:0;padding:7px 7px 17px;border:1px solid #b8cdd6;border-radius:17px;background:#eef6f7;box-shadow:0 3px 0 #bdced6;transition:transform .2s,box-shadow .2s,background-color .2s}
.guide-discovery-links>a:nth-child(2){background:#f2ebfb}.guide-discovery-links>a:nth-child(3){background:#fff1dc}.guide-discovery-links>a:nth-child(4){background:#e8f3e6}
.guide-discovery-links img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:11px;border:1px solid #26485d1f;transition:filter .2s}
.guide-discovery-links [data-guide-title]{font-size:16px;line-height:1.4;padding:14px 25px 0 7px}
.guide-discovery-links>a::before{content:attr(data-card-number);position:absolute;left:17px;top:17px;display:grid;place-items:center;width:29px;height:31px;background:#ffe785;box-shadow:0 2px 0 #b89d53;border-radius:4px;transform:rotate(-6deg);font-size:13px;font-weight:1000;z-index:1;color:#244557}
.guide-discovery-links>a::after{content:'↗';position:absolute;right:15px;bottom:17px;font-size:21px;line-height:1;color:#34797a}
.guide-discovery-links>a:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:0 8px 0 #afc3cf;background:#fff4c8}.guide-discovery-links>a:nth-child(even):hover{transform:translateY(-5px) rotate(.6deg)}
.guide-footer-link{padding:4px 10px;color:#fff4aa;font-weight:900}
.guide-discovery a:focus-visible,.guide-footer-link:focus-visible{outline:3px solid #087f85;outline-offset:5px}
@media(max-width:800px){.guide-discovery-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.guide-discovery{margin:24px 0;padding:19px 14px;border-radius:22px}.guide-discovery h2{font-size:25px}.guide-discovery-heading-copy{gap:12px;min-width:0}.guide-discovery-note{width:37px;height:44px;font-size:29px}.guide-discovery-heading p{font-size:14px}.guide-discovery-heading>a{font-size:14px;padding:9px 14px;margin-left:49px}.guide-discovery-links{gap:12px;margin-top:21px}.guide-discovery-links [data-guide-title]{font-size:14px;padding:12px 20px 0 4px}.guide-discovery-links>a::after{right:10px;font-size:18px}.guide-discovery-links>a::before{left:13px;top:13px;width:25px;height:27px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.guide-discovery a,.guide-discovery-links img{transition:none}.guide-discovery-links>a:hover,.guide-discovery-links>a:nth-child(even):hover,.guide-discovery-heading>a:hover{transform:none}}
@media(max-width:480px){.guide-discovery-heading{flex-direction:column;align-items:flex-start;gap:14px}.guide-discovery-heading-copy{width:100%;flex:none;align-items:flex-start}.guide-discovery-heading-copy>div{flex:1;min-width:0}.guide-discovery-note{margin-top:3px}.guide-discovery-heading>a{align-self:flex-start}}