:root{--green:#1f6e48;--green-dark:#17553a;--green-soft:#e3f2e8;--ink:#12261c;--muted:#5f6f67;--line:#e4ebe6;--font:"Manrope","Segoe UI",system-ui,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);line-height:1.5;background:#fff}
a{color:var(--green);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}
.wrap{width:min(1100px,100% - 40px);margin-inline:auto}
header{border-bottom:1px solid var(--line)}.hd{display:flex;align-items:center;gap:28px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:15px;line-height:1.2}.brand:hover{text-decoration:none}
.brand svg{width:38px;height:38px;fill:var(--green)}.hd nav{display:flex;gap:24px;margin-left:auto;font-size:14px}
.hd nav a{color:var(--ink);font-weight:500}.hd nav a:hover{color:var(--green);text-decoration:none}
main{padding:40px 0 64px;min-height:60vh}h1{font-size:clamp(28px,4vw,40px);line-height:1.12;margin:0 0 10px;font-weight:800;letter-spacing:-.01em}
.lead{color:var(--muted);margin:0 0 30px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;transition:box-shadow .15s,border-color .15s}
.card:hover{text-decoration:none;border-color:#b9d3c3;box-shadow:0 10px 30px rgba(18,38,28,.08)}
.card h2{margin:0;font-size:20px;line-height:1.25}.card p{margin:0;color:var(--muted);font-size:15px}.date{font-size:13px;color:var(--muted)}
.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}
.article{max-width:720px}.article h2{margin:34px 0 10px;font-size:24px}.article p{margin:0 0 18px;font-size:17px;line-height:1.7}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:10px;border:1.5px solid transparent;background:var(--green);color:#fff;font:700 15px var(--font);cursor:pointer}
.btn:hover{background:var(--green-dark);text-decoration:none}.btn-o{background:#fff;color:var(--green);border-color:#9fc4ad}.btn-o:hover{background:var(--green-soft)}
.btn-d{background:#fff;color:#8f2a2a;border-color:#f0c4c4}.btn-d:hover{background:#fdeeee}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:13px;color:var(--muted);font-weight:600}.act{display:flex;gap:8px;justify-content:flex-end}.act form{margin:0}.act .btn{padding:7px 14px;font-size:14px}
.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.b-ok{background:var(--green-soft);color:var(--green-dark)}.b-draft{background:#fff4dc;color:#8a5a00}
.form{max-width:760px}.field{margin-bottom:18px}.field label{display:block;margin-bottom:7px;font-size:14px;font-weight:600}
.field input,.field textarea,.field select{width:100%;padding:13px 15px;font:500 16px var(--font);color:var(--ink);border:1.5px solid #d9e4dd;border-radius:12px;background:#fff}
.field textarea{min-height:360px;line-height:1.6;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(31,110,72,.14)}
.hint{font-size:13px;color:var(--muted);margin:6px 0 0}.alert{padding:12px 14px;border-radius:12px;background:#fdeeee;border:1px solid #f3c5c5;color:#8f2a2a;margin-bottom:18px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.top h1{margin:0}
footer{border-top:1px solid var(--line);padding:24px 0;font-size:13px;color:var(--muted)}
@media(max-width:700px){.hd nav{gap:14px}.hide-m{display:none}}
.crumbs{font-size:14px;color:var(--muted);margin:0 0 14px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.pcard{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff}
.pcard:hover{text-decoration:none;border-color:#b9d3c3;box-shadow:0 10px 30px rgba(18,38,28,.08)}
.pimg{aspect-ratio:1/1;border-radius:12px;background:#f3f8f5 center/contain no-repeat;display:grid;place-items:center;color:#9fc4ad;font-size:13px}
.pcard h3{margin:0;font-size:15px;line-height:1.3}.price{font-weight:800;font-size:18px;color:var(--green-dark)}
.pdetail{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:36px;align-items:start}
.pdetail .pimg{width:100%}.pdetail h1{font-size:clamp(24px,3.4vw,34px)}.pdetail .price{font-size:28px;margin:6px 0 18px}
.pdetail p{font-size:16px;line-height:1.7;margin:0 0 14px}.row-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.imp{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;border:1px dashed #9fc4ad;border-radius:14px;margin-bottom:24px;background:#f6fbf8}
.imp input{font:500 14px var(--font)}.note{padding:12px 14px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);margin-bottom:18px;font-weight:600}
.chk{display:flex;gap:10px;align-items:center;font-weight:600}.chk input{width:auto}
@media(max-width:760px){.pdetail{grid-template-columns:1fr}}

.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.socials a{padding:8px 16px;border:1px solid #d9e4dd;border-radius:999px;background:#fff;color:#12261c;font-weight:600;font-size:14px;text-decoration:none}
.socials a:hover{border-color:#1f6e48;color:#1f6e48;text-decoration:none}
.soc-note{margin:10px 0 0;font-size:12px;color:#7a887f}
.footer-soc{margin-top:6px}