:root{color-scheme:light;--ink:#192724;--muted:#60716a;--paper:#f5f6ef;--accent:#d6f381;--line:#dce1d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-underline-offset:5px}.brand{font-size:25px;font-weight:850;text-decoration:none;letter-spacing:-1px}.brand span{font-weight:450}main{padding-top:64px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-3px;margin:24px 0}h1 span{color:#567037}.intro{max-width:690px;font-size:20px}.how{color:var(--muted);margin:24px 0 32px}.search{display:flex;max-width:690px;border:1px solid #86927d;border-radius:12px;padding:6px;background:#fff;margin-bottom:40px;gap:8px}input{min-width:0;flex:1;padding:12px;border:0;background:transparent;font:inherit}button{font:inherit;font-weight:650;border:0;border-radius:8px;padding:12px 20px;background:var(--ink);color:white;cursor:pointer}button:hover{background:#354b42}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7b9f32;outline-offset:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);padding:25px;border-radius:12px;min-height:235px}.tag{font-size:11px;font-weight:750;letter-spacing:1.5px;color:var(--muted)}h2{font-size:21px;line-height:1.35;overflow-wrap:anywhere;letter-spacing:-.3px}article form{margin-top:auto;padding-top:20px}article button{width:100%;display:flex;justify-content:space-between;background:var(--accent);color:var(--ink);font-size:14px}article button:hover{background:#bfe760}.pages{display:flex;justify-content:center;gap:25px;margin:36px 0}.empty{grid-column:1/-1;padding:40px;border:1px dashed var(--line)}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:flex;gap:45px;justify-content:space-between}footer p{max-width:600px;margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){header,main,footer{padding:22px 18px}main{padding-top:40px}h1{letter-spacing:-1.5px}.grid{grid-template-columns:1fr}header>a:last-child{font-size:13px}.intro{font-size:18px}footer{display:block}footer p{margin-top:15px}.search button{padding:12px}}