.libraryPage{color:#123936;background:#f6f0e5;min-height:100vh;padding:0 max(22px,5vw) 90px}.libraryNav{border-bottom:1px solid #173a3630;justify-content:space-between;align-items:center;height:90px;display:flex}.libraryNav nav{text-transform:uppercase;gap:28px;font-size:12px;font-weight:900;display:flex}.libraryNav nav .active{color:#ee654f}.libraryHero{max-width:900px;padding:80px 0 55px}.libraryHero>p{letter-spacing:2px;color:#ee654f;font-size:11px;font-weight:950}.libraryHero h1{letter-spacing:-6px;margin:20px 0 35px;font-size:clamp(55px,9vw,115px);line-height:.82}.libraryHero h1 em{font-family:var(--font-hand);color:#ee654f;font-weight:500}.libraryHero>span{max-width:650px;font-size:18px;line-height:1.65;display:block}.libraryTools{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f0e5ee;border:2px solid #123936;padding:16px;position:sticky;top:10px;box-shadow:5px 5px #123936}.libraryTools label span{letter-spacing:1.3px;margin-bottom:8px;font-size:10px;font-weight:900;display:block}.libraryTools input{background:0 0;border:0;border-bottom:2px solid #123936;outline:none;width:100%;padding:7px 0;font-size:22px}.categoryRow{gap:8px;padding-top:14px;display:flex;overflow-x:auto}.categoryRow button{white-space:nowrap;cursor:pointer;background:#fffaf1;border:1px solid #123936;padding:9px 12px;font-size:10px;font-weight:900}.categoryRow button.active{color:#fff;background:#123936}.resultCount{margin:45px 0 18px}.libraryGrid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.libraryGrid article>a{background:#fffaf1;border:1px solid #12393644;height:100%;transition:all .2s;display:block;box-shadow:6px 6px #123936}.libraryGrid article>a:hover{transform:translateY(-5px)rotate(-.5deg)}.libraryGrid img{width:100%;height:auto;display:block}.libraryGrid article div{padding:20px}.libraryGrid span{color:#ee654f;letter-spacing:1px;font-size:9px;font-weight:950}.libraryGrid h2{margin:12px 0;font-size:24px;line-height:1.05}.libraryGrid p{color:#58706d;font-size:11px;line-height:1.7}.libraryGrid b{margin-top:20px;font-size:12px;display:block}.emptyLibrary{text-align:center;border:2px dashed #123936;padding:70px}.emptyLibrary b{font-size:28px}@media (max-width:850px){.libraryNav nav a:first-child{display:none}.libraryHero{padding-top:55px}.libraryHero h1{letter-spacing:-3px}.libraryGrid{grid-template-columns:repeat(2,1fr);gap:16px}.libraryTools{top:5px}}@media (max-width:520px){.libraryNav nav{gap:12px;font-size:9px}.libraryGrid{grid-template-columns:1fr}.libraryHero h1{font-size:58px}.libraryTools input{font-size:16px}}.libraryGrid article>div{background:#eee8dd;border:1px solid #12393644;height:100%;display:block;overflow:hidden;box-shadow:6px 6px #123936}.libraryGrid article>div>div{padding:20px}.libraryGrid strong{background:#ffd15b;border-radius:999px;margin-top:8px;padding:6px 9px;font-size:10px;display:inline-block}.adviceLockedCard img{filter:grayscale(.45);opacity:.72}.adviceLockedCard b{color:#a33d2e}.subcategoryRow{border-top:1px dashed #12393655;gap:7px;margin-top:9px;padding-top:9px;display:flex;overflow-x:auto}.subcategoryRow button{white-space:nowrap;color:#526864;cursor:pointer;background:0 0;border:0;padding:5px 8px;font-size:10px}.subcategoryRow button.active{color:#123936;background:#ffd15b;font-weight:950}
