@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&display=swap");
/* re-wild Wilding Guides — library and Guide pages. Layout follows the re-wild mock-up: search row, Practice Key sidebar, type tabs, card grid. */
.rwg-lib,.rwg-band,.rwg-body{--rwg-ink:#151a16;--rwg-muted:#5c655d;--rwg-line:#e2e5df;--rwg-soft:#f2f3ef;--rwg-paper:#fff;--rwg-accent:#5f7f2f;--rwg-display:"Archivo","Arial Black",Arial,sans-serif;color:var(--rwg-ink)}
@media (prefers-color-scheme:dark){.rwg-lib,.rwg-band,.rwg-body{--rwg-ink:#eef1ec;--rwg-muted:#a6aea6;--rwg-line:#2b332c;--rwg-soft:#1a201b;--rwg-paper:#121612}}
.rwg-lib *{box-sizing:border-box}
.rwg-lib button,.rwg-lib input,.rwg-lib select{font:inherit;color:inherit}
.rwg-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 20px}
.rwg-search{flex:1 1 260px;min-width:0}
.rwg-search input{width:100%;padding:12px 18px;border:1.5px solid var(--rwg-line);border-radius:999px;background:var(--rwg-paper)}
.rwg-popular{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rwg-popular span{font-weight:700;margin-right:2px}
.rwg-popular button{border:0;background:var(--rwg-soft);border-radius:999px;padding:7px 14px;cursor:pointer}
.rwg-sort{display:flex;gap:8px;align-items:center;color:var(--rwg-muted)}
.rwg-sort select,.rwg-filter select{padding:9px 12px;border:1.5px solid var(--rwg-line);border-radius:10px;background:var(--rwg-paper)}
.rwg-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}
.rwg-side{background:var(--rwg-soft);border-radius:16px;padding:16px;position:sticky;top:20px}
.rwg-side h2{font:800 .76rem var(--rwg-display);letter-spacing:.12em;text-transform:uppercase;margin:6px 6px 10px;color:var(--rwg-muted)}
.rwg-side h2+div{margin-bottom:18px}
.rwg-kbtn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;border-radius:10px;padding:6px;cursor:pointer;font-weight:600;font-size:.92rem;line-height:1.2}
.rwg-kbtn b{margin-left:auto;font-weight:400;color:var(--rwg-muted);font-variant-numeric:tabular-nums}
.rwg-kbtn[aria-pressed="true"]{background:var(--rwg-paper);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.rwg-dot{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.rwg-dot img{width:16px;height:16px}
.rwg-filter{display:flex;flex-direction:column;gap:6px;font-size:.9rem;margin:0 6px 12px}
.rwg-reset{border:0;background:none;color:var(--rwg-muted);text-decoration:underline;cursor:pointer;margin:0 6px}
.rwg-tabs{display:flex;gap:10px;flex-wrap:wrap}
.rwg-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:var(--rwg-soft);border-radius:14px;padding:12px 18px;min-width:130px;cursor:pointer}
.rwg-tabs button b{font:800 1rem var(--rwg-display)}
.rwg-tabs button span{font-size:.85rem;color:var(--rwg-muted);font-variant-numeric:tabular-nums}
.rwg-tabs button[aria-pressed="true"]{background:var(--rwg-accent);color:#fff}
.rwg-tabs button[aria-pressed="true"] span{color:#e9f2dd}
.rwg-showing{color:var(--rwg-muted);margin:16px 0 12px}
.rwg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}
.rwg-card{display:flex;flex-direction:column;background:var(--rwg-paper);border:1px solid var(--rwg-line);border-radius:16px;overflow:hidden}
.rwg-pic{position:relative;display:block;aspect-ratio:4/3;background:var(--k) center/cover;color:var(--ink);text-decoration:none}
.rwg-pic.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}
.rwg-ring{position:absolute;left:12px;bottom:12px;z-index:1;width:46px;height:46px;border-radius:50%;background:var(--k);border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.3);display:grid;place-items:center}
.rwg-ring img{width:26px;height:26px}
.rwg-cnum{position:absolute;right:12px;bottom:6px;z-index:1;font:900 2.3rem/1 var(--rwg-display)}
.rwg-pic.has-img .rwg-cnum{color:#fff}
.rwg-cin{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.rwg-ck{font:800 .7rem var(--rwg-display);letter-spacing:.1em;text-transform:uppercase;color:var(--rwg-muted)}
.rwg-cin h3{font:800 1.08rem/1.15 var(--rwg-display);margin:0}
.rwg-cin h3 a{color:inherit;text-decoration:none}
.rwg-cin p{margin:0;font-size:.9rem;color:var(--rwg-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rwg-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.rwg-tags span{font-size:.75rem;background:var(--rwg-soft);border-radius:6px;padding:2px 8px}
.rwg-tags .rwg-t-activity{background:#e5ecfb;color:#24407a}.rwg-tags .rwg-t-game{background:#fbecd9;color:#7a4a12}
.rwg-add{border:1.5px solid var(--rwg-line);background:var(--rwg-soft);border-radius:10px;padding:8px;cursor:pointer;font-weight:700;font-size:.85rem;margin-top:6px}
.rwg-add[aria-pressed="true"]{background:var(--rwg-accent);border-color:var(--rwg-accent);color:#fff}
.rwg-pager{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:26px;flex-wrap:wrap}
.rwg-pager button{min-width:40px;padding:8px 12px;border:1.5px solid var(--rwg-line);background:var(--rwg-paper);border-radius:10px;cursor:pointer;font-weight:700}
.rwg-pager button[aria-current="page"]{background:var(--rwg-accent);border-color:var(--rwg-accent);color:#fff}
.rwg-pager button:disabled{opacity:.35;cursor:default}
.rwg-lib :focus-visible{outline:3px solid #1d6fb8;outline-offset:2px}
@media (max-width:860px){.rwg-layout{grid-template-columns:1fr}.rwg-side{position:static}#rwg-keys{display:flex;gap:6px;overflow-x:auto}.rwg-kbtn{width:auto;flex:none;background:var(--rwg-paper)}}
/* single Guide page */
.rwg-band{--k:#4D4D4D;--ink:#fff;display:flex;align-items:center;gap:18px;background:var(--k);color:var(--ink);border-radius:18px;padding:20px 24px;margin:0 0 28px}
.rwg-band .rwg-ring{position:static;width:72px;height:72px;border-width:4px}
.rwg-band .rwg-ring img{width:42px;height:42px}
.rwg-band-text{display:flex;flex-direction:column;gap:4px}
.rwg-key{font:900 1.4rem var(--rwg-display);color:inherit!important;text-decoration:none}
.rwg-glance{opacity:.9}
.rwg-num{margin-left:auto;font:900 3.4rem/1 var(--rwg-display)}
.rwg-body h2{font:900 1.35rem var(--rwg-display);margin:1.6em 0 .5em}
.rwg-body ol,.rwg-body ul{padding-left:1.3em}
.rwg-body li{margin:.3em 0}
.rwg-pills{display:flex;gap:8px;flex-wrap:wrap}
.rwg-pill{display:inline-block;background:#a9bfa4;color:#1f2a1f!important;border-radius:999px;padding:6px 14px;font-weight:700;text-decoration:none}
.rwg-safety{background:#fdeceb;color:#5c1d18;border-radius:12px;padding:12px 16px}
.rwg-refs{color:var(--rwg-muted);font-size:.9rem}
.rwg-back a{font-weight:700}
.rwg-layout>*{min-width:0}
@media (max-width:860px){.rwg-popular{flex-wrap:nowrap;overflow-x:auto;width:100%}.rwg-popular button{flex:none}#rwg-keys{max-width:100%}}