:root{
  --bg:#FFFFFF;
  --bg-alt:#EFFAF4;
  --surface:#FFFFFF;
  --ink:#233229;
  --ink-soft:#5C6B5F;
  --ink-faint:#93A198;
  --teal:#2FA37F;
  --teal-dark:#146B52;
  --teal-tint:#DFF7EE;
  --marigold-strong:#B84D17;
  --marigold-tint:#FFE6D2;
  --line:#E7EFE9;
  --radius-lg:24px;
  --radius-md:14px;
  --radius-sm:10px;
  --shadow-soft:0 14px 34px -18px rgba(30,80,60,0.22);
  --font-body:'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
}
*{box-sizing:border-box;}
body{margin:0; font-family:var(--font-body); background:var(--bg-alt); color:var(--ink); line-height:1.7;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:880px; margin:0 auto; padding:40px 20px 80px;}
.board-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; flex-wrap:wrap; gap:12px;}
.board-header h1{font-size:1.6rem; margin:0; color:var(--teal-dark);}
.board-header a.home-link{font-size:0.9rem; font-weight:700; color:var(--ink-soft);}
.card{background:var(--surface); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); padding:28px;}
table{width:100%; border-collapse:collapse; font-size:0.92rem;}
th, td{padding:12px 10px; text-align:left; border-bottom:1px solid var(--line);}
th{color:var(--ink-faint); font-weight:700; font-size:0.82rem;}
tr:hover td{background:var(--bg-alt);}
.badge{display:inline-block; padding:3px 10px; border-radius:999px; font-size:0.76rem; font-weight:700;}
.badge.wait{background:var(--marigold-tint); color:var(--marigold-strong);}
.badge.done{background:var(--teal-tint); color:var(--teal-dark);}
.btn{display:inline-flex; align-items:center; gap:6px; padding:12px 22px; border-radius:999px; font-weight:700; font-size:0.94rem; border:none; cursor:pointer; text-decoration:none;}
.btn-primary{background:var(--marigold-strong); color:#fff;}
.btn-primary:hover{background:#9c3f11;}
.btn-ghost{background:var(--teal-tint); color:var(--teal-dark);}
.btn-ghost:hover{background:#cdeee1;}
.field{display:flex; flex-direction:column; gap:6px; margin-bottom:16px;}
.field label{font-weight:700; font-size:0.88rem;}
.field input, .field select, .field textarea{
  border:1.5px solid var(--line); border-radius:var(--radius-sm); padding:11px 13px; font-family:inherit; font-size:0.95rem; background:#fff;
}
.field textarea{min-height:140px; resize:vertical;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.help{font-size:0.8rem; color:var(--ink-faint); margin-top:4px;}
.notice{background:var(--teal-tint); color:var(--teal-dark); padding:14px 18px; border-radius:var(--radius-md); font-size:0.9rem; margin-bottom:20px;}
.error{background:#FFE1E9; color:#B0335A; padding:14px 18px; border-radius:var(--radius-md); font-size:0.9rem; margin-bottom:20px;}
.pagination{display:flex; gap:6px; justify-content:center; margin-top:24px;}
.pagination a, .pagination span{padding:8px 13px; border-radius:8px; font-size:0.88rem; font-weight:700;}
.pagination a{background:var(--surface); color:var(--ink-soft); box-shadow:var(--shadow-soft);}
.pagination .current{background:var(--teal-dark); color:#fff;}
.answer-box{background:var(--bg-alt); border-radius:var(--radius-md); padding:20px; margin-top:20px;}
.answer-box b{color:var(--teal-dark);}
.meta{font-size:0.85rem; color:var(--ink-faint); margin-bottom:18px;}
@media (max-width:600px){ .form-row{grid-template-columns:1fr;} table{font-size:0.82rem;} th:nth-child(1),td:nth-child(1){display:none;} }