/* Resources page (/resources/), deploy 41. Cards are drawn by resources.js from RESOURCES in data.js. */
.rx-top{padding-bottom:clamp(48px,7vw,88px)}
.rx-bar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin:8px 0 28px}
.rx-chips{display:flex;flex-wrap:wrap;gap:8px}
.rx-chip{font:500 14px/1 var(--body);color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:9px 15px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.rx-chip:hover{border-color:var(--rule-hover)}
.rx-chip.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.rx-search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:0 14px;min-width:min(260px,100%);flex:0 1 280px}
.rx-search:focus-within{border-color:var(--marker)}
.rx-search svg{width:16px;height:16px;fill:none;stroke:var(--slate);stroke-width:2;stroke-linecap:round;flex:none}
.rx-search input{border:0;background:none;font:15px var(--body);color:var(--ink);padding:10px 0;width:100%;outline:0}

.rx-feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--card);border:1px solid var(--rule);border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(var(--shadow),.05),0 14px 34px -18px rgba(var(--shadow),.22);margin-bottom:28px}
.rx-body{padding:clamp(22px,3.2vw,40px)}
.rx-art{position:relative;display:block;min-height:220px;overflow:hidden}
.rx-art svg{position:absolute;inset:0;width:100%;height:100%}
.rx-art--fish{background:radial-gradient(120% 90% at 30% 10%,#3E7CA8,#173653 70%)}
.rx-art--fish .f1{fill:#F2A78E}.rx-art--fish .f2{fill:#8FD3C8}.rx-art--fish .f3{fill:#F6D68A}
.rx-art--fish .e{fill:#173653}.rx-art--fish .crown{fill:#F6C453}
.rx-art--fish .b{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.5}
.rx-art--fish .weed{fill:none;stroke:#2F8F6F;stroke-width:6;stroke-linecap:round}
.rx-art--fish .f1{animation:rxSwim 6s ease-in-out infinite}.rx-art--fish .f2{animation:rxSwim 7.5s ease-in-out -2s infinite reverse}
@keyframes rxSwim{50%{transform:translate(10px,-4px)}}
@media(prefers-reduced-motion:reduce){.rx-art--fish g{animation:none!important}}
.rx-dom{position:absolute;left:14px;bottom:12px;font:500 11.5px/1 var(--mono);letter-spacing:.02em;color:#fff;background:rgba(0,0,0,.28);backdrop-filter:blur(4px);padding:6px 9px;border-radius:999px}

.rx-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.rx-meta span{font:500 11.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--label);border:1px solid var(--rule);border-radius:999px;padding:5px 9px}
.rx-meta .rx-new{color:var(--marker-text);border-color:rgba(var(--marker-rgb),.4);background:rgba(var(--marker-rgb),.08)}
.rx-title{font:600 clamp(24px,2.6vw,32px)/1.1 var(--display);margin:0 0 10px;color:var(--ink)}
.rx-what{color:var(--ink);margin:0 0 16px;font-size:16px;line-height:1.6}
.rx-note{margin:0 0 14px;padding:14px 18px;border-left:3px solid var(--marker);background:rgba(var(--marker-rgb),.06);border-radius:0 12px 12px 0}
.rx-note p{margin:0 0 8px;color:var(--ink);font-size:15px;line-height:1.6}
.rx-note cite{font:500 12px/1 var(--mono);font-style:normal;color:var(--marker-text);letter-spacing:.03em}
.rx-more summary{cursor:pointer;font-weight:600;font-size:14.5px;color:var(--ink);list-style:none;display:inline-flex;gap:6px;align-items:center}
.rx-more summary::-webkit-details-marker{display:none}
.rx-more summary::after{content:"+";color:var(--marker);font-size:18px;line-height:1}
.rx-more[open] summary::after{content:"–"}
.rx-long{padding-top:10px}.rx-long p{font-size:15px;line-height:1.6;margin:0 0 10px;color:var(--ink)}
.rx-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:20px}
.rx-credit{margin:0;font-size:13px;color:var(--label)}

.rx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rx-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);border-radius:18px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .25s var(--rise-ease),box-shadow .25s,border-color .25s}
.rx-card:hover{transform:translateY(-3px);border-color:var(--rule-hover);box-shadow:0 16px 30px -18px rgba(var(--shadow),.35)}
.rx-card .rx-art{min-height:0;aspect-ratio:16/8}
.rx-card .rx-art svg{inset:auto;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-56%);fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.rx-cb{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.rx-cb .rx-meta{margin-bottom:10px}
.rx-cb h3{font:600 19px/1.2 var(--display);margin:0 0 8px;color:var(--ink)}
.rx-cb .rx-n{font-size:14.5px;line-height:1.55;color:var(--ink);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rx-cb .rx-credit{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center}
.rx-go{color:var(--marker-text);font-weight:600;font-size:13.5px;white-space:nowrap}
.rx-card.is-hid,.rx-feat.is-hid{display:none}
.rx-empty{color:var(--slate);margin-top:16px}

.rx-sug{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}
.rx-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:clamp(20px,3vw,32px)}
.rx-f{display:flex;flex-direction:column;gap:6px}
.rx-f--wide{grid-column:1/-1}
.rx-f span{font-weight:600;font-size:14px;color:var(--ink)}
.rx-f i{font-style:normal;font-weight:400;color:var(--label)}
.rx-f input,.rx-f textarea{font:15px var(--body);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:11px 13px;resize:vertical}
.rx-f input:focus,.rx-f textarea:focus{outline:0;border-color:var(--marker)}
.rx-check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink)}
.rx-check input{accent-color:var(--marker);width:16px;height:16px}

@media(max-width:980px){.rx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rx-sug{grid-template-columns:1fr}}
@media(max-width:720px){.rx-feat{grid-template-columns:1fr}.rx-feat .rx-art{min-height:180px}.rx-grid{grid-template-columns:1fr}.rx-form{grid-template-columns:1fr}.rx-search{flex:1 1 100%}}
.rx-art--tile svg{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.rx-feat .rx-art--tile svg{inset:auto;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%)}
.rx-sugby{color:var(--marker-text)}
.rx-send{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.rx-msg{margin:0;font-size:14px;color:var(--label)}
.rx-msg.ok{color:#2E7D6B}.rx-msg.bad{color:var(--marker-text)}
[data-theme="dark"] .rx-msg.ok{color:#7FCBB5}
.rx-art-link{display:flex}
.rx-art-link .rx-art{flex:1}
.rx-card .rx-art--fish svg{inset:0;left:0;top:0;width:100%;height:100%;transform:none;opacity:1}