:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252e28;background:#f6f4ee;font-synthesis:none;--muted:#74786f;--green:#3b6651;--line:#dcded4}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}[hidden]{display:none!important}
.top,main,footer{width:min(1180px,calc(100% - 80px));margin:auto}.top{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.top>a:first-child{font-weight:750;font-size:19px;letter-spacing:-.7px}.top span{font-weight:400;font-size:14px;letter-spacing:0;color:var(--muted);margin-left:13px}.top>a:last-child{color:var(--muted)}
.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:48px 30px 44px 0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.3px;color:var(--green);margin:0 0 23px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-3px;line-height:1.05;font-size:clamp(48px,6.3vw,78px);margin:0}h1 span{color:var(--green)}.lede{color:#74786f;font-size:15px;line-height:1.8;margin:0}.clip{flex-shrink:0;height:92px;width:70px;color:var(--green);transform:rotate(9deg);opacity:.85}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:0 0 17px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{border:0;border-radius:5px;background:none;color:var(--muted);font-size:13px;padding:10px 13px}.tabs button.active{background:var(--green);color:white}.tabs button:hover:not(.active){background:#e8ebe2;color:#283f32}.search{display:flex;align-items:center;gap:10px;color:var(--muted);min-width:175px;width:220px}.search input{min-width:0;width:100%;border:0;background:none;padding:10px 0;color:#252e28;font-size:13px}.search input:focus{outline-offset:2px}.search input::placeholder{color:#868a80}.collection-meta{display:flex;align-items:center;gap:16px;padding:18px 0 22px;font-size:11px;color:var(--muted)}.collection-meta p{margin:0}.collection-meta>span{margin-left:auto}.collection-meta button{color:var(--green);font-size:11px;background:none;border:0;padding:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.card{position:relative;display:flex;flex-direction:column;background:#fbfaf6;border:1px solid #e1e2d9;border-radius:7px;overflow:hidden;min-height:260px}.card-content{padding:23px;display:flex;flex-direction:column;flex:1}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.category{color:var(--green);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:1.5px}.arrow{color:var(--muted);font-size:19px}.card h2{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;line-height:1.25;margin:20px 0 11px;overflow-wrap:anywhere}.card h2 a:after{content:"";position:absolute;inset:0}.card:has(a):hover{border-color:#9daea0;background:#fdfcf8}.card p{font-size:13px;line-height:1.7;margin:0 0 24px;color:#74786f;white-space:pre-line;overflow-wrap:anywhere}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tag{position:relative;z-index:1;color:#667666;background:#eef0e7;border:0;border-radius:3px;padding:4px 7px;font-size:10px}.tag:hover{background:#e0e6d6}.source{display:flex;justify-content:space-between;gap:10px;margin-top:25px;padding-top:13px;border-top:1px solid #e8e8df;color:#909387;font-size:10px;overflow-wrap:anywhere}.image-link{display:block;position:relative;z-index:1;background:#e8e9df}.image-link img{width:100%;max-height:360px;object-fit:contain;display:block}.card--link .card-heading .image-link{flex-shrink:0;width:48px;height:48px;margin-left:auto;border-radius:4px;overflow:hidden}.card--link .image-link img{width:48px;height:48px;object-fit:contain}.card--link h2{font-size:20px;line-height:1.3;margin-top:14px}.card--link p{line-height:1.6;margin-bottom:18px}.empty{padding:70px 16px 100px;text-align:center;color:var(--muted);font-size:14px;line-height:1.8}.empty strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:28px;color:#3b5142;margin-bottom:10px}.more{display:block;margin:35px auto;border:1px solid #bfc8bb;border-radius:4px;background:transparent;padding:11px 20px;color:var(--green);font-size:13px}footer{border-top:1px solid var(--line);margin-top:85px;margin-bottom:30px;padding-top:22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer p{margin:0}footer div{display:flex;gap:25px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1000px){main{min-height:65vh}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top,main,footer{width:calc(100% - 48px)}.intro{padding:36px 0 32px}.toolbar{align-items:flex-start;flex-direction:column;gap:12px}.search{width:100%}.clip{height:80px;width:60px}}@media(max-width:560px){.top,main,footer{width:calc(100% - 36px)}.top{height:78px}.intro{padding:30px 0 28px}.clip{height:64px;width:48px}.lede{font-size:13px}h1{font-size:48px;letter-spacing:-2.3px}.grid{grid-template-columns:1fr}.tabs{gap:2px}.tabs button{padding:9px 10px;font-size:12px}.collection-meta>span{display:none}.card{min-height:240px}footer{gap:25px;line-height:1.8;flex-direction:column;margin-top:55px}footer div{justify-content:space-between}}