:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#23332d;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #719b44;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}aside{position:fixed;inset:0 auto 0 0;width:248px;background:#142a25;color:#d2ddd4;padding:38px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.6px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:2px;color:#8fa99c;margin-top:7px}.logo{width:39px;height:43px;background:#bbdf8a;border-radius:9px;color:#19372c;font-size:29px;display:flex;align-items:center;padding-left:9px}.logo span{font-size:14px;align-self:flex-start;margin-top:7px}.side-label{font-size:9px;letter-spacing:1.7px;color:#80988b;margin:56px 12px 20px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#a8bcb0;text-align:left;padding:15px 12px;border-radius:7px;display:flex;gap:13px;align-items:center;font-size:13px}nav button.active{background:#294238;color:#d7edbb}nav button:hover{background:#233e33}.nav-icon{font-size:19px;width:22px}nav small{margin-left:auto;font-size:11px;color:#829c8d}.aside-bottom{margin-top:auto;padding:30px 12px 0;font-size:10px;color:#9aafa2}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5d884;margin-right:6px}.aside-bottom p{font-size:12px;line-height:1.9;margin:20px 0 32px;color:#8aa193}.edition{font-size:8px;letter-spacing:1.3px;color:#637f6e}.page{margin-left:248px}header{height:83px;border-bottom:1px solid #e2e6dd;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:12px;color:#879087}header b{color:#3f5044;font-weight:500}.slash{margin:0 13px;color:#b5bfb4}header a{color:#4f6053}header a span{margin-left:12px}main{max-width:1350px;margin:auto;padding:0 5%}.hero{position:relative;padding:57px 0 40px;min-height:355px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#7f8c78}h1{font-size:clamp(36px,3.5vw,54px);letter-spacing:-2px;font-weight:650;line-height:1.32;margin:20px 0 19px}h1 span{color:#728a4a}.hero p{font-size:13px;line-height:1.9;color:#7b8679}.hero-bottom{display:flex;align-items:center;gap:12px;font-size:10px;color:#7b8679;margin-top:26px}.divider{height:10px;width:1px;background:#b7c1b0}.stack-art{position:absolute;right:4%;top:40px;width:310px;height:290px;transform:rotate(-8deg)}.art-grid{position:absolute;inset:-20px;background-image:radial-gradient(#b0bd9a 1px,transparent 1px);background-size:19px 19px;opacity:.3;mask-image:radial-gradient(black,transparent 70%)}.book{position:absolute;width:205px;height:139px;border-radius:8px;box-shadow:6px 11px 16px #243e2412;padding:19px;font-size:14px;letter-spacing:3px;border:1px solid #ffffff80}.book-back{top:21px;left:85px;background:#e3e7da;transform:rotate(21deg);color:#829273}.book-mid{top:59px;left:51px;background:#a9bc86;transform:rotate(9deg);color:#425e37}.book-front{top:108px;left:22px;background:#294a37;color:#d6e9b2;transform:rotate(-3deg)}.book-front b{display:block;font-size:43px;line-height:1.1}.book-front small{font-size:6px;letter-spacing:2px}.art-caption{position:absolute;bottom:8px;left:70px;color:#8d9881;font-size:9px;letter-spacing:2px;transform:rotate(8deg)}.collection{border-top:1px solid #dce2d5;padding-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading .eyebrow{font-size:8px}h2{font-size:22px;font-weight:600;margin:10px 0 23px}h2 #count{font-size:12px;font-weight:500;color:#829276;border:1px solid #dde4d4;border-radius:4px;padding:3px 6px;margin-left:10px;vertical-align:middle}.view-controls{display:flex;gap:10px}.view-controls button,.view-controls select{border:1px solid #dce3d5;background:transparent;color:#74806c;border-radius:6px;padding:9px 11px;font-size:11px}.view-controls button[aria-pressed=true]{background:#e3edd7;color:#325136;border-color:#a7bc8f}.search-wrap{display:flex;align-items:center;border:1px solid #dde3d7;border-radius:7px;background:#fff;padding:0 15px;gap:10px;height:48px}.search-wrap:focus-within{outline:2px solid #839b61;outline-offset:1px}.search-wrap>span{font-size:25px;color:#809074}.search-wrap input{width:100%;border:0;outline:none;background:transparent;font-size:12px;color:#334b34}.search-wrap input::placeholder{color:#9ca593}.search-wrap kbd{border:1px solid #e2e6db;border-radius:4px;padding:1px 6px;color:#abb19f;font-size:11px}.filter-line{display:flex;justify-content:space-between;height:43px;align-items:center;color:#8b9482;font-size:10px}.filter-line button{background:none;border:0;color:#547040;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e1e6d9;border-radius:10px;padding:20px 21px 14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;flex-direction:column;min-height:236px}.card:hover{transform:translateY(-4px);border-color:#a8be8b;box-shadow:0 8px 22px #2e4c2910}.card-top{display:flex;align-items:center;gap:10px}.resource-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;font-size:18px;font-weight:700;letter-spacing:-1px}.blue{background:#eaf2fc;color:#4779b2}.green{background:#eaf3eb;color:#52946b}.amber{background:#faf2db;color:#9f813a}.purple{background:#f0eafb;color:#8b66bc}.coral{background:#fcf0ea;color:#c97e61}.badge{font-size:9px;color:#93a377;border:1px solid #e1e8d5;padding:3px 5px;border-radius:4px}.arrow{margin-left:auto;color:#abb3a3;font-size:18px}h3{font-size:16px;letter-spacing:-.4px;font-weight:600;margin:17px 0 8px}.card p{font-size:11px;color:#89907f;line-height:1.85;margin:0 0 15px;min-height:40px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tags span{font-size:9px;background:#f5f6f1;color:#8c967e;padding:4px 6px;border-radius:3px}.domain{font-size:9px;letter-spacing:.2px;color:#a1aa96;margin-top:15px;border-top:1px solid #f0f2eb;padding-top:11px}.about{display:flex;gap:22px;align-items:center;margin:42px 0 35px;padding:29px 25px;border:1px solid #dee5d4;background:#edf1e5;border-radius:9px}.about-mark{font-size:39px;color:#91a66c}.about h2{font-size:16px;margin:0 0 10px}.about p{font-size:11px;color:#879177;line-height:1.8;margin:0}.about-note{margin-left:auto;font-size:7px;line-height:2;letter-spacing:1.5px;color:#98a483;white-space:nowrap}footer{border-top:1px solid #e2e6dd;padding:23px 5%;display:flex;justify-content:space-between;font-size:9px;color:#9ba28f}footer a{margin-left:20px;color:#6c7b5e}#empty{text-align:center;padding:45px;color:#829074;font-size:13px}#empty button{background:#294a37;color:white;border:0;padding:10px 20px;border-radius:5px}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-top:70px;min-height:390px}.stack-art{right:13%}}@media(max-width:1150px){aside{width:215px;padding:30px 17px}.page{margin-left:215px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-art{right:-20px;transform:scale(.8) rotate(-8deg);transform-origin:right center}.hero h1{font-size:39px}.about-note{display:none}}@media(max-width:780px){aside{position:relative;width:100%;padding:20px 5%}.brand{font-size:18px}.side-label,.aside-bottom{display:none}nav{display:flex;overflow-x:auto;gap:5px;margin-top:20px;padding-bottom:2px}nav button{white-space:nowrap;padding:9px 12px;font-size:11px}nav small{display:none}.nav-icon{font-size:15px;width:15px}.page{margin-left:0}header{height:59px;font-size:10px}.hero{min-height:325px;padding-top:35px}.hero h1{font-size:38px}.hero p{font-size:12px}.stack-art{transform:scale(.65) rotate(-8deg);right:0;top:35px}.cards{gap:12px}.card{padding:17px}.section-heading h2{font-size:20px}.view-controls{gap:6px}.view-controls button,.view-controls select{font-size:10px;padding:8px}.about{padding:20px;gap:15px}footer{font-size:8px}footer>span:last-child{font-size:0}footer a{font-size:9px}}@media(max-width:490px){.stack-art{display:none}.hero{min-height:0;padding-bottom:30px}.hero h1{font-size:41px}.hero p br{display:none}.hero-bottom{font-size:9px}.cards{grid-template-columns:1fr}.card{min-height:220px}.section-heading{align-items:center}.view-controls select{max-width:86px}.about-mark{font-size:27px}.about h2{font-size:14px}.about p{font-size:10px}.search-wrap kbd{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}