:root{color-scheme:light;--bg: #f7f5ef;--surface: #ffffff;--surface-soft: #eef4ed;--ink: #1d2a24;--muted: #66746d;--line: #d9ded6;--green: #2f6b4f;--green-dark: #214e3b;--amber: #d78b2a;--blue: #386a8f;--shadow: 0 18px 48px rgba(31, 45, 38, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:14px clamp(18px,4vw,52px);border-bottom:1px solid rgba(29,42,36,.08);background:#f7f5eff0;backdrop-filter:blur(18px)}.brand,nav{display:flex;align-items:center;gap:12px}.brand{font-weight:800;letter-spacing:0}.brand-logo{display:block;width:38px;height:38px;object-fit:cover;border-radius:8px}nav{flex-wrap:wrap;justify-content:flex-end;font-size:.94rem}nav a{padding:9px 10px;border-radius:8px;color:var(--muted);font-weight:650}.nav-logout{margin:0}.nav-logout button{min-height:38px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-weight:650;appearance:none}.nav-logout button:hover{color:var(--green-dark);background:var(--surface-soft)}nav a:hover{color:var(--green-dark);background:var(--surface-soft)}.nav-action,.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:8px;background:var(--green);color:#fff;font-weight:750}nav .nav-action{color:#fff}.button.secondary{background:var(--surface);color:var(--green-dark);border:1px solid var(--line)}.page-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.section{padding:clamp(36px,6vw,76px) 0}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:18px;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.96;letter-spacing:0}h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.05}.lead{max-width:700px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 20px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.filter-chip{min-height:34px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--green-dark);font-weight:700}.advert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}.advert-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 10px 26px #1f2d260f}.advert-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.advert-card.is-featured{border-color:#c9952c;box-shadow:0 10px 26px #1f2d260f,0 0 0 1px #c9952c40;background:linear-gradient(135deg,#fffdf6,#fff)}.advert-card.is-featured:hover{border-color:#b5841e;box-shadow:var(--shadow),0 0 0 1px #c9952c59}.advert-image,.image-placeholder{aspect-ratio:4 / 3;width:100%;object-fit:cover;background:linear-gradient(135deg,#e2eadf,#f5dfbd)}.image-placeholder{display:grid;place-items:center;color:var(--green-dark);font-weight:800}.advert-content{padding:16px}.advert-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;color:var(--muted);font-size:.88rem}.badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:6px;background:#f6ecd8;color:#76501c;font-size:.78rem;font-weight:800}.advert-card h2,.advert-card h3{margin-bottom:8px;font-size:1.12rem;line-height:1.2}.advert-card p{color:var(--muted);line-height:1.55}.empty-state{display:grid;gap:12px;padding:34px;border:1px dashed #bcc8be;border-radius:8px;background:#ffffffb8}.detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;align-items:start}.detail-panel{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.detail-image{overflow:hidden;border-radius:8px;border:1px solid var(--line);background:var(--surface)}.detail-image img{aspect-ratio:16 / 10;width:100%;object-fit:cover}@media(max-width:760px){.site-header{position:static;align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}.detail-layout{grid-template-columns:1fr}}
