:root{--purple:#6d3b93;--purple-hover:#552c74;--plum:#2c1240;--ink:#1c0b2a;--lilac:#c8a9e0;--lilac-pale:#f3ecf9;--lilac-border:#dccbe9;--gold:#c9a44c;--surface:#fbfaf7;--surface-card:#fff;--text-body:#3e3348;--text-muted:#4b4152}.resources-page{background:var(--surface);min-height:100vh;color:var(--text-body);flex-direction:column;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.6;display:flex}.resources-page *{box-sizing:border-box}.resources-page a{color:inherit}.resources-page .shell{width:min(1120px,100% - 32px);margin:0 auto}.resources-page .topbar{background:var(--plum);color:#fff;border-bottom:1px solid #ffffff1f}.resources-page .topbar__inner{justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.resources-page .brand{text-decoration:none}.resources-page .brand strong{letter-spacing:.02em;font-family:Instrument Serif,Georgia,serif;font-size:1.35rem;font-weight:600;display:block}.resources-page .brand span{color:#e7def0;font-size:.82rem}.resources-page .back{border:1px solid #ffffff4d;border-radius:999px;align-items:center;min-height:44px;padding:9px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.resources-page .back:hover{background:#ffffff14;border-color:#ffffff80}.resources-page main{flex:1;padding-bottom:72px}.resources-page .hero{background:linear-gradient(180deg, var(--plum), var(--ink));color:#fff;padding:72px 0 78px}.resources-page .eyebrow{color:var(--lilac);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-family:IBM Plex Mono,monospace;font-size:.88rem;font-weight:600}.resources-page h1,.resources-page h2,.resources-page h3,.resources-page h4{color:inherit;font-family:Instrument Serif,Georgia,serif}.resources-page h1{max-width:760px;margin:0;font-size:clamp(2.5rem,6vw,4.4rem);font-weight:500;line-height:1.05}.resources-page .hero p:not(.eyebrow){color:#e8dff0;max-width:700px;margin:24px 0 0;font-size:1.1rem;line-height:1.6}.resources-page .content{padding:56px 0 0}.resources-page .resource-group+.resource-group{margin-top:56px}.resources-page .intro{max-width:760px}.resources-page .intro h2{color:var(--plum);margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:500;line-height:1.15}.resources-page .intro p{color:var(--text-muted);margin:0;font-size:1.02rem}.resources-page .resource-subgroup{margin-top:36px}.resources-page .resource-subgroup+.resource-subgroup{margin-top:48px}.resources-page .resource-subgroup__title{color:var(--plum);margin:0 0 20px;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:500;line-height:1.25}.resources-page .resource-subgroup .resource-grid{margin-top:0}.resources-page .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}.resources-page .resource-card{background:var(--surface-card);border:1px solid var(--lilac-border);border-radius:18px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 12px 30px #2c12400d}.resources-page .resource-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #2c124017}.resources-page .resource-card__cover{background:var(--lilac-pale);border-bottom:1px solid var(--lilac-border);justify-content:center;align-items:center;width:100%;padding:24px;display:flex}.resources-page .resource-card__img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:260px;display:block;box-shadow:0 8px 24px #2c12401f}.resources-page .resource-card__body{flex-direction:column;flex:1;padding:28px;display:flex}.resources-page .resource-card__tag{background:var(--lilac-pale);color:var(--purple);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-self:flex-start;margin-bottom:18px;padding:5px 12px;font-family:IBM Plex Mono,monospace;font-size:.88rem;font-weight:600}.resources-page .resource-card__title{color:var(--plum);margin:0;font-size:1.75rem;font-weight:500;line-height:1.15}.resources-page .resource-card__description{color:var(--text-muted);margin:14px 0 0;font-size:1rem;line-height:1.55}.resources-page .resource-card__details{color:var(--purple);margin:16px 0 0;font-size:1rem;font-weight:500}.resources-page .resource-card__hint{color:var(--text-muted);margin:12px 0 0;font-size:1rem;line-height:1.45}.resources-page .resource-card__action{margin-top:auto;padding-top:24px}.resources-page .resource-card__button{background:var(--purple);color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:12px 20px;font-size:.96rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.resources-page .resource-card__button:hover{background:var(--purple-hover)}.resources-page .note{border-left:4px solid var(--gold);color:#5c4b2c;background:#f6eedc;border-radius:0 10px 10px 0;margin-top:48px;padding:20px 24px;font-size:1rem;line-height:1.55}.resources-page a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.resources-page .topbar a:focus-visible{outline-color:var(--gold)}.resources-page .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.resources-page footer{background:var(--ink);color:#d8cce4;margin-top:48px;padding:28px 0}.resources-page footer p{margin:0;font-size:.9rem}@media (width<=768px){.resources-page .resource-grid{grid-template-columns:1fr;gap:20px}.resources-page .hero{padding:56px 0 62px}.resources-page .content{padding-top:40px}}@media (width<=480px){.resources-page .topbar__inner{min-height:66px}.resources-page .brand strong{font-size:1.15rem}.resources-page .brand span{display:none}.resources-page .back{padding:8px 12px;font-size:.82rem}.resources-page .resource-card__body{padding:22px}.resources-page .resource-card__title{font-size:1.45rem}}
