:root{font-family:Noto Kufi Arabic,system-ui,sans-serif;color:#173a35;background:#f4f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#d8e9de 0,transparent 34rem),#f4f1e8}main{width:min(1180px,92%);margin:auto;padding:52px 0 80px}header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.2;margin:.2rem 0;color:#123c35}header p{margin:0;color:#59716d}.eyebrow{color:#bd6d3a;font-weight:700}.update{background:#173a35;color:#fff;padding:16px 20px;border-radius:16px;display:flex;flex-direction:column;min-width:220px}.update span{font-size:.78rem;color:#b9d2cb}.notice,.error{padding:15px 18px;border-radius:12px;margin:16px 0}.notice{background:#fff0c8;color:#704d00;border:1px solid #e2c77d}.error{background:#ffe2df;color:#842c23}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#fff;padding:20px;border-radius:20px;box-shadow:0 12px 35px #233d3420}.filters label{font-size:.78rem;font-weight:700;color:#49635e}.filters select,.filters input{display:block;width:100%;margin-top:8px;border:1px solid #cfdbd6;border-radius:10px;background:#fafcf9;padding:11px;color:#173a35;font:inherit}.results{margin-top:38px}.results-head{display:flex;align-items:center;justify-content:space-between}.results-head h2{font-size:1.45rem}.results-head span{color:#6e817d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:#fff;border:1px solid #e0e6df;border-radius:18px;padding:24px;box-shadow:0 8px 24px #233d3412}article h3{font-size:1.25rem;margin:10px 0 4px}.place{color:#bd6d3a;font-weight:600}.tag{display:inline-block;background:#dcebe2;color:#245c50;padding:5px 10px;border-radius:99px;font-size:.72rem}dl{border-top:1px solid #edf0ed;margin-top:18px;padding-top:10px}dl div{display:flex;justify-content:space-between;gap:16px;margin:8px 0}dt{color:#73847f;font-size:.78rem}dd{margin:0;font-size:.85rem}.actions{display:flex;gap:10px;margin-top:18px}.actions a{flex:1;text-align:center;background:#bd6d3a;color:#fff;text-decoration:none;border-radius:10px;padding:9px}.actions a.secondary{background:#eef3ef;color:#28554c}.empty{text-align:center;padding:50px;color:#71837e;background:#ffffff80;border-radius:16px}@media(max-width:900px){.filters,.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding-top:28px}header{align-items:stretch;flex-direction:column}.update{min-width:0}.filters,.grid{grid-template-columns:1fr}}