:root{ --teal:#0A3E4F; --green:#4F7058; --coral:#F8674D; --grey:#5B7683;
  --red:#DA442B; --orange:#E97F32; --cream:#F6F1E7; --line:#D9CFBE; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:var(--teal); background:#fff; line-height:1.5; }
a{ color:var(--coral); text-decoration:none; } a:hover{ text-decoration:underline; }
.masthead{ display:flex; align-items:center; gap:16px; background:var(--teal);
  border-bottom:5px solid var(--coral); padding:16px 22px; }
.masthead img{ height:56px; }
.masthead .mt .kick{ font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:#C7D6D9; margin:0 0 4px; }
.masthead .mt h1{ color:#fff; font-size:24px; margin:0; font-weight:700; }
.wrap{ max-width:900px; margin:0 auto; padding:22px; }
.bar{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin:8px 0 18px; }
.btn{ display:inline-block; background:var(--coral); color:#fff; padding:9px 16px; border-radius:8px;
  font-weight:600; border:none; cursor:pointer; font-size:14px; }
.btn.sec{ background:#fff; color:var(--teal); border:1.5px solid var(--line); }
.card{ border:1px solid var(--line); border-left:5px solid var(--green); border-radius:10px;
  padding:14px 16px; margin:12px 0; background:#fff; }
.card h3{ margin:0 0 4px; color:var(--teal); font-size:16px; }
.card .meta{ color:var(--grey); font-size:13px; margin:0 0 8px; }
.card .tags span{ display:inline-block; background:var(--cream); color:var(--teal); border-radius:20px;
  padding:2px 10px; font-size:12px; margin:2px 6px 2px 0; }
.empty{ color:var(--grey); font-style:italic; padding:20px 0; }
h2{ color:var(--teal); border-left:6px solid var(--coral); padding:4px 0 5px 10px;
  background:linear-gradient(90deg,#F6F1E7,rgba(246,241,231,0)); }
label{ display:block; font-weight:600; margin:14px 0 4px; font-size:14px; }
input,textarea,select{ width:100%; padding:9px 11px; border:1.5px solid var(--line); border-radius:8px;
  font:inherit; color:var(--teal); }
textarea{ min-height:80px; resize:vertical; }
.hint{ color:var(--grey); font-size:12px; margin:3px 0 0; }
.foot{ color:var(--grey); font-size:12px; text-align:center; padding:26px 0 12px; }
.note{ background:var(--cream); border-radius:8px; padding:10px 14px; font-size:13px; color:var(--teal); margin:14px 0; }