.guides-page[data-astro-cid-msmxeea6]{color:#1c2733;background:radial-gradient(circle at 92% 8%,#c5003e14,#0000 25rem),linear-gradient(#f7f9fc 0%,#fff 34%,#f7f9fc 100%)}.guides-shell[data-astro-cid-msmxeea6]{width:min(1120px,100% - 32px);margin:0 auto}.guides-hero[data-astro-cid-msmxeea6]{padding:clamp(48px,7vw,86px) 0 clamp(36px,5vw,58px);position:relative;overflow:hidden}.guides-hero[data-astro-cid-msmxeea6]:before,.guides-list-section[data-astro-cid-msmxeea6]:before{content:"";pointer-events:none;background-image:linear-gradient(#1c365d0c 1px,#0000 1px),linear-gradient(90deg,#1c365d0c 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;mask-image:linear-gradient(#000000e0,#0000 82%)}.guides-breadcrumb[data-astro-cid-msmxeea6],.guides-hero-copy[data-astro-cid-msmxeea6],.guides-section-head[data-astro-cid-msmxeea6],.guide-stack[data-astro-cid-msmxeea6]{z-index:1;position:relative}.guides-breadcrumb[data-astro-cid-msmxeea6]{color:#5a6675;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;font-size:.92rem;display:flex}.guides-breadcrumb[data-astro-cid-msmxeea6] a[data-astro-cid-msmxeea6]{color:#5a6675;text-decoration:none}.guides-breadcrumb[data-astro-cid-msmxeea6] a[data-astro-cid-msmxeea6]:hover{color:#c5003e}.guides-breadcrumb[data-astro-cid-msmxeea6] strong[data-astro-cid-msmxeea6]{color:#1c365d;font-weight:760}.guides-hero-copy[data-astro-cid-msmxeea6]{max-width:800px}.guides-hero[data-astro-cid-msmxeea6] h1[data-astro-cid-msmxeea6],.guides-section-head[data-astro-cid-msmxeea6] h2[data-astro-cid-msmxeea6],.guide-learn[data-astro-cid-msmxeea6] h3[data-astro-cid-msmxeea6]{color:#1c365d;letter-spacing:0;margin:0;line-height:1.05}.guides-hero[data-astro-cid-msmxeea6] h1[data-astro-cid-msmxeea6]{font-size:clamp(2.45rem,5.2vw,4.65rem)}.guides-hero-copy[data-astro-cid-msmxeea6] p[data-astro-cid-msmxeea6]{color:#465669;max-width:760px;margin:18px 0 0;font-size:clamp(1.04rem,1.55vw,1.24rem);line-height:1.72}.guides-list-section[data-astro-cid-msmxeea6]{padding:clamp(34px,5vw,62px) 0 clamp(72px,8vw,108px);position:relative;overflow:hidden}.guides-section-head[data-astro-cid-msmxeea6]{max-width:760px;margin-bottom:28px}.guides-section-head[data-astro-cid-msmxeea6] h2[data-astro-cid-msmxeea6]{font-size:clamp(1.75rem,3vw,2.45rem)}.guides-section-head[data-astro-cid-msmxeea6] p[data-astro-cid-msmxeea6]{color:#566477;margin:12px 0 0;font-size:1.04rem;line-height:1.7}.guide-stack[data-astro-cid-msmxeea6]{gap:clamp(22px,3vw,34px);display:grid}.guide-row[data-astro-cid-msmxeea6]{-webkit-backdrop-filter:blur(14px)saturate(1.08);background:linear-gradient(145deg,#fffffff5,#ffffffd1),#ffffffe0;border:1px solid #1c365d1a;border-radius:10px;grid-template-columns:minmax(240px,340px) minmax(260px,.92fr) minmax(260px,.86fr);align-items:stretch;gap:clamp(24px,4vw,46px);padding:clamp(18px,2.4vw,26px);display:grid;box-shadow:0 22px 60px #1c365d17}.guide-visual[data-astro-cid-msmxeea6]{background:radial-gradient(circle at 76% 18%,#c5003e24,#0000 9rem),#eef2f7;border-radius:8px;min-height:280px;text-decoration:none;display:block;position:relative;overflow:hidden}.guide-visual[data-astro-cid-msmxeea6]:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #1c365d1c;position:absolute;inset:0}.guide-visual[data-astro-cid-msmxeea6]:before{content:"";z-index:1;opacity:.76;pointer-events:none;background:url(/logo-mdn-header.webp) 50%/contain no-repeat;width:58px;height:26px;position:absolute;top:14px;right:14px}.guide-visual[data-astro-cid-msmxeea6] img[data-astro-cid-msmxeea6]{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .28s;display:block}.guide-row[data-astro-cid-msmxeea6]:hover .guide-visual[data-astro-cid-msmxeea6] img[data-astro-cid-msmxeea6]{transform:scale(1.025)}.guide-learn[data-astro-cid-msmxeea6],.guide-resources[data-astro-cid-msmxeea6]{align-self:center}.guide-meta[data-astro-cid-msmxeea6]{color:#9e0031;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:850}.guide-learn[data-astro-cid-msmxeea6] h3[data-astro-cid-msmxeea6]{font-size:clamp(1.55rem,2.8vw,2.35rem)}.guide-learn[data-astro-cid-msmxeea6]>p[data-astro-cid-msmxeea6]:not(.guide-meta){color:#3d4d60;margin:16px 0 0;font-size:clamp(1rem,1.26vw,1.08rem);line-height:1.72}.guide-button[data-astro-cid-msmxeea6]{color:#fff;background:#c5003e;border-radius:6px;justify-content:center;align-items:center;min-height:48px;margin-top:22px;padding:0 20px;font-weight:760;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 14px 28px #c5003e2e}.guide-button[data-astro-cid-msmxeea6]:after{content:"→";margin-left:10px;font-weight:700}.guide-button[data-astro-cid-msmxeea6]:hover{background:#9e0031;transform:translateY(-1px);box-shadow:0 18px 36px #c5003e3d}.guide-button[data-astro-cid-msmxeea6]:focus-visible,.guide-visual[data-astro-cid-msmxeea6]:focus-visible,.guide-resources[data-astro-cid-msmxeea6] a[data-astro-cid-msmxeea6]:focus-visible{outline-offset:4px;outline:3px solid #c5003e47}.guide-resources[data-astro-cid-msmxeea6]{border-left:1px solid #1c365d1a;padding-left:clamp(20px,3vw,32px)}.guide-resources[data-astro-cid-msmxeea6] p[data-astro-cid-msmxeea6]{color:#1c365d;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;font-size:.78rem;font-weight:850}.guide-resources[data-astro-cid-msmxeea6] ul[data-astro-cid-msmxeea6]{gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-resources[data-astro-cid-msmxeea6] a[data-astro-cid-msmxeea6]{color:#1c2733;padding-left:20px;font-size:clamp(.98rem,1.18vw,1.06rem);line-height:1.45;text-decoration:none;display:block;position:relative}.guide-resources[data-astro-cid-msmxeea6] a[data-astro-cid-msmxeea6]:before{content:"";background:#c5003e;border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:0;box-shadow:0 0 0 4px #c5003e14}.guide-resources[data-astro-cid-msmxeea6] a[data-astro-cid-msmxeea6]:hover{color:#c5003e;text-underline-offset:3px;text-decoration:underline}@media (width<=1040px){.guide-row[data-astro-cid-msmxeea6]{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.guide-resources[data-astro-cid-msmxeea6]{border-top:1px solid #1c365d1a;border-left:0;grid-column:1/-1;padding:22px 0 0}.guide-resources[data-astro-cid-msmxeea6] ul[data-astro-cid-msmxeea6]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}}@media (width<=720px){.guides-shell[data-astro-cid-msmxeea6]{width:min(100% - 24px,1120px)}.guides-hero[data-astro-cid-msmxeea6]{padding-top:38px}.guide-row[data-astro-cid-msmxeea6]{grid-template-columns:1fr;gap:20px;padding:16px}.guide-visual[data-astro-cid-msmxeea6]{aspect-ratio:16/11;min-height:0}.guide-resources[data-astro-cid-msmxeea6] ul[data-astro-cid-msmxeea6]{grid-template-columns:1fr}.guide-button[data-astro-cid-msmxeea6]{width:100%}}@media (prefers-reduced-motion:reduce){.guide-visual[data-astro-cid-msmxeea6] img[data-astro-cid-msmxeea6],.guide-button[data-astro-cid-msmxeea6]{transition:none}}