.article a.guide,.guide{display:grid;align-content:start;gap:14px;color:var(--loud,rgb(5 5 5/.8));text-align:left;text-decoration:none}.guide:focus-visible{outline:none}.guide:focus-visible .guide-cover{outline:2px solid rgb(5 5 5/.6);outline-offset:3px}.guide-cover{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:16px;box-shadow:0 1px 2px rgb(0 0 0/.06),0 16px 32px -20px rgb(10 30 90/.5);transition:translate .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.guide:hover .guide-cover{translate:0 -4px;box-shadow:0 1px 2px rgb(0 0 0/.06),0 24px 40px -20px rgb(10 30 90/.55)}.guide-cloud{position:absolute;left:-30%;right:-30%;bottom:-14%;height:62%;opacity:.5;pointer-events:none}.guide-cloud img{object-fit:contain}.guide-keyword{position:absolute;left:16px;right:16px;top:14px;font:500 24px/1.05 var(--font-sans);letter-spacing:.01em;color:#fff;text-shadow:0 1px 12px rgb(10 30 90/.25);overflow-wrap:anywhere}.guide-page{position:absolute;left:24%;top:32%;width:92%;aspect-ratio:612/792;overflow:hidden;border-radius:6px;background:#fff;rotate:-6deg;box-shadow:0 18px 36px -14px rgb(10 20 50/.5),0 0 0 .5px rgb(0 0 0/.06);transform-origin:20% 90%;transition:rotate .5s cubic-bezier(.2,.8,.2,1),translate .5s cubic-bezier(.2,.8,.2,1)}.guide-page img{object-fit:cover;object-position:top left}.guide-page-2{rotate:3deg;translate:9% -9%}.guide-page-2,.guide-page-3{box-shadow:0 10px 24px -12px rgb(10 20 50/.4),0 0 0 .5px rgb(0 0 0/.06)}.guide-page-3{rotate:11deg;translate:19% -14%}.guide-page-2 img,.guide-page-3 img{filter:brightness(.97)}.guide:hover .guide-page-1{rotate:-9deg;translate:-5% -2%}.guide:hover .guide-page-2{rotate:4deg;translate:12% -14%}.guide:hover .guide-page-3{rotate:17deg;translate:28% -18%}.guide-count{top:48px;z-index:2;background:rgb(255 255 255/.18);box-shadow:inset 0 0 0 1px rgb(255 255 255/.32)}.guide-count,.guide-soon{position:absolute;left:16px;padding:5px 10px;border-radius:999px;font-size:12px;line-height:14px;letter-spacing:.02em;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guide-soon{bottom:14px;background:rgb(255 255 255/.16);box-shadow:inset 0 0 0 1px rgb(255 255 255/.3)}.guide-text{display:grid;gap:4px;padding:0 2px}.guide-title{font-size:17px;line-height:22px;letter-spacing:-.005em}.guide-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:20px;color:var(--muted,rgb(0 0 0/.46))}.shelf{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:32px 20px;max-width:1024px;margin:56px auto 0;padding:0}.shelf>li{flex:0 1 236px}.shelf+.action.shelf-all{margin:48px auto 0}.library-call{display:grid;justify-items:center;gap:18px;margin-top:96px;text-align:center}.library-call p{font-size:22px;line-height:30px;color:var(--loud,rgb(5 5 5/.8))}@media (max-width:640px){.library-call{margin-top:64px;gap:14px}.library-call p{font-size:19px;line-height:26px}}.nf-guides{display:grid;justify-items:center}@media (prefers-reduced-motion:reduce){.guide-page{transition:none}}.library{margin-top:56px}.library-search{display:block;width:min(420px,100%);margin:0 0 40px}.library-search input{width:100%;height:48px;padding:0 20px;border:0;border-radius:999px;background:rgb(0 0 0/.045);font:400 16px var(--font-sans);color:var(--loud,rgb(5 5 5/.8));transition:background .2s,box-shadow .2s}.library-search input::placeholder{color:rgb(0 0 0/.36)}.library-search input:focus{outline:none;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/.14),0 6px 20px -8px rgb(0 0 0/.18)}.library-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:36px 20px;margin:0;padding:0}.library-empty{font-size:16px;line-height:24px;color:var(--muted,rgb(0 0 0/.46))}@media (max-width:640px){.guide{gap:10px}.guide-cover{border-radius:14px}.guide-keyword{left:12px;right:12px;top:11px;font-size:18px}.guide-soon{left:12px;bottom:11px}.guide-count{left:12px;top:37px;padding:4px 8px;font-size:11px}.guide-title{font-size:15px;line-height:20px}.guide-line{display:none}.shelf{gap:24px 12px;margin-top:36px}.shelf>li{flex-basis:calc(50% - 6px)}.shelf+.action.shelf-all{margin-top:36px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}}