/* Guide catalogue: scoped extension of the approved Relay visual system. */
.guides-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.guides-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 12%,#49336552,transparent 55%),radial-gradient(ellipse at 45% 95%,#11627038,transparent 50%),#050b0e;padding:calc(var(--nav) + 64px) 0 56px;--ink:#eff8f4;color:var(--ink)}
.guides-hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:center}
main>section.guides-hero>.wrap.guides-hero-grid{display:grid;grid-template-columns:var(--guides-columns,minmax(0,5fr) minmax(0,7fr));grid-template-rows:minmax(0,1fr);height:100%;gap:24px}
.guides-hero-copy{position:relative;z-index:1;min-width:0}.guides-hero .section-head{margin:0;display:block}.guides-hero .t-label{color:#aec6c0;font:11px/1.5 var(--font-mono);letter-spacing:.06em;margin-bottom:24px}
.guides-hero h1{font:500 clamp(48px,5.2vw,76px)/1.03 var(--font-display);letter-spacing:-.055em;max-width:13ch;margin:0 0 28px;text-wrap:initial}
.guides-hero h1 span{display:block;background:var(--relay-title-gradient,linear-gradient(115deg,#d5f58b,#83e5ef 52%,#c3b4ff));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.guides-hero .section-head>p:last-child{font-size:18px;line-height:1.6;color:#bbd0ca;max-width:39ch;margin:0}
.guides-inventory{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;padding-top:24px;border-top:1px solid #a4c4bc35;font:12px/1.5 var(--font-mono);color:#b9d0c7}.guides-inventory>span{display:flex;gap:8px;align-items:baseline}.guides-inventory b{font:500 24px/1 var(--font-display);color:#eef8f3}.guides-inventory a{display:flex;align-items:center;gap:12px;min-height:44px;margin-left:auto;color:#d5f58b;text-decoration:underline;text-underline-offset:5px}
.guides-atlas{position:relative;min-width:0}.atlas-scene{display:block;width:112%;max-width:none;margin-left:-6%;aspect-ratio:4/3;overflow:visible}.atlas-slab{fill:url(#atlas-glass);stroke:#8ac8cc;stroke-width:1.4}.slab-back{opacity:.4}.slab-mid{opacity:.7}.slab-front{stroke:url(#atlas-edge);stroke-width:2}.atlas-relay{fill:url(#atlas-edge)}.atlas-spine{stroke:#b3ebe4;stroke-width:2;opacity:.4}
.atlas-orbits{stroke:#83e5ef;stroke-width:1;opacity:.8}.atlas-orbits>ellipse:not(.atlas-pulse){opacity:.25}.atlas-orbits .atlas-pulse{stroke:#dcfff8;stroke-width:2;stroke-dasharray:30 970}.atlas-pulse--a{animation:atlas-lap 14s linear infinite}.atlas-pulse--b{animation:atlas-lap 18s linear infinite reverse;stroke:#c3b4ff!important}
.atlas-tile{fill:#0d242b;stroke:#a3e4de55;stroke-width:1}.atlas-tile use{fill:none;stroke:#9ee9e0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.atlas-tile:nth-of-type(2) use{stroke:#d5f58b}.atlas-float{animation:atlas-drift 8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.atlas-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #a4c4bc35;font:10px/1.5 var(--font-mono);color:#aec6c0}.guides-motion-toggle{min-height:44px;padding:8px 14px;border:1px solid #8ac8cc50;border-radius:4px;background:#15272f;color:#e5f6ed;font:11px/1.5 var(--font-mono);cursor:pointer}.guides-motion-toggle:hover{background:#254047}.guides-motion-toggle:disabled{opacity:.65;cursor:default}
@keyframes atlas-lap{to{stroke-dashoffset:-1000}}@keyframes atlas-drift{0%,100%{transform:translateY(4px)}50%{transform:translateY(-8px)}}
[data-guides-motion][data-paused=true] .atlas-float,[data-guides-motion][data-paused=true] .atlas-pulse{animation-play-state:paused}
.resource-library.library-index{background:radial-gradient(ellipse at 100% 0,#1d3c4150,transparent 700px),#081416;--bg:#081416;--ink:#edf7f2;--muted:#acc7bd;--line:#91c5b833;--action:#c5f58f;--action-ink:#092017;color:var(--ink);padding-top:48px;min-height:0}
.guides-toolbar{margin-bottom:32px;border:1px solid #91c5b833;border-radius:8px;background:linear-gradient(120deg,#153332bb,#17273f66);padding:28px;position:relative}
.library-index .guide-search{margin:0;max-width:none;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;font-size:15px;color:#cce4d9}
.library-index .guide-search input{width:100%;min-width:0;background:#071b1d;color:#eff9f4;border-color:#8abfb461;height:54px;border-radius:4px;padding-inline:20px;font-size:16px}.library-index .guide-search input::placeholder{color:#a4c2b5}
.library-index .library-filters{margin:24px 0 16px;gap:8px}.library-index .library-filters button{color:#c9dfd7;border-color:#8abfb440;padding-inline:16px;background:#0e2529}.library-index .library-filters button[aria-pressed=true]{background:linear-gradient(110deg,#d5f58b,#83e5ef);color:#082019;border-color:transparent}.library-index .filter-status{margin:0;color:#aac6bd}
.library-index .learning-map{margin:24px 0 0;border-top:1px solid #91c5b833;border-bottom:0}.library-index .learning-map summary{color:#e1f4e9;padding:20px 0 0}.library-index .learning-paths{gap:32px 24px;padding-bottom:0}.library-index .learning-paths>div{min-width:0}.library-index .learning-paths h2{font-size:22px;line-height:1.2;color:#d5f58b}.library-index .learning-paths a{color:#c6e0d5;font-size:15px}.library-index .learning-paths .t-label{font-size:10px;color:#a8c5bc}
.library-index .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.library-index .resource-card{background:linear-gradient(155deg,#15302e,#102326 68%,#182334);border-color:#a3cabc30;overflow:hidden;padding:0 24px 24px;gap:16px;position:relative;min-width:0;isolation:isolate}
.library-index .resource-card:hover{background:linear-gradient(155deg,#1c4039,#17343a 68%,#252e4d);border-color:#b4ead76b}.library-index .resource-card h3{font-size:25px;line-height:1.15;letter-spacing:-.03em;color:#f0f9f5}.library-index .resource-card p{color:#b8d1c7;font-size:16px;line-height:1.55}.library-index .resource-card>.t-label{font-size:10px;color:#b6d8c9}.library-index .resource-link{color:#d5f58b;font-size:14px;border-top:1px solid #a3cabc24;padding-top:16px;margin-top:auto}
.guide-cover{height:144px;width:calc(100% + 48px);margin:0 -24px 8px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 45%,#66cec933,transparent 70%),linear-gradient(130deg,#143d3d,#1c233b);--cover-accent:#96e9dc;border-bottom:1px solid #a3cabc26}
.guide-cover--basics,.guide-cover--staking{--cover-accent:#d5f58b;background:radial-gradient(ellipse at 40% 45%,#9bd76830,transparent 70%),linear-gradient(130deg,#1d3d2f,#162b34)}.guide-cover--defi,.guide-cover--applications{--cover-accent:#c3b4ff;background:radial-gradient(ellipse at 40% 45%,#af8fe530,transparent 70%),linear-gradient(130deg,#213045,#25213b)}
.guide-cover>svg{position:absolute;width:108px;height:108px;left:calc(50% - 54px);top:18px;fill:none;stroke:var(--cover-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 16px #83e5ef22)}
.cover-grid{position:absolute;inset:0;background:linear-gradient(#a1dccc0a 1px,transparent 1px),linear-gradient(90deg,#a1dccc0a 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.cover-track{position:absolute;width:240px;height:72px;border:1px solid #a1dccc24;left:calc(50% - 120px);top:37px;border-radius:50%;transform:rotate(-18deg)}.cover-dot{position:absolute;width:5px;height:5px;border-radius:50%;left:calc(50% - 110px);top:94px;background:var(--cover-accent);box-shadow:0 0 12px var(--cover-accent)}
@media(hover:hover) and (pointer:fine){.guide-cover>svg{transition:transform 240ms var(--ease-out,cubic-bezier(.23,1,.32,1))}.resource-card:hover .guide-cover>svg{transform:translateY(-3px)}}
.library-index button:focus-visible,.library-index input:focus-visible,.guides-motion-toggle:focus-visible{outline:2px solid #d5f58b;outline-offset:4px}.guides-hero a:focus-visible{outline:2px solid #d5f58b;outline-offset:4px}
@media(min-width:1024px) and (max-width:1279px){.guides-hero{padding-top:calc(var(--nav) + 48px)}.guides-hero h1{font-size:56px}.guides-inventory{gap:16px}.guides-inventory a{margin-left:0}.library-index .resource-grid{gap:20px}.library-index .resource-card{padding-inline:20px}.guide-cover{width:calc(100% + 40px);margin-inline:-20px}.library-index .resource-card h3{font-size:23px}}
@media(max-width:1023px){.guides-hero{padding-top:calc(var(--nav) + 40px);padding-bottom:40px}.guides-hero-grid{grid-template-columns:1fr 1fr;gap:24px}.guides-hero h1{font-size:54px}.guides-hero .section-head>p:last-child{font-size:17px}.guides-inventory{gap:16px}.guides-inventory a{width:100%;margin-left:0}.atlas-scene{width:135%;margin-left:-18%}.atlas-caption{font-size:9px;gap:8px}.library-index .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-index .guide-search{grid-template-columns:1fr;gap:12px}.library-index .learning-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.guides-hero{padding-top:calc(var(--nav) + 32px);padding-bottom:24px}.guides-hero-grid{grid-template-columns:1fr;gap:16px}.guides-hero h1{font-size:48px;max-width:13ch;margin-bottom:24px}.guides-hero .t-label{font-size:10px;margin-bottom:20px}.guides-hero .section-head>p:last-child{font-size:17px;line-height:1.5;max-width:none}.guides-inventory{margin-top:24px;padding-top:20px;gap:20px;font-size:11px}.guides-inventory b{font-size:22px}.guides-inventory a{width:auto;margin-left:auto;font-size:11px}.atlas-scene{width:108%;margin-left:-4%;max-height:300px}.atlas-caption{padding:8px 0;font-size:9px}.guides-motion-toggle{font-size:10px;padding-inline:12px}.resource-library.library-index{padding-top:24px;padding-bottom:64px}.guides-toolbar{padding:20px;margin-bottom:24px}.library-index .library-filters{gap:8px;margin-top:20px}.library-index .library-filters button{font-size:12px;padding:8px 10px;min-height:44px}.library-index .guide-search{font-size:14px}.library-index .guide-search input{height:52px;font-size:16px;padding-inline:14px}.library-index .resource-grid{grid-template-columns:1fr;gap:20px}.library-index .resource-card{padding:0 24px 24px;gap:16px}.library-index .resource-card h3{font-size:26px}.library-index .resource-card p{font-size:16px}.guide-cover{height:156px}.guide-cover>svg{top:24px}.cover-track{top:43px}.cover-dot{top:100px}.library-index .learning-paths{grid-template-columns:1fr}.library-index .learning-paths>div+div{border-top:1px solid #91c5b833;padding-top:24px}}
@media(prefers-reduced-motion:reduce){.atlas-float,.atlas-pulse{animation:none!important}.guide-cover>svg{transition:none!important;transform:none!important}}
@media(forced-colors:active){.guides-hero h1 span{background:none;-webkit-text-fill-color:currentColor}.guide-cover,.atlas-scene{forced-color-adjust:none}.resource-card{border:1px solid CanvasText}}
@media(max-width:1023px){.guides-hero{--guides-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:639px){.guides-hero{--guides-columns:minmax(0,1fr)}main>section.guides-hero>.wrap.guides-hero-grid{grid-template-rows:auto minmax(0,1fr);gap:16px}.guides-atlas{align-self:stretch;display:flex;flex-direction:column;min-height:0;justify-content:center}.atlas-scene{width:100%;margin:0;flex:1;min-height:0;max-height:300px}.atlas-caption{flex:none}}
@media(min-width:640px) and (max-width:1023px){.guides-hero{--guides-columns:minmax(0,1fr)}main>section.guides-hero>.wrap.guides-hero-grid{grid-template-rows:auto minmax(0,1fr);gap:24px}.guides-hero-copy .section-head{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;align-items:start}.guides-hero .t-label{grid-column:1/-1;margin:0}.guides-hero h1{grid-column:1;grid-row:2;margin:0;font-size:54px}.guides-hero .section-head>p:last-child{grid-column:2;grid-row:2;font-size:17px}.guides-inventory{margin-top:24px;padding-top:20px}.guides-inventory a{width:auto;margin-left:auto}.guides-atlas{display:flex;flex-direction:column;min-height:0;height:100%;justify-content:center}.atlas-scene{width:100%;margin:0;flex:1;min-height:0}.atlas-caption{flex:none}}