/* Guide library: readable previews, topic symbols and responsive hover light. */
main.home #library{background:radial-gradient(ellipse at 100% 0,#11684b55,transparent 45%),#043448}
main.home #library .lib6-sub{max-width:48ch;color:#c3ddd7;line-height:1.65}
main.home #library .lib8-groups{gap:28px}
main.home #library .lib8-grp{padding:clamp(18px,2.4vw,32px);border-color:#a3e0b926;background:#ffffff04;overflow:visible;box-shadow:none}
main.home #library .lib8-grp::before{display:none}
main.home #library .lib8-gh{padding-bottom:18px;margin-bottom:20px;justify-content:space-between}
main.home #library .lib8-n{font-size:.68rem;letter-spacing:.1em;color:#91cbb1}
main.home #library .lib8-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
main.home #library .lib8-card{isolation:isolate;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px;border-radius:22px;border:1px solid #a6dfbf33;background:linear-gradient(145deg,#ffffff0e,#ffffff03);box-shadow:0 1px 0 #ffffff10 inset,0 12px 24px -18px #00141ccc;overflow:hidden;transition:top .35s ease,border-color .25s,box-shadow .35s,background .35s}
main.home #library .lib8-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--glow-x,50%) var(--glow-y,100%),#36da7e40,transparent 75%);opacity:0;transition:opacity .35s}
main.home #library .lib8-card::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(200px circle at var(--glow-x,50%) var(--glow-y,100%),#d1ffe6,#4be19388 50%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s}
main.home #library .lib8-card:is(:hover,:focus-within,.is-selected){top:-5px;border-color:#67db9a99;background:linear-gradient(145deg,#135644,#063b42);box-shadow:0 18px 35px -20px #001a24,0 0 28px -16px #49e68b99}
main.home #library .lib8-card:is(:hover,:focus-within,.is-selected)::before,main.home #library .lib8-card:is(:hover,:focus-within,.is-selected)::after{opacity:1}
main.home #library .lib9-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}
main.home #library .lib9-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #9ee5ba40;border-radius:14px;color:#b9f7cf;background:#91e5b512;box-shadow:0 1px 0 #ffffff15 inset;transition:transform .35s,background .35s,color .35s}
main.home #library .lib9-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
main.home #library .lib9-index{font-size:.66rem;font-weight:750;letter-spacing:.15em;color:#a7c7c5}
main.home #library .lib8-card:is(:hover,:focus-within) .lib9-icon{transform:translateY(-2px) rotate(-5deg);background:#a3e0b9;color:#043448}
main.home #library .lib8-k{align-self:flex-start;padding:0;margin-bottom:10px;border-radius:0;background:none;color:#8fddb1;font-size:.65rem;letter-spacing:.12em;white-space:normal}
main.home #library .lib8-t{font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}
main.home #library .lib8-s{white-space:normal;overflow:visible;text-overflow:clip;font-size:.94rem;line-height:1.7;color:#c4dadb;margin:0 0 26px;max-width:38ch}
main.home #library .lib8-btn{justify-content:space-between;width:100%;min-height:46px;margin-top:auto;padding:13px 0 0;border:none;border-top:1px solid #9ae1b633;border-radius:0;background:transparent;color:#e0ffeb;font-size:.86rem;text-align:left;line-height:1.4}
main.home #library .lib8-btn svg{padding:7px;width:30px;height:30px;box-sizing:border-box;border:1px solid #a3e0b940;border-radius:50%;transition:transform .35s,background .3s,color .3s}
main.home #library .lib8-card:is(:hover,:focus-within) .lib8-btn svg{background:#a3e0b9;color:#043448;transform:translateY(3px)}
main.home #library .lib8-btn[aria-expanded=true] svg{transform:rotate(180deg);background:#a3e0b9;color:#043448}
main.home #library .lib8-btn:focus-visible{outline-offset:5px;border-radius:4px}
main.home #library .lib8-d{border-color:#6bdd9f77;border-radius:22px;padding:26px;background:linear-gradient(135deg,#175a45,#0a3e48);box-shadow:0 18px 35px -24px #001c26}
main.home #library .lib8-f{transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
main.home #library .lib8-f:is(:hover,:focus-visible){box-shadow:0 0 20px -9px #8cf5af99}
@media(max-width:1100px){main.home #library .lib8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){main.home #library .lib8-grid{grid-template-columns:1fr}main.home #library .lib8-card{padding:22px}main.home #library .lib8-s{max-width:none}main.home #library .lib9-top{margin-bottom:18px}main.home #library .lib8-grp{padding:16px}main.home #library .lib8-flt{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){main.home #library .lib8-card,main.home #library .lib8-card::before,main.home #library .lib8-card::after,main.home #library .lib8-card *{transition:none!important}main.home #library .lib8-card:is(:hover,:focus-within,.is-selected){top:0}main.home #library .lib8-card:is(:hover,:focus-within) .lib9-icon{transform:none}}

/* Softer resource tile and a single action in guide details. */
main.home #library .lib6-endcard{background:#b9ebcc;color:#043448;box-shadow:0 1px 0 #ffffff80 inset;border:1px solid #d3f5df;transition:background .3s,box-shadow .3s}
main.home #library .lib6-endcard:hover,main.home #library .lib6-endcard:focus-visible{background:#d0f4de;box-shadow:0 0 26px -12px #b0f8cb99}
main.home #library .lib8-da{align-self:center}
