:root{--bg:#fffaf8;--ink:#222;--muted:#666;--red:#e63946;--line:#f0e6e6}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink)}
.a1-header{background:var(--red);color:#fff;text-align:center;padding:16px 12px;font-weight:800}
h3{margin:10px 10px 6px}
.filters{position:sticky;top:0;background:linear-gradient(#fffaf8, #fffaf8 80%, rgba(255,255,255,0));z-index:5;border-bottom:1px solid #f2ebeb}
.section{margin-bottom:6px}
.chip-wrap{display:flex;flex-wrap:wrap;padding:0 10px 8px;gap:8px}
.chip{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #eee;border-radius:999px;background:#fff;color:#444;text-decoration:none;font-weight:700}
.chip.active{border-color:var(--red);color:var(--red)}
.a1-list .job{background:#fff;margin:10px;padding:12px;border-radius:12px;border:1px solid var(--line);box-shadow:0 1px 6px rgba(0,0,0,.06)}
.job-title{font-weight:800;margin-bottom:6px}
.job-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#555;margin-bottom:8px}
.badge{background:#fff0f0;color:#b60014;border:1px solid #ffd4d4;border-radius:6px;padding:2px 6px;font-size:12px}
.job-cta{display:flex;gap:10px}
.job-cta a{text-decoration:none;font-weight:800;color:var(--red)}
.a1-sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #ddd;display:flex;gap:8px;justify-content:space-around;padding:10px 8px;z-index:10}
.a1-sticky .write{background:var(--red);color:#fff;padding:8px 14px;border-radius:10px;text-decoration:none}
.a1-sticky .disabled{opacity:.5}
.spacer{height:64px}
.small{font-size:12px;color:#888;margin:0 10px 10px}
.empty{margin:18px 10px;color:#777}
.a1-view{background:#fff;margin:10px;padding:12px;border-radius:12px;border:1px solid var(--line)}
.a1-view h1{margin:0 0 6px;font-size:20px}
.a1-view .meta{list-style:none;padding:0;margin:6px 0 10px;display:flex;gap:10px;flex-wrap:wrap;color:#555;font-size:13px}
.write-wrap label{display:block;margin:10px 0 6px}
.write-wrap input[type="text"], .write-wrap select, .write-wrap textarea{width:100%;border:1px solid #e5e5e5;border-radius:8px;padding:10px}
.submit-sticky{
  position:fixed; left:0; right:0; bottom:0; z-index:20;
  display:flex; gap:8px; justify-content:space-between; align-items:center;
  background:#fff; border-top:1px solid #ddd; padding:10px 12px;
}
.btn{display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:10px; font-weight:800; text-decoration:none; border:1px solid #eee; color:#e63946; background:#fff}
.btn.primary{background:#e63946; color:#fff; border-color:#e63946}
.btn.ghost{color:#666}


:root{--bg:#fffaf8;--ink:#222;--muted:#666;--red:#e63946;--line:#f0e6e6}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink)}
.a1-header{background:var(--red);color:#fff;text-align:center;padding:16px 12px;font-weight:800}
h3{margin:10px 10px 6px}
.filters{position:sticky;top:0;background:linear-gradient(#fffaf8,#fffaf8 80%,rgba(255,255,255,0));z-index:5;border-bottom:1px solid #f2ebeb}
.section{margin-bottom:6px}
.chip-wrap{display:flex;flex-wrap:wrap;padding:0 10px 8px;gap:8px}
.chip{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #eee;border-radius:999px;background:#fff;color:#444;text-decoration:none;font-weight:700}
.chip.active{border-color:var(--red);color:var(--red)}
.a1-list .job{background:#fff;margin:10px;padding:12px;border-radius:12px;border:1px solid var(--line);box-shadow:0 1px 6px rgba(0,0,0,.06)}
.job-title{font-weight:800;margin-bottom:6px}
.job-title a{text-decoration:none;color:inherit}
.job-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#555;margin-bottom:8px}
.badge{background:#fff0f0;color:#b60014;border:1px solid #ffd4d4;border-radius:6px;padding:2px 6px;font-size:12px}
.job-cta{display:flex;gap:10px}
.job-cta a{text-decoration:none;font-weight:800;color:var(--red)}
.empty{margin:18px 10px;color:#777}
.a1-sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #ddd;display:flex;gap:8px;justify-content:space-around;padding:10px 8px;z-index:10}
.a1-sticky .write,.btn.primary{background:var(--red);color:#fff;padding:8px 14px;border-radius:10px;text-decoration:none;border:1px solid var(--red)}
.a1-sticky .disabled{opacity:.5}
.spacer{height:64px}
.small{font-size:12px;color:#888;margin:0 10px 10px}
.a1-view{background:#fff;margin:10px;padding:12px;border-radius:12px;border:1px solid var(--line)}
.a1-view h1{margin:0 0 6px;font-size:20px}
.a1-view .meta{list-style:none;padding:0;margin:6px 0 10px;display:flex;gap:10px;flex-wrap:wrap;color:#555;font-size:13px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #eee;border-radius:10px;background:#fff;font-weight:800;color:#e63946;text-decoration:none}
.btn.ghost{color:#666}
.btn.danger{background:#ef4444;color:#fff;border-color:#ef4444}
.submit-sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:8px;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid #ddd;padding:10px 12px}


/* 분류 칩 영역 스타일 (불릿 제거 + 일관된 디자인) */
.category-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 5px;
}
.category-chips a.chip {
  display: inline-block;
  padding: 6px 14px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 18px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  transition: all .2s;
}
.category-chips a.chip:hover {
  background: #f9f9f9;
}
.category-chips a.chip.active {
  background: #ff5656;
  color: #fff;
  border-color: #ff5656;
}

