:root{--bg:#f8f7f4;--surface:#fff;--text:#202124;--muted:#62656a;--line:#e7e3d9;--brand:#2f6f52;--brand-soft:#e6f2ec}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1100px,92%);margin:0 auto}.page-shell{min-height:calc(100vh - 180px);padding:32px 0 56px}.site-header,.site-footer{background:var(--surface);border-bottom:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);border-bottom:none}.header-content,.footer-content{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.brand{color:var(--brand);font-weight:700}.nav-list{gap:16px;margin:0;padding:0;list-style:none;display:flex}.hero{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:24px;padding:28px}.badge{background:var(--brand-soft);color:var(--brand);border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:13px;display:inline-block}.button{background:var(--brand);color:#fff;border-radius:10px;margin-top:8px;padding:10px 16px;font-weight:600;display:inline-block}.button-small{margin-top:16px;font-size:14px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:14px}.muted-chip{color:var(--muted)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card-image{object-fit:cover;width:100%;height:210px}.card-body{padding:14px}.card-meta{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.muted{color:var(--muted)}.back-link{color:var(--brand);margin-bottom:12px;display:inline-block}.detail-image{object-fit:cover;border:1px solid var(--line);border-radius:14px;width:100%;max-height:460px}.detail-grid{grid-template-columns:2fr 1fr;gap:20px;margin-top:20px;display:grid}.info-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.filters{grid-template-columns:1fr}}@media (max-width:600px){.grid{grid-template-columns:1fr}.header-content,.footer-content{flex-direction:column;align-items:flex-start}}