:root{--ink:#13201b;--muted:#617069;--green:#176b50;--cream:#f5f3ec;--line:#dfe4df;--max:1120px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:var(--green);text-decoration:none}img{max-width:100%;height:auto}header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.wrap{max-width:var(--max);margin:auto;padding:0 20px}.top{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.35rem;font-weight:800;color:var(--ink)}.brand b{color:var(--green)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:var(--ink);font-weight:600;font-size:.92rem}main{min-height:70vh}footer{margin-top:70px;padding:36px 0;background:var(--ink);color:#fff}.hero{padding:72px 0 54px;background:var(--cream)}h1{font-size:clamp(2.2rem,6vw,4.7rem);line-height:1.04;letter-spacing:-.04em;margin:.2em 0}h2{line-height:1.2;margin-top:2em}.lead{font-size:1.2rem;color:var(--muted);max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:40px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.card img{aspect-ratio:16/9;object-fit:cover;width:100%}.card-body{padding:18px}.card h2,.card h3{margin:.25em 0;font-size:1.2rem}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--green)}.article{max-width:780px;margin:48px auto;padding:0 20px}.article h1{font-size:clamp(2.2rem,6vw,3.8rem)}.article-content{font-size:1.08rem}.article-content table{border-collapse:collapse;width:100%;display:block;overflow:auto}.article-content td,.article-content th{border:1px solid var(--line);padding:10px}.article-content blockquote{border-left:4px solid var(--green);margin-left:0;padding-left:20px;color:var(--muted)}.meta{color:var(--muted);font-size:.9rem}.cover{border-radius:16px;margin:28px 0;aspect-ratio:16/9;object-fit:cover;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-search{width:min(290px,28vw);height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#f8faf8;padding:0 5px 0 13px;transition:border-color .2s,box-shadow .2s,background .2s}.header-search:focus-within{background:#fff;border-color:var(--green);box-shadow:0 0 0 3px #176b501f}.header-search svg{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:2;flex:0 0 auto}.header-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.88rem}.header-search input::placeholder{color:#7e8b85}.header-search button{border:0;border-radius:999px;background:var(--green);color:#fff;padding:7px 12px;font-weight:700;font-size:.78rem;cursor:pointer}.home-directory{padding-top:52px}.directory-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.directory-head h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0}.directory-head p{color:var(--muted);margin:0}.category-filter{display:flex;gap:10px;overflow:auto;padding:12px 0 26px;scrollbar-width:thin}.category-filter button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:#fff;color:var(--ink);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:border-color .18s,color .18s,background .18s}.category-filter button:hover{border-color:var(--green);color:var(--green)}.category-filter button.is-active{border-color:var(--green);background:var(--green);color:#fff}.home-grid{padding-top:8px}.home-grid .card[hidden]{display:none}.card{transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #13201b14}@media(max-width:980px){.top{gap:16px}nav{display:none}.header-search{width:min(360px,46vw)}}@media(max-width:780px){.top{min-height:auto;padding-top:12px;padding-bottom:12px;flex-direction:row;align-items:center;flex-wrap:wrap}.brand{white-space:nowrap}.header-search{order:2;width:100%}.header-search button{display:none}.grid{grid-template-columns:1fr}.hero{padding:48px 0}.directory-head{align-items:start;flex-direction:column;gap:4px}.home-directory{padding-top:36px}}