/* SilverCare 개발 조언 게시판 — 포털과 동일한 다크 팔레트 */
:root{--mint:#6fe3c6;--blue:#7fb3ff;--amber:#ffd45e;--coral:#ff9f7a;--violet:#c9a0ff;--rose:#ff8f9e;}
*{box-sizing:border-box;}
body{margin:0;font-family:"Pretendard","Malgun Gothic",system-ui,-apple-system,sans-serif;
  background:linear-gradient(165deg,#0c1a30 0%,#123a44 55%,#0e2b3a 100%);color:#dbe8f0;
  min-height:100vh;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
.wrap{max-width:1000px;margin:0 auto;padding:24px 18px 70px;}

/* 상단 바 */
.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;}
.top .spacer{flex:1;}
.back,.ghost{font-size:12.8px;font-weight:700;color:var(--mint);text-decoration:none;
  border:1px solid rgba(111,227,198,.4);border-radius:99px;padding:6px 14px;}
.back:hover,.ghost:hover{background:rgba(111,227,198,.12);}
.brand{font-size:15px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.01em;}
.who{font-size:12.5px;color:#8fa9b8;}

h1{font-size:clamp(21px,3.6vw,28px);margin:0 0 8px;color:#fff;letter-spacing:-.015em;line-height:1.3;}
.lede{font-size:14px;color:#9db4c4;line-height:1.7;margin:0 0 20px;max-width:760px;}

/* 필터 */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px;}
.chip{font-size:12.5px;font-weight:700;text-decoration:none;border-radius:99px;padding:6px 13px;
  border:1px solid rgba(255,255,255,.16);color:#a9c1cf;background:rgba(255,255,255,.04);}
.chip:hover{background:rgba(255,255,255,.09);color:#fff;}
.chip.on{background:rgba(111,227,198,.16);border-color:var(--mint);color:var(--mint);}
.filters form{display:flex;gap:6px;margin-left:auto;}
.filters input[type=search]{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  border-radius:10px;padding:7px 12px;color:#eaf2f7;font-size:13px;width:180px;font-family:inherit;}
.filters input[type=search]:focus{outline:none;border-color:var(--mint);}

.btn{display:inline-block;font-size:13px;font-weight:800;text-decoration:none;border:none;cursor:pointer;
  border-radius:10px;padding:9px 18px;background:var(--mint);color:#06231e;font-family:inherit;}
.btn:hover{filter:brightness(1.08);}
.btn.sec{background:rgba(255,255,255,.09);color:#dbe8f0;border:1px solid rgba(255,255,255,.18);}
.btn.danger{background:rgba(255,143,158,.16);color:#ff8f9e;border:1px solid rgba(255,143,158,.4);}

/* 목록 */
.panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.3);}
.row{display:block;text-decoration:none;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.08);}
.row:last-child{border-bottom:none;}
.row:hover{background:rgba(255,255,255,.05);}
.row .line1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.row .title{font-size:15.5px;font-weight:700;color:#eef6fa;letter-spacing:-.01em;}
.row .cnt{font-size:12px;font-weight:800;color:var(--amber);}
.row .line2{margin-top:7px;font-size:12.2px;color:#8fa9b8;display:flex;gap:12px;flex-wrap:wrap;}
.badge{font-size:11px;font-weight:800;border-radius:99px;padding:3px 9px;
  border:1px solid currentColor;opacity:.95;white-space:nowrap;}
.badge.dim{color:#8fa9b8;border-color:rgba(255,255,255,.2);font-weight:700;}
.pin{color:var(--amber);font-size:12px;font-weight:800;}

.empty{padding:44px 20px;text-align:center;color:#8fa9b8;font-size:14px;line-height:1.8;}

/* 페이지네이션 */
.pager{display:flex;gap:6px;justify-content:center;margin-top:20px;flex-wrap:wrap;}
.pager a,.pager span{font-size:12.8px;font-weight:700;text-decoration:none;border-radius:8px;
  padding:7px 12px;border:1px solid rgba(255,255,255,.14);color:#a9c1cf;}
.pager .cur{background:rgba(111,227,198,.16);border-color:var(--mint);color:var(--mint);}

/* 글 보기 */
.post{padding:26px 28px;}
.post h2{margin:0 0 12px;font-size:clamp(19px,3.2vw,25px);color:#fff;line-height:1.35;letter-spacing:-.015em;}
.meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:#8fa9b8;
  padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1);}
.body{font-size:14.8px;line-height:1.85;color:#cfe0ea;padding:20px 0 6px;word-break:break-word;}
.body a{color:var(--mint);}
.body code{background:rgba(255,255,255,.09);border-radius:5px;padding:1px 6px;font-size:13.4px;
  font-family:ui-monospace,Consolas,monospace;}
.body b{color:#fff;}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.1);}
.actions .spacer{flex:1;}

/* 댓글 */
.cmts{margin-top:22px;}
.cmts h3{font-size:15px;color:#fff;margin:0 0 12px;font-weight:800;}
.cmt{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);}
.cmt:last-child{border-bottom:none;}
.cmt .ch{font-size:12.2px;color:#8fa9b8;margin-bottom:6px;display:flex;gap:10px;align-items:center;}
.cmt .ch b{color:#cfe0ea;font-size:12.8px;}
.cmt .cb{font-size:14px;line-height:1.75;color:#cfe0ea;word-break:break-word;}
.cmt .del{margin-left:auto;font-size:11.5px;color:#7d94a4;text-decoration:none;}
.cmt .del:hover{color:var(--rose);}

/* 폼 */
form.card{padding:24px 26px;}
label{display:block;font-size:12.5px;font-weight:800;color:#8fa9b8;margin:16px 0 7px;letter-spacing:.02em;}
label:first-of-type{margin-top:0;}
input[type=text],input[type=password],textarea,select{
  width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  border-radius:11px;padding:11px 14px;color:#eaf2f7;font-size:14px;font-family:inherit;}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--mint);
  background:rgba(255,255,255,.09);}
textarea{min-height:260px;line-height:1.75;resize:vertical;}
select option{background:#12283c;color:#eaf2f7;}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;}
.grid3 label{margin-top:0;}
.hint{font-size:12px;color:#7d94a4;margin-top:7px;line-height:1.6;}
.err{background:rgba(255,143,158,.14);border:1px solid rgba(255,143,158,.4);color:#ffc2ca;
  border-radius:11px;padding:12px 16px;font-size:13.4px;margin-bottom:16px;}

/* 로그인 */
.login{max-width:420px;margin:60px auto 0;}
.login .panel{padding:30px 28px;}
.login h1{font-size:22px;margin-bottom:6px;}
.login p{font-size:13.4px;color:#8fa9b8;line-height:1.7;margin:0 0 20px;}

.foot{margin-top:44px;font-size:12.5px;color:#7d94a4;line-height:1.9;
  border-top:1px solid rgba(255,255,255,.1);padding-top:18px;}
.foot a{color:var(--mint);text-decoration:none;font-weight:700;}
.foot .dim{color:#5f7383;}