.akg { --ink:#1d1d1f; --muted:#62656b; --blue:#006ad4; --line:#e4e8ed; --soft:#f5f7fa; --pink:#d83369; max-width:1320px; margin:32px auto 70px; padding:0 22px; color:var(--ink); font:400 15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-sizing:border-box; }
.akg *, .akg *::before, .akg *::after { box-sizing:border-box; }
.akg button, .akg input { font:inherit; }
.akg button { cursor:pointer; }
.akg [hidden] { display:none !important; }
.akg-header { display:flex; justify-content:space-between; align-items:end; gap:30px; margin:0 0 31px; padding:28px 32px; border-radius:27px; background:#1e2937; color:#fff; }
.akg-eyebrow { display:block; margin:0 0 9px; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.akg-header .akg-eyebrow { color:#9dccff; }
.akg-header h1 { margin:0 0 7px; color:#fff; font-size:clamp(32px,4.5vw,53px); line-height:1.08; letter-spacing:-.04em; }
.akg-header p { margin:0; color:#c7d0dc; max-width:570px; }
.akg-progress { flex:0 0 180px; display:flex; flex-direction:column; padding:15px 17px; border-radius:17px; background:rgba(255,255,255,.09); }
.akg-progress strong { color:#fff; font-size:23px; line-height:1.1; }
.akg-progress span { color:#c7d0dc; font-size:12px; }
.akg-bar { margin-top:12px; height:5px; border-radius:9px; background:rgba(255,255,255,.2); overflow:hidden; }
.akg-bar i { display:block; height:100%; border-radius:9px; background:#6ab8ff; }
.akg-layout { display:grid; grid-template-columns:275px minmax(0,1fr); align-items:start; gap:28px; }
.akg-nav { position:sticky; top:24px; display:grid; gap:5px; padding:11px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.akg-nav-item { width:100%; min-height:51px; display:flex; align-items:center; gap:11px; padding:9px 11px; border:0; border-radius:12px; background:transparent; color:var(--ink); text-align:left; font-size:13px; line-height:1.25; }
.akg-nav-item b { font-weight:650; }
.akg-nav-item span { flex:0 0 30px; display:grid; place-items:center; height:30px; border-radius:9px; background:#eef2f6; color:var(--blue); font-size:12px; font-weight:800; }
.akg-nav-item:hover:not(.is-locked), .akg-nav-item:focus-visible { background:#edf4fd; }
.akg-nav-item.is-active { background:#eaf3fd; color:#074a90; }
.akg-nav-item.is-active span { background:var(--blue); color:#fff; }
.akg-nav-item.is-locked { color:#99a0a9; cursor:default; }
.akg-nav-item.is-locked span { background:#f4f5f7; color:#adb2ba; }
.akg-nav-item--appendix { margin-top:7px; border-top:1px solid var(--line); border-radius:0; }
.akg-main { min-width:0; }
.akg-step { max-width:925px; }
.akg-step-heading { padding:6px 0 10px; }
.akg-step-heading h2 { color:var(--ink); margin:0 0 8px; font-size:clamp(27px,3.6vw,40px); line-height:1.17; letter-spacing:-.035em; }
.akg-step-heading > p { margin:0 0 16px; color:var(--muted); font-size:16px; }
.akg-asia { display:flex; gap:15px; margin:0 0 24px; padding:18px 20px; border-radius:16px; background:#fff1f5; border:1px solid #f4dce4; }
.akg-avatar { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#6c2441; color:#fff; font-size:21px; font-weight:700; }
.akg-avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.akg-asia strong { color:#7b2449; }
.akg-asia p { margin:3px 0 0; }
.akg-topic { margin:0 0 11px; border:1px solid var(--line); border-radius:16px; background:#fff; overflow:hidden; }
.akg-topic > summary { cursor:pointer; list-style:none; padding:17px 21px; font-weight:700; font-size:16px; line-height:1.35; }
.akg-topic > summary::-webkit-details-marker { display:none; }
.akg-topic > summary::after { content:"+"; float:right; color:var(--blue); font-size:22px; line-height:1; font-weight:400; }
.akg-topic[open] > summary::after { content:"−"; }
.akg-topic[open] > summary { border-bottom:1px solid var(--line); }
.akg-source { padding:22px; }
.akg-source h1, .akg-source h2, .akg-source h3 { color:var(--ink); line-height:1.25; margin:0 0 9px; }
.akg-source h2 { font-size:20px; } .akg-source h3 { font-size:17px; }
.akg-source p { margin:0 0 10px; } .akg-source .lead { color:var(--muted); font-size:16px; margin-bottom:16px; }
.akg-source .eyebrow { margin:0 0 6px; color:var(--blue); font-weight:750; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.akg-source .top, .akg-source .foot, .akg-source .arc, .akg-source .fill:empty { display:none; }
.akg-source .row { display:flex; flex-wrap:wrap; gap:15px; align-items:stretch; margin:14px 0; }
.akg-source .row > * { flex:1 1 260px; min-width:0; }
.akg-source .col { display:grid; align-content:start; gap:13px; }
.akg-source .card { padding:18px; border-radius:15px; background:#f7f9fb; min-width:0; }
.akg-source .card.dark { background:#263647; color:#fff; }
.akg-source .card.dark b, .akg-source .card.dark p, .akg-source .card.dark h3 { color:#fff; }
.akg-source .muted { color:var(--muted); } .akg-source .dark .muted { color:#d5e0eb; }
.akg-source .tip { margin:12px 0; padding:11px 15px; border-left:3px solid var(--blue); background:#eef5fe; border-radius:0 12px 12px 0; }
.akg-source .warn { margin:12px 0; padding:12px 15px; background:#fff4de; border-radius:12px; }
.akg-source .path { margin:9px 0; padding:9px 12px; background:#ecf1f7; border-radius:10px; font-weight:650; }
.akg-source .pill { display:inline-block; margin:3px; padding:4px 9px; color:#11548f; background:#e7f2fc; border-radius:99px; font-size:12px; }
.akg-source ol, .akg-source ul { padding-left:24px; margin:8px 0 14px; }
.akg-source li { margin:6px 0; }
.akg-source img, .akg-gallery img { max-width:100%; height:auto; border-radius:12px; display:block; margin:12px auto; border:1px solid var(--line); }
.akg-source table { width:100%; border-collapse:collapse; display:block; overflow-x:auto; }
.akg-source th, .akg-source td { padding:8px 10px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; min-width:90px; }
.akg-source .chan { display:flex; align-items:center; gap:9px; }
.akg-source .chan .ic { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; background:var(--blue); color:#fff; }
.akg-gallery { padding:15px 20px; display:grid; gap:16px; }
.akg-gallery img { margin:0 auto; }
.akg-checklist { margin:28px 0 0; padding:22px; border:1px solid #d7e6f7; border-radius:18px; background:#f5f9fd; }
.akg-checklist h3 { margin:0 0 4px; font-size:20px; } .akg-checklist > p { color:var(--muted); margin:0 0 14px; }
.akg-checklist label { display:flex; align-items:flex-start; gap:10px; padding:9px 0; border-top:1px solid #e2ecf7; cursor:pointer; }
.akg-checklist input { flex:0 0 auto; width:18px; height:18px; margin:3px 0 0; accent-color:var(--blue); }
.akg-checklist input:checked + span { color:var(--muted); text-decoration:line-through; }
.akg-finish { margin:16px 0 35px; padding:20px 22px; border-radius:17px; background:#1e2937; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:15px; }
.akg-finish p { margin:0; max-width:370px; color:#d6dfe9; }
.akg-finish-button, .akg-ai-form button { border:0; border-radius:11px; padding:11px 17px; background:var(--blue); color:#fff; font-weight:700; white-space:nowrap; }
.akg-finish-button:disabled, .akg-ai-form button:disabled { opacity:.5; cursor:not-allowed; }
.akg-ai { max-width:925px; margin:28px 0; padding:22px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.akg-ai-title { display:flex; align-items:center; gap:12px; margin-bottom:17px; }
.akg-ai-title strong, .akg-ai-title small { display:block; } .akg-ai-title strong { font-size:19px; }
.akg-ai-title small, .akg-ai-form small { color:var(--muted); }
.akg-ai-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#eaf3fd; color:var(--blue); font-size:22px; }
.akg-ai-form label { display:block; margin-bottom:7px; font-weight:650; }
.akg-ai-form > div { display:flex; gap:8px; }
.akg-ai-form input { min-width:0; flex:1; border:1px solid #c7d1db; border-radius:11px; padding:10px 12px; background:#fff; color:var(--ink); }
.akg-ai-form small { display:block; margin-top:10px; }
.akg-ai-log:empty { display:none; }
.akg-ai-entry { margin:0 0 13px; padding:15px; border-radius:13px; background:#f4f8fc; }
.akg-ai-entry strong { display:block; margin-bottom:8px; } .akg-ai-entry p { white-space:pre-wrap; margin:0 0 6px; }
.akg-ai-entry small { color:var(--muted); }
.akg-ai-sources { display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; }
.akg-ai-sources button { padding:5px 9px; border:1px solid #c9dced; border-radius:9px; color:#125991; background:#fff; font-size:12px; }
.akg-locked { padding:22px; border-radius:14px; background:#f6f7f9; }
@media(max-width:860px) { .akg-layout { grid-template-columns:1fr; } .akg-nav { position:static; display:flex; overflow-x:auto; } .akg-nav-item { min-width:175px; } .akg-nav-item--appendix { border-top:0; margin-top:0; } }
@media(max-width:620px) { .akg { padding:0 12px; margin:12px auto 45px; } .akg-header { display:block; padding:23px; } .akg-progress { margin-top:18px; width:170px; } .akg-source { padding:15px; } .akg-source .row { display:block; } .akg-source .row > *, .akg-source .col { margin-bottom:11px; } .akg-finish, .akg-ai-form > div { display:block; } .akg-finish-button, .akg-ai-form button { margin-top:12px; width:100%; } .akg-ai-form input { width:100%; } .akg-asia { padding:14px; } }
.akg-openall { margin: 10px 0 0; font-size: 13.5px; color: #55606f; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.akg-openall-btn { border: 1px solid #c7d0dc; background: #fff; border-radius: 999px; padding: 7px 14px; font: 600 13px/1 inherit; color: #1e2937; cursor: pointer; }
.akg-openall-btn:hover { background: #f4f8fc; }