/* 「教练对你的了解」（rc3n-20261023） */
.km{display:grid;gap:18px}
.km-sec{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--line,#e7e8ec);border-radius:14px;background:var(--panel,#fff)}
.km-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.km-title{margin:0;font-size:16px;font-weight:700;color:var(--ink,#1f2430)}
.km-hint{font-size:12.5px;color:var(--ink-3,#8a9099)}
.km-group{margin-top:6px;font-size:13px;font-weight:600;color:var(--ink-2,#55606e)}
.km-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main acts" "meta acts";gap:2px 12px;padding:9px 0;border-top:1px dashed var(--line,#eceef2)}
.km-head+.km-row,.km-group+.km-row{border-top:0}
.km-main{grid-area:main;min-width:0;font-size:14.5px;line-height:1.65;overflow-wrap:anywhere}
.km-k{display:inline-block;margin-right:8px;padding:0 8px;border-radius:999px;background:var(--hover,#f3f4f6);color:var(--ink-2,#55606e);font-size:12.5px;line-height:21px;vertical-align:1px;white-space:nowrap}
.km-v{color:var(--ink,#1f2430)}
.km-tag{margin-left:8px;font-size:12px;color:var(--ink-3,#8a9099);white-space:nowrap}
.km-form{padding:6px 0}
.km-task .km-v{display:block;margin-top:2px;font-size:13.5px;color:var(--ink-2,#55606e)}
.km-meta{grid-area:meta;font-size:12px;color:var(--ink-3,#8a9099)}
.km-acts{grid-area:acts;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px}
.km-btn{min-height:28px;padding:2px 10px;border:1px solid var(--line,#dfe2e7);border-radius:8px;background:transparent;color:var(--ink-2,#55606e);font:inherit;font-size:12.5px;cursor:pointer}
.km-btn:hover{border-color:var(--accent,#c0392b);color:var(--accent,#c0392b)}
.km-btn.km-del:hover{background:#fdf0ef}
.km-link{padding:0;border:0;background:none;color:var(--accent,#c0392b);font:inherit;cursor:pointer;text-align:left}
.km-link:hover{text-decoration:underline}
.km-task-title{font-weight:600}
.km-empty{font-size:13px;color:var(--ink-3,#8a9099);line-height:1.6}
.km-add{justify-self:start;margin-top:4px;min-height:32px;padding:4px 14px;border:1px dashed var(--accent,#c0392b);border-radius:10px;background:transparent;color:var(--accent,#c0392b);font:inherit;font-size:13.5px;cursor:pointer}
.km-paused .km-v{color:var(--ink-3,#8a9099);text-decoration:line-through}
.km-paused-sec summary{cursor:pointer}
@media (max-width:640px){
  .km-sec{padding:12px}
  .km-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "meta" "acts"}
  .km-acts{justify-content:flex-start}
  .km-btn{min-height:32px;padding:4px 12px}
}