.resource-nav{box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:min(100% - 56px,1360px);margin:0 auto 40px;font-family:JF Open Huninn,sans-serif;display:grid}.resource-nav .resource-link{box-sizing:border-box;isolation:isolate;color:#244b43;background:linear-gradient(140deg,#fffdf8e8,#d8e9df9c);border:1px solid #b4cbbf;border-radius:12px;flex-direction:column;justify-content:end;gap:8px;height:180px;padding:18px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9}.resource-nav .resource-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px #173c3b19}.resource-nav .resource-link[aria-current=page]{border-color:#438880;box-shadow:inset 0 -3px #397d7b}.resource-nav .resource-link:focus-visible{outline-offset:4px;outline:3px solid #c89139}.resource-nav .resource-number{color:#a6533e;z-index:2;font-size:14px;position:absolute;top:16px;left:18px}.resource-nav .resource-copy{z-index:1;line-height:1.5;position:relative}.resource-nav b{white-space:nowrap;font-size:21px;font-weight:400;display:block}.resource-nav small{color:#526c62;margin-top:4px;font-size:12px;display:block}.resource-nav .resource-arrow{color:#397d7b;z-index:2;font-size:22px;position:absolute;top:12px;right:16px}.resource-nav .resource-lessons{background:linear-gradient(145deg,#fffcf5,#e3dbea88)}.resource-nav .resource-games{background:linear-gradient(145deg,#fffcf5,#e8dfb691)}.resource-nav .resource-personality{background:#edf0df url(/navigation-assets/learning-personality-islands-softfocus-20261002.webp) 67%/cover no-repeat}.resource-nav .resource-personality:after{content:"";z-index:0;background:linear-gradient(#0000 43%,#fcf7eae8 73%,#fcf7eafc 100%);position:absolute;inset:0}.resource-nav .resource-characters{object-fit:contain;z-index:0;pointer-events:none;width:94%;height:112px;position:absolute;top:3px;right:3%}.resource-nav .resource-periodic{color:#fff;background:radial-gradient(at 75% 30%,#293a666b,#0000 58%),radial-gradient(at 20% 80%,#14526260,#0000 60%),#030916;border-color:#61728c;box-shadow:inset 0 1px #d5e6ff38,0 6px 18px #09142125}.resource-nav .resource-periodic:before{content:"";pointer-events:none;background:radial-gradient(circle at 17% 19%,#fff 0 1px,#0000 1.7px),radial-gradient(circle at 74% 15%,#e6eaff 0 1px,#0000 1.8px),radial-gradient(circle at 48% 42%,#dfe9ff 0 .7px,#0000 1.5px),radial-gradient(circle at 89% 58%,#aacfff 0 .6px,#0000 1.5px),radial-gradient(circle at 33% 66%,#9faec9 0 .7px,#0000 1.5px);position:absolute;inset:0}.resource-nav .resource-periodic :is(b,small,.resource-arrow){color:#fff}.resource-nav .resource-periodic[aria-current=page]{border-color:#cee3ff;box-shadow:inset 0 -3px #e5efff,0 0 20px #6a91d220}.periodic-page>.resource-nav{margin-top:28px}@media (width<=1100px){.resource-nav{gap:8px}.resource-nav .resource-link{height:180px;padding:14px}.resource-nav b{font-size:18px}.resource-nav small{font-size:11px}.resource-nav .resource-number{left:14px}}@media (width<=800px){.resource-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-nav .resource-link{height:168px}.resource-nav .resource-characters{height:103px}}@media (width<=680px){.resource-nav{width:calc(100% - 32px);margin-bottom:30px}.resource-nav .resource-link{padding:13px}.resource-nav b{font-size:18px}.resource-nav small{font-size:11px}}@media (prefers-reduced-motion:reduce){.resource-nav .resource-link{transition:none}.resource-nav .resource-link:hover{transform:none}}.resource-nav[data-astro-cid-xun3hcpd]{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-nav[data-astro-cid-xun3hcpd] .resource-technology[data-astro-cid-xun3hcpd]{color:#ecf7ff;background:linear-gradient(125deg,#20384a,#0b1826 70%);border-color:#627f92;box-shadow:inset 0 1px #ccecff52,0 6px 18px #09142125}.resource-nav[data-astro-cid-xun3hcpd] .resource-technology[data-astro-cid-xun3hcpd]:before{content:"";z-index:-1;background:repeating-linear-gradient(0deg,#0000 0 25px,#74d9e711 25px 26px),repeating-linear-gradient(90deg,#0000 0 25px,#74d9e711 25px 26px);position:absolute;inset:0}.resource-nav[data-astro-cid-xun3hcpd] .resource-technology[data-astro-cid-xun3hcpd] [data-astro-cid-xun3hcpd]:is(b,small,.resource-number,.resource-arrow){color:#e3f6ff}.resource-nav[data-astro-cid-xun3hcpd] .resource-technology[data-astro-cid-xun3hcpd] .resource-arrow[data-astro-cid-xun3hcpd]{color:#76e5ed}.resource-nav[data-astro-cid-xun3hcpd] .resource-technology[data-astro-cid-xun3hcpd][aria-current=page]{border-color:#77d7e1;box-shadow:inset 0 -3px #73d7e1,inset 0 1px #ccecff52}@media (width>=1200px){.resource-nav[data-astro-cid-xun3hcpd]{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=800px){.resource-nav[data-astro-cid-xun3hcpd]{grid-template-columns:repeat(2,minmax(0,1fr))}}