.resources-page[data-astro-cid-tpj2ekvg]{--error-red:#b42318;background:var(--primary-white);color:var(--primary-navy);& h2,& h3{font-family:var(--font-noto-serif);margin:0;line-height:1.1}& p{line-height:1.65}& .container{width:min(100%,1180px);margin-inline:auto}& .library{background:linear-gradient(#f8f8f8db,#f8f8f847),url(/img/gradient.jpeg) 50%/cover no-repeat;padding:clamp(4rem,7vw,6rem) 1.5rem}& .library-intro{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(2rem,4vw,3rem);display:flex}& .library-heading{max-width:42rem;& .eyebrow{color:var(--primary-green);font-size:var(--font-size-eyebrow);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-weight:700;line-height:1.3;display:inline-block}& h2{font-size:var(--font-size-section);text-wrap:balance}& p{font-size:var(--font-size-lead);margin:1.25rem 0 0}}& .directory{align-items:stretch;gap:clamp(1rem,2vw,1.5rem);display:flex}& .resource-panel{border:1px solid var(--border-color);background:#ffffffeb;border-radius:28px;flex-direction:column;flex:1 1 0;min-width:0;min-height:31rem;padding:clamp(1.5rem,2.5vw,2rem);display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #09213b17}& .panel-number{color:var(--primary-green);font-family:var(--font-noto-sans);letter-spacing:.14em;margin:0 0 2rem;font-size:.8rem;font-weight:700}& .panel-heading{& h3{font-size:var(--font-size-feature);text-wrap:balance}& p{min-height:5.2rem;color:color-mix(in srgb, var(--primary-navy) 78%, white);font-size:var(--font-size-body);margin:1rem 0 1.5rem}}& .resource-list{border-top:1px solid color-mix(in srgb, var(--primary-navy) 16%, transparent);flex-direction:column;margin:auto 0 0;padding:0;list-style:none;display:flex;& li{border-bottom:1px solid color-mix(in srgb, var(--primary-navy) 16%, transparent)}}& .resource-link{min-height:4.25rem;color:var(--primary-navy);font-size:var(--font-size-body);cursor:not-allowed;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 0;font-weight:600;line-height:1.35;transition:color .16s,padding .16s;display:flex;position:relative;&:focus-visible{outline:2px solid var(--primary-gold);outline-offset:3px;border-radius:4px}&:is(:hover,:focus-visible){color:var(--error-red);padding-inline:.35rem;& .link-arrow{opacity:0;transform:translate(.35rem)}& .coming-soon{opacity:1;animation:.26s both invalid-nudge;transform:translate(0)}}}& .link-status{flex:0 0 5.5rem;justify-content:flex-end;align-items:center;min-height:1.2rem;display:inline-flex;position:relative}& .link-arrow,& .coming-soon{transition:opacity .16s,transform .16s;position:absolute;right:0}& .link-arrow{color:var(--primary-green);font-size:1.05rem}& .coming-soon{opacity:0;color:var(--error-red);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.65rem;font-weight:800;transform:translate(-.35rem)}& .utility-rail{flex:none;justify-content:flex-end;gap:1rem;display:flex}& .utility-link{aspect-ratio:1;border:1px solid var(--border-color);width:4.75rem;color:var(--primary-navy);background:#fff;border-radius:18px;flex-direction:column;flex:0 0 4.75rem;justify-content:center;align-items:center;gap:.3rem;text-decoration:none;transition:background-color .16s,color .16s,transform .16s;display:flex;position:relative;box-shadow:0 10px 24px #09213b1a;& svg{stroke:currentColor;width:1.55rem;height:1.55rem}& .utility-label{letter-spacing:.05em;text-transform:uppercase;font-size:.6rem;font-weight:800;line-height:1}&:hover{background:var(--primary-green);color:#fff;transform:translateY(-2px)}&:focus-visible{outline:2px solid var(--primary-gold);outline-offset:4px}}@media (width<=1040px){& .directory{flex-wrap:wrap}& .resource-panel{flex-basis:calc(50% - .75rem)}}@media (width<=700px){& .library{padding:4rem 1rem}& .library-intro{flex-direction:column;align-items:stretch;gap:1.5rem}& .utility-rail{align-self:flex-end}& .directory{flex-direction:column}& .resource-panel{min-height:0}& .panel-heading{& p{min-height:0}}}@media (prefers-reduced-motion:reduce){& .resource-link,& .resource-link span,& .utility-link,& .utility-link svg{transition:none;animation:none}}}@keyframes invalid-nudge{0%,to{translate:0}30%{translate:-.22rem}65%{translate:.18rem}}