.public-geek-resource-card{cursor:pointer}.public-geek-resource-modal{position:fixed;inset:0;width:min(900px,calc(100vw - 2rem));max-width:900px;max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto;border:1px solid rgba(57,193,247,.62);border-radius:16px;background:linear-gradient(145deg,#071b35,#090f27);color:#eaf5ff;box-shadow:0 26px 70px rgba(0,0,0,.65)}.public-geek-resource-modal::backdrop{background:rgba(1,7,19,.78);backdrop-filter:blur(5px)}.public-geek-modal-close{position:sticky;z-index:3;top:.75rem;float:right;display:grid;width:36px;height:36px;margin:.75rem .75rem 0 0;place-items:center;border:1px solid rgba(89,206,255,.6);border-radius:9px;background:rgba(5,23,47,.92);color:#dff6ff;cursor:pointer}.public-geek-modal-close:hover{border-color:#e17cff;color:#fff}.public-geek-modal-content{clear:both;padding:1.1rem 1.25rem 1.25rem}.public-geek-modal-content .resource-detail{display:grid;grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr);gap:1.25rem;padding:0;border:0;background:transparent}.public-geek-modal-content .resource-detail-cover{min-height:310px;overflow:hidden;border:1px solid rgba(80,158,213,.5);border-radius:12px;display:grid;place-items:center;background:#07172d;color:#55defa;font-size:3rem}.public-geek-modal-content .resource-detail-cover img{width:100%;height:100%;object-fit:cover}.public-geek-modal-content .resource-detail-copy{padding:.2rem 0}.public-geek-modal-content .resource-type-badge{display:inline-flex;padding:.24rem .48rem;border:1px solid rgba(43,215,255,.58);border-radius:999px;color:#64e6ff;background:rgba(9,84,125,.25);font-size:.64rem;font-weight:800}.public-geek-modal-content h1{margin:.65rem 0;color:#fff;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.08}.public-geek-modal-content .resource-detail-copy>p{color:#c1d3e8;line-height:1.55}.public-geek-modal-content dl{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;margin:1rem 0}.public-geek-modal-content dl div{display:grid;gap:.12rem}.public-geek-modal-content dt{color:#86a7c8;font-size:.64rem;text-transform:uppercase}.public-geek-modal-content dd{margin:0;color:#f2f8ff;font-size:.79rem}.public-geek-modal-content dd i{color:#ffdc60}.public-geek-modal-content .resource-tags{display:flex;flex-wrap:wrap;gap:.35rem}.public-geek-modal-content .resource-tags span{padding:.22rem .48rem;border:1px solid rgba(75,136,191,.48);border-radius:999px;background:#0b2342;color:#c8dbef;font-size:.65rem}.public-geek-modal-content .resource-external-link{display:inline-flex;align-items:center;gap:.42rem;margin-top:1rem;color:#66e5ff;font-weight:800;text-decoration:none}.public-geek-modal-content .resource-detail-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(58,123,176,.42)}.public-geek-modal-content .resource-detail-notes h2{margin:0 0 .45rem;color:#fff;font-size:1rem}.public-geek-modal-content .resource-detail-notes p,.public-geek-modal-content .resource-detail-notes li{color:#bed0e3;font-size:.78rem;line-height:1.5}.public-geek-modal-content .resource-detail-notes ul{margin:.45rem 0 0;padding-left:1.1rem}.public-geek-modal-loading{display:grid;min-height:250px;place-items:center;gap:.65rem;color:#77e4fa;text-align:center}.public-geek-modal-loading.is-error{color:#ffb4ca}@media(max-width:680px){.public-geek-resource-modal{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.public-geek-modal-content{padding:.85rem}.public-geek-modal-content .resource-detail,.public-geek-modal-content .resource-detail-notes{grid-template-columns:1fr}.public-geek-modal-content .resource-detail-cover{min-height:220px}.public-geek-modal-close{top:.45rem;margin:.45rem .45rem 0 0}}