.resources-section{padding-top:45px;padding-bottom:55px}
.resources-section .section-code>img{width:24px;height:24px;object-fit:contain}
.resources-section .section-heading{gap:25px;margin-bottom:25px}
.resources-section h2{font-size:clamp(44px,5.3vw,72px)}
.resource-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.resource-categories button{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;text-align:left;border:1px solid var(--line);background:#0b1822}
.resource-categories img{width:34px;height:34px;object-fit:contain;flex-shrink:0}
.resource-categories button>span{font:700 22px/1.1 var(--display)}
.resource-categories small{display:block;margin-top:5px;font:8px var(--mono);color:var(--muted)}
.resource-categories button[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(125deg,#d4be6719,#0b1822);color:var(--gold)}
.resource-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start}
.resource-browser{min-width:0;padding:17px;border:1px solid var(--line);background:#08131c}
.resource-browser-label{font-size:8px;letter-spacing:.06em;color:var(--muted);margin-bottom:13px}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.resource-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:137px;padding:7px 6px 12px;border:1px solid #6aa8c32d;background:radial-gradient(ellipse at 50% 30%,#24405645,transparent 75%),#0a1822;position:relative;transition:border-color .2s,background .2s}
.resource-item[hidden]{display:none}
.resource-item img{width:100%;max-width:112px;height:100px;object-fit:contain;transition:transform .2s}
.resource-item span{font-size:8px;line-height:1.4;text-align:center;color:#c6d6df}
.resource-item[aria-pressed=true]{border-color:var(--gold);background-color:#23302c}
.resource-item[aria-pressed=true]::after{content:'+';position:absolute;top:2px;right:7px;color:var(--gold);font-size:15px}
.resource-item:hover{border-color:var(--blue)}.resource-item:hover img{transform:translateY(-3px)}
.resource-detail{border:1px solid #88c7e64a;background:linear-gradient(145deg,#112535,#08131d 70%);display:grid;grid-template-columns:42% 1fr;min-width:0;position:relative}
.resource-detail-art{position:relative;display:grid;place-items:center;min-width:0;padding:15px 5px;background:radial-gradient(ellipse at center,#88c7e61a,transparent 75%)}
.resource-detail-art::before{content:'';position:absolute;inset:20% 12%;border:1px solid #88c7e625;transform:rotate(45deg);pointer-events:none}
.resource-detail-art>img{width:100%;height:175px;object-fit:contain;position:relative}
.resource-detail-art>span{position:absolute;left:11px;top:7px;font-size:18px;color:#88c7e650}
.resource-detail-copy{padding:22px 18px 20px 8px;min-width:0}
.resource-detail-copy .eyebrow{font-size:7px;letter-spacing:.08em}
.resource-detail h3{font-size:clamp(27px,2.7vw,38px);margin:10px 0 13px;overflow-wrap:anywhere}
.resource-detail-copy>p:not(.eyebrow):not(.resource-source){font-size:10px;line-height:1.8;color:#b5c6d2;min-height:52px}
.resource-source{display:flex;gap:10px;align-items:center;margin-top:16px;border-top:1px solid #88c7e622;padding-top:13px}
.resource-source>img{width:26px;height:26px;object-fit:contain}
.resource-source small{display:block;font-size:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.resource-source strong{font-size:8px;font-weight:400;display:block;color:var(--blue)}
.resource-relations{grid-column:1/-1;padding:15px 18px 18px;border-top:1px solid #88c7e62a}
.resource-relations[hidden]{display:none}.resource-relations h4{font:8px var(--mono);color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}
.resource-related{display:flex;gap:7px;flex-wrap:wrap}
.resource-related button{display:flex;align-items:center;gap:7px;min-height:54px;padding:5px 9px 5px 4px;border:1px solid #88c7e633;background:#07131b;text-align:left;flex:1 1 120px;font-size:8px;line-height:1.4}
.resource-related img{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.resource-related button:hover{border-color:var(--blue);color:var(--blue)}
.resource-cycle{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 18px;border:1px solid #88c7e62a;background:#0b1923}
.resource-cycle figure{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
.resource-cycle figure>img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.resource-cycle figure:first-child>img{width:65px}
.resource-cycle strong{display:block;font:700 21px/1.2 var(--display);margin-bottom:5px}
.resource-cycle figcaption>span{display:block;font-size:8px;color:var(--muted);line-height:1.6}
.resource-cycle-arrow{color:var(--gold);font-size:19px}
.resources-section .small-note{margin-top:12px;font-size:8px}
@media(min-width:1101px){.header .header-links{justify-content:flex-start;font-size:9px}.header .header-links a{padding-left:7px;padding-right:7px}}
@media(max-width:1000px){.resource-layout{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-detail{grid-template-columns:1fr}.resource-detail-art>img{height:150px}.resource-detail-copy{padding:0 20px 18px}.resource-detail-copy>p:not(.eyebrow):not(.resource-source){min-height:0}.resource-cycle{gap:9px;padding:12px}.resource-cycle figure{gap:8px}.resource-cycle figure>img{width:35px;height:35px}.resource-cycle figure:first-child>img{width:45px}.resource-cycle strong{font-size:19px}}
@media(max-width:760px){.resources-section{padding-top:32px;padding-bottom:35px}.resources-section h2{font-size:43px}.resource-categories{grid-template-columns:1fr 1fr;gap:6px}.resource-categories button{min-height:64px;padding:10px;gap:10px}.resource-categories button>span{font-size:20px}.resource-categories img{width:30px;height:30px}.resource-layout{grid-template-columns:1fr}.resource-browser{padding:12px}.resource-item{min-height:125px}.resource-item img{height:88px}.resource-detail{grid-template-columns:40% 1fr}.resource-detail-art>img{height:165px}.resource-detail-copy{padding:20px 16px 18px 4px}.resource-detail h3{font-size:30px}.resource-cycle{display:grid;gap:12px;padding:15px}.resource-cycle figure{gap:14px}.resource-cycle figure>img,.resource-cycle figure:first-child>img{width:46px;height:46px}.resource-cycle-arrow{display:none}.resource-cycle strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.resource-item,.resource-item img{transition:none}.resource-item:hover img{transform:none}}