/* 에이전트 제안 허브 — 공용 스타일. 불투명 토큰만(대비는 mco-ui-readable 로 잰다). 본문 16px · 최소 13px. */
:root{--bg:#0e1116;--card:#151b23;--ink:#e9eef4;--muted:#a4b0bf;--hair:#2b3440;--acc:#4cc38a;--acc-ink:#07140e;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;color-scheme:dark}
@media (prefers-color-scheme: light){:root{--bg:#f7f9fb;--card:#ffffff;--ink:#131a22;--muted:#4c5866;--hair:#d7dee6;
  --acc:#0d7a52;--acc-ink:#ffffff;color-scheme:light}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font:16px/1.7 system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR","Noto Sans JP","Noto Sans SC",sans-serif}
a{color:var(--acc)}
.wrap{max-width:860px;margin:0 auto;padding:0 16px 48px}
.top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--hair)}
.home{font-weight:700;text-decoration:none;color:var(--ink)}
.langs{display:flex;flex-wrap:wrap;gap:4px}
.langs a{font-size:14px;padding:4px 10px;border-radius:999px;text-decoration:none;color:var(--muted);border:1px solid transparent}
.langs a[aria-current="page"]{color:var(--acc);border-color:var(--acc);font-weight:700}
main{padding-top:28px}
.badge{display:inline-block;font-size:13px;font-family:var(--mono);color:var(--acc);border:1px solid var(--acc);border-radius:999px;padding:3px 12px;margin:0 0 12px}
h1{font-size:clamp(24px,4.6vw,36px);line-height:1.3;margin:0 0 12px;overflow-wrap:anywhere}
h2{line-height:1.4}
.sec{font-size:20px;margin:36px 0 8px}
.lede{font-size:17px;color:var(--ink);margin:0}
.sub,.notice,.src{color:var(--muted);font-size:14px}
.list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
.card{background:var(--card);border:1px solid var(--hair);border-radius:12px;padding:18px 20px}
.card h2{font-size:19px;margin:4px 0 8px;overflow-wrap:anywhere}
.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:hover,.card h2 a:focus-visible{text-decoration:underline}
.meta{font-size:13px;font-family:var(--mono);color:var(--muted);margin:0 0 6px;overflow-wrap:anywhere}
.cat{color:var(--acc);font-weight:700}
.ex{margin:0;overflow-wrap:anywhere}
.body{overflow-wrap:anywhere}.body p{margin:0 0 1em}
.review{border-left:3px solid var(--acc);padding:2px 0 2px 16px}.review p{margin:0 0 .6em;overflow-wrap:anywhere}
.steps{padding-left:1.3em}
.code{font-family:var(--mono);font-size:13.5px;line-height:1.6;background:var(--card);border:1px solid var(--hair);border-radius:10px;padding:14px 16px;overflow-x:auto;white-space:pre;color:var(--ink)}
.mono{font-family:var(--mono);overflow-wrap:anywhere}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.btn{display:inline-block;background:var(--acc);color:var(--acc-ink);font-weight:700;text-decoration:none;border-radius:10px;padding:10px 18px}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--hair);font-size:13px;color:var(--muted)}

/* 중앙 입구 추가 스타일 — style.css 뒤에 이어 붙여 서빙한다. 불투명 토큰만, 본문 16px · 최소 13px. */
form label{display:block;font-weight:700;margin:18px 0 6px}
form input,form select,form textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--hair);border-radius:8px;padding:10px 12px}
form input:focus-visible,form select:focus-visible,form textarea:focus-visible,.btn:focus-visible,.link:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
form [hidden]{display:none}
.refs>*{margin-bottom:6px}
.btn{display:inline-block;font:inherit;font-weight:700;color:var(--acc-ink);background:var(--acc);border:0;border-radius:8px;padding:10px 18px;text-decoration:none;cursor:pointer}
.btn[disabled]{opacity:.6;cursor:not-allowed}
.actions{margin:20px 0}
.ok{color:var(--acc)}.err{color:#d6453d;font-weight:700}
@media (prefers-color-scheme: dark){.err{color:#ff8a80}}
.reg{border-left:4px solid var(--acc);padding:8px 12px;background:var(--card)}
.cmts{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px}
.cmt{background:var(--card);border:1px solid var(--hair);border-radius:10px;padding:12px 16px}
.cmt .body p{margin:0 0 .6em}
.link{font:inherit;font-size:14px;color:var(--muted);background:none;border:0;padding:4px 0;text-decoration:underline;cursor:pointer}