:root{--bg:#f2f4f6;--ink:#17242b;--muted:#62727c;--card:#fff;--line:#d7dee2;--navy:#29434e;--burnt:#b86445;--soft:#f4e2da}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#fff,var(--bg));color:var(--ink)}main{width:min(1180px,92vw);margin:34px auto}.hero{display:grid;grid-template-columns:1fr 310px;gap:22px;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:0 22px 60px rgba(20,35,45,.09)}.eyebrow{color:var(--burnt);text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.1em}h1{margin:0;font-size:clamp(2.4rem,6vw,5rem);line-height:.95}h2{margin:12px 0;color:var(--navy);font-size:clamp(1.2rem,3vw,2rem)}.intro{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}button{border:0;border-radius:999px;padding:12px 18px;background:var(--burnt);color:white;font-weight:800;cursor:pointer}.secondary{background:var(--navy)}.snapshot{background:var(--navy);color:white;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:10px}.snapshot span{background:rgba(255,255,255,.1);padding:10px 12px;border-radius:14px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}#filters{display:flex;gap:10px;flex-wrap:wrap}input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit}#search{flex:1;min-width:260px;border-radius:999px}.filter{background:white;color:var(--ink);border:1px solid var(--line)}.filter.active{background:var(--soft);color:var(--burnt);border-color:var(--burnt)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;cursor:pointer;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,35,45,.12)}.card h3{margin:10px 0 8px;font-size:1.25rem}.card p{color:var(--muted);line-height:1.5}.pill{display:inline-block;background:var(--soft);color:var(--burnt);padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.highlights{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.highlights span{background:#f5f7f8;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:.78rem}.panel{position:fixed;right:24px;bottom:24px;width:min(620px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;background:white;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.25);transform:translateY(120%);transition:transform .24s}.panel.open{transform:translateY(0)}.close{float:right;background:#eef1f3;color:var(--ink);font-size:24px;width:42px;height:42px;padding:0}.edit-title{font-size:1.5rem;font-weight:800;margin-bottom:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-weight:800;margin:12px 0;color:var(--navy)}textarea{min-height:92px;resize:vertical;margin-top:6px;color:var(--ink);font-weight:400}[contenteditable=true]:focus{outline:2px dashed var(--burnt);border-radius:8px;background:#fff8f5}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:24px}.two{grid-template-columns:1fr}}@media print{.controls,.panel,button{display:none!important}body{background:white}main{width:100%;margin:0}.hero,.card{box-shadow:none;break-inside:avoid}}