/* 베타 사이트 신규 화면 + 베타 띠 — 색·글꼴은 site.css·parts.css·aifi.css 변수만 쓴다(새 팔레트 없음). 라이브 쉬운 화면 실측(본문 16px/1.6)에 맞춤. */
.beta-band { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; background: var(--gold-soft, #fbf3e3); border-bottom: 1px solid #e7cf8f; color: #5c4306; padding: 6px 16px; font-size: 14px; line-height: 1.5; position: relative; z-index: 60; }
.beta-band b { background: #7a5a10; color: #fff; border-radius: 6px; padding: 0 8px; font-size: 13px; } .beta-band .bb-d { font-weight: 700; }
.lx-top ~ * .beta-band { }
body > .beta-band, .lab-app ~ .beta-band { }
.beta-pg .wrap { max-width: 960px; margin: 0 auto; padding: 0 16px 40px; } .beta-pg .beta-band { margin: 0 -16px; padding-left: 16px; }
.beta-pg main { padding: 8px 0 24px; } .beta-pg h1 { font-size: 36px; line-height: 1.25; margin: 14px 0 6px; } .beta-pg h2 { font-size: 22px; margin: 22px 0 8px; } .beta-pg .hlead { font-size: 16px; margin: 0 0 14px; color: var(--ink2, #384152); }
.bt-ways, .bt-views { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 10px 0; } .bt-views { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bt-way, .bt-view { display: grid; gap: 4px; background: #fff; border: 1px solid var(--line, #d9dde7); border-radius: 12px; padding: 14px 16px; text-align: left; font: inherit; color: inherit; text-decoration: none; cursor: pointer; }
.bt-way:hover, .bt-view:hover { border-color: var(--ai-blue, #164ed8); } .bt-way svg { width: 28px; height: 28px; color: var(--ai-blue, #164ed8); } .bt-way b, .bt-view b { font-size: 17px; } .bt-way span, .bt-view span { font-size: 15px; color: var(--muted, #5b6475); line-height: 1.55; }
.bt-way.off { opacity: .65; cursor: not-allowed; border-style: dashed; } .bt-way.off svg { color: var(--muted, #5b6475); }
.bt-notice { margin: 22px 0 0; border: 1px solid #e7cf8f; background: #fffaf0; border-radius: 12px; padding: 4px 16px 12px; } .bt-notice h2 { margin-top: 12px; } .bt-notice ul { margin: 0; padding-left: 20px; } .bt-notice li { margin: 6px 0; font-size: 16px; }
.bt-draft { border: 2px dashed #b88a1e; background: #fff5dd; border-radius: 10px; padding: 10px 14px; margin: 10px 0 14px; font-size: 16px; color: #5c4306; }
.bt-sec h2 { font-size: 20px; margin: 18px 0 6px; } .bt-sec ul { margin: 0; padding-left: 20px; } .bt-sec li { margin: 6px 0; font-size: 16px; line-height: 1.65; }
.bt-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 14px; } .bt-tabs a { border: 1px solid var(--line, #d9dde7); border-radius: 8px; padding: 6px 14px; text-decoration: none; color: inherit; background: #fff; font-size: 15.2px; } .bt-tabs a.on { background: var(--ai-blue-soft, #e6eefc); border-color: var(--ai-blue-line, #bcd3f5); color: var(--ai-blue, #164ed8); }
.bt-state { background: #fff; border: 1px solid var(--line, #d9dde7); border-radius: 12px; padding: 16px 18px; } .bt-state[hidden] { display: none; } .bt-state h2 { margin: 0 0 8px; font-size: 22px; } .bt-state p { font-size: 16px; line-height: 1.65; margin: 0 0 12px; }
.beta-pg .btns { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 760px) { .bt-ways, .bt-views { grid-template-columns: minmax(0, 1fr); } .beta-pg h1 { font-size: 28px; } }
/* 입력 화면 고지 */
.ik-notice { border: 1px solid var(--line, #d9dde7); background: #fff; border-radius: 12px; padding: 14px 16px; margin: 0 0 12px; font-size: 15px; color: var(--muted, #5b6475); } .ik-notice b { display: block; margin-bottom: 4px; font-size: 17px; color: var(--ink, #1c2433); } .ik-notice ul { margin: 0; padding-left: 20px; } .ik-notice li { margin: 3px 0; line-height: 1.55; }
.ik-way.off { opacity: .6; cursor: not-allowed; border-style: dashed; } .ik-chip { display: inline-block; font-size: 12.5px; font-weight: 700; border-radius: 999px; padding: 0 8px; background: #fff5dd; border: 1px solid #b88a1e; color: #6b4a06; margin-left: 6px; }
.ik-ttl { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; background: #eef6ff; border: 1px solid #bcd3f5; border-radius: 10px; padding: 8px 12px; margin: 0 0 10px; font-size: 14px; } .ik-ttl button { border: 1px solid #c0392b; background: #fff; color: #8a2417; border-radius: 8px; padding: 4px 12px; font: inherit; font-weight: 700; cursor: pointer; }
.ik-pages[hidden], .ik-docwrap[hidden] { display: none; }

@media print { .beta-band { display: none !important; } }

.lang .mode-link, header.top .lang .mode-link { border-color: var(--accent, #164ed8); color: var(--accent, #164ed8); font-weight: 700; text-decoration: none; }

:root { color-scheme: light; }   /* 다크 모드 없음 — 카드만 어두워지는 반쪽 다크 방지 */

/* 더 알아보기 소형 링크 — 패밀리 → 기존 두 사이트 각론(새 탭, src=aifamily) */
.lm { font-size: 12.5px; font-weight: 600; color: var(--lx-accent, var(--accent, #164ed8)); white-space: nowrap; text-decoration: none; margin-left: 6px; } a.lm:hover, details.lm summary:hover { text-decoration: underline; }
details.lm { display: inline-block; vertical-align: top; white-space: normal; } details.lm summary { cursor: pointer; list-style: none; display: inline; } details.lm summary::-webkit-details-marker { display: none; }
details.lm ul { list-style: none; margin: 4px 0 6px; padding: 6px 10px; border: 1px solid var(--lx-line, #d9dde7); border-radius: 8px; background: #fff; display: grid; gap: 3px; font-weight: 500; } details.lm li small { color: #5b6475; }
.lm-row { margin: 14px 0 0; font-size: 13px; color: #5b6475; display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: baseline; } .lm-row .lm { margin-left: 0; } .lm-row .lm-lbl { font-weight: 700; margin-right: 4px; } .lm-dot { color: #5b6475; }