.resources-root{--res-bg:#0c0c0c;--res-surface:#161616;--res-border:#252525;--res-text:#e8e8e8;--res-text-dim:#707070;--res-text-muted:#404040;--res-accent:#d4ff00;background:var(--res-bg);color:var(--res-text);font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.6;position:relative}.resources-root ::selection{background:var(--res-accent);color:var(--res-bg)}.resources-root a{color:inherit;text-decoration:none}.resources-root .wordmark{width:auto;height:1.5em}.resources-root .resources-grid-bg{background-image:linear-gradient(var(--res-border)1px,transparent 1px),linear-gradient(90deg,var(--res-border)1px,transparent 1px);opacity:.3;pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}.resources-root>:not(.resources-grid-bg):not(.resources-iframe-wrapper){z-index:1;position:relative}.resources-root .resources-container{max-width:1100px;margin:0 auto;padding:0 32px}.resources-root header{border-bottom:1px solid var(--res-border);padding:48px 0}.resources-root .resources-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.resources-root .resources-site-title{align-items:center;display:flex}.resources-root .resources-site-title svg{width:auto;height:24px}.resources-root .resources-header-links{color:var(--res-text-dim);gap:32px;font-size:.8125rem;display:flex}.resources-root .resources-header-links a:hover{color:var(--res-text)}.resources-root .resources-header-links a.resources-header-link-accent{color:var(--res-accent)}.resources-root .resources-header-links a.resources-header-link-accent:hover{color:var(--res-text)}.resources-root .resources-hero{grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:32px 0;display:grid}.resources-root .resources-hero-content{flex-direction:column;gap:16px;display:flex}.resources-root .resources-hero-title{font-family:var(--font-libre-baskerville),"Libre Baskerville",Georgia,serif;letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.15}.resources-root .resources-hero-title em{color:var(--res-accent);font-style:italic}.resources-root .resources-hero-prompt{width:32px;height:32px;color:var(--res-text)}.resources-root .resources-hero-sub{color:var(--res-text-dim);max-width:380px;font-size:.9375rem;line-height:1.7}.resources-root .resources-section-header{border-top:1px solid var(--res-border);justify-content:space-between;align-items:baseline;padding:48px 0 40px;display:flex}.resources-root .resources-section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--res-text-dim);font-size:.75rem;font-weight:700}.resources-root .resources-section-count{color:var(--res-text-muted);font-size:.75rem}.resources-root .resources-projects{background:var(--res-border);border:1px solid var(--res-border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.resources-root .resources-card{background:var(--res-bg);flex-direction:column;min-height:280px;padding:40px;transition:background .3s;display:flex;position:relative}.resources-root .resources-card:hover{background:var(--res-surface)}.resources-root .resources-card-content{flex-direction:column;flex:1;display:flex}.resources-root .resources-card-icon{width:48px;height:48px;color:var(--res-text);transition:all .3s;position:absolute;top:24px;right:24px}.resources-root .resources-card-icon svg{width:100%;height:100%}.resources-root .resources-card-has-icon .resources-card-num{padding-right:60px}.resources-root .resources-card-num{color:var(--res-text-muted);letter-spacing:.1em;margin-bottom:24px;font-size:.6875rem}.resources-root .resources-card-title{font-family:var(--font-libre-baskerville),"Libre Baskerville",Georgia,serif;letter-spacing:-.01em;margin-bottom:12px;font-size:1.625rem;font-weight:400;transition:color .3s}.resources-root .resources-card:hover .resources-card-title{color:var(--res-accent)}.resources-root .resources-card-desc{color:var(--res-text-dim);flex-grow:1;font-size:.8125rem;line-height:1.65}.resources-root .resources-card-footer{border-top:1px solid var(--res-border);justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;display:flex}.resources-root .resources-card-type{color:var(--res-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem}.resources-root .resources-card-arrow{border:1px solid var(--res-border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.resources-root .resources-card-arrow svg{width:12px;height:12px;color:var(--res-text-dim);transition:all .3s}.resources-root .resources-card:hover .resources-card-arrow{background:var(--res-accent);border-color:var(--res-accent)}.resources-root .resources-card:hover .resources-card-arrow svg{color:var(--res-bg);transform:translate(2px)}.resources-root .resources-card-featured{flex-direction:row;grid-column:1/-1;align-items:center;gap:60px;min-height:auto;padding:48px}.resources-root .resources-card-featured .resources-card-content{flex:1}.resources-root .resources-card-visual{width:180px;height:180px;color:var(--res-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.resources-root .resources-card-visual svg{width:100%;height:100%}.resources-root .resources-author{border-top:1px solid var(--res-border);grid-template-columns:1fr auto;align-items:center;gap:48px;padding:80px 0;display:grid}.resources-root .resources-author-content{flex-direction:column;gap:8px;display:flex}.resources-root .resources-author-label{color:var(--res-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem}.resources-root .resources-author-name{font-family:var(--font-libre-baskerville),"Libre Baskerville",Georgia,serif;font-size:1.5rem;font-weight:400}.resources-root .resources-author-bio{color:var(--res-text-dim);font-size:.8125rem}.resources-root .resources-author-link{border:1px solid var(--res-border);align-items:center;gap:10px;padding:14px 28px;font-size:.8125rem;transition:all .3s;display:inline-flex}.resources-root .resources-author-link:hover{background:var(--res-accent);border-color:var(--res-accent);color:var(--res-bg)}.resources-root .resources-author-link svg{width:12px;height:12px}.resources-root footer{border-top:1px solid var(--res-border);color:var(--res-text-muted);padding:40px 0;font-size:.75rem}.resources-root .resources-footer-inner{justify-content:space-between;align-items:center;display:flex}.resources-root footer a{color:var(--res-text-dim);transition:color .2s}.resources-root footer a:hover{color:var(--res-text)}.resources-root .resources-footer-links{gap:24px;display:flex}.resources-root .resources-iframe-wrapper{background:var(--res-bg);z-index:2;flex-direction:column;display:flex;position:fixed;inset:0}.resources-root .resources-iframe-topbar{background:var(--res-bg);border-bottom:1px solid var(--res-border);justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 24px;font-size:.8125rem;display:flex}.resources-root .resources-iframe-back{color:var(--res-text-dim);align-items:center;gap:8px;transition:color .2s;display:flex}.resources-root .resources-iframe-back:hover{color:var(--res-text)}.resources-root .resources-iframe-back>svg:first-child{width:14px;height:14px}.resources-root .resources-iframe-back .wordmark{width:auto;height:18px}.resources-root .resources-iframe-title{color:var(--res-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.resources-root .resources-iframe-frame{background:#fff;border:none;flex:1;width:100%}@media (max-width:768px){.resources-root .resources-container{padding:0 20px}.resources-root .resources-hero{grid-template-columns:1fr;gap:16px;padding:24px 0}.resources-root .resources-hero-sub{max-width:100%}.resources-root .resources-projects{grid-template-columns:1fr}.resources-root .resources-card{min-height:auto;padding:32px 24px}.resources-root .resources-card-featured{flex-direction:column;gap:32px}.resources-root .resources-card-featured .resources-card-visual{width:140px;height:140px;margin:0 auto}.resources-root .resources-author{grid-template-columns:1fr;gap:24px}.resources-root .resources-footer-inner{text-align:center;flex-direction:column;gap:16px}}
