.kw-answer{font-size:1.06rem;max-width:74ch;margin:6px 0 10px}
.kw-upd{font-size:.86rem;color:var(--muted);margin:0 0 12px}
.kw-facts{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:10px 16px 10px 34px;margin:10px 0 18px;max-width:74ch}
.kw-facts li+li{margin-top:4px}
.kw-wrap{overflow-x:auto;margin:8px 0 16px;max-width:100%}
.kw-wrap table.data{min-width:520px}
.kw-row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:end;margin:10px 0}
.kw-row label.kw-f{display:flex;flex-direction:column;gap:3px;font-size:.88rem;font-weight:600;color:var(--muted)}
.kw-row select{font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;min-height:44px;max-width:100%}
.kw-panel{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:var(--surface)}
.kw-panel[hidden]{display:none}
.kw-now{font:800 clamp(1.4rem,5vw,2rem)/1.15 var(--head);color:var(--brand);margin:2px 0}
.kw-clock{font:800 clamp(2rem,9vw,3.4rem)/1 var(--head);font-variant-numeric:tabular-nums;color:var(--ink);margin:6px 0}
.kw-meta{font-size:.9rem;color:var(--muted);margin:2px 0}
.kw-bar{height:10px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;margin:8px 0}
.kw-bar i{display:block;height:100%;width:0;background:var(--brand)}
.kw-notes{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:8px 0;min-height:2.2em}
.kw-notes li{padding:4px 10px;border:2px solid var(--line-2);border-radius:8px;font-weight:700;min-width:2.6em;text-align:center;background:var(--surface)}
.kw-notes li.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);outline:3px solid var(--accent);outline-offset:1px}
.kw-assess{display:inline-block;font-size:.8rem;font-weight:700;border:1px solid var(--line-2);border-radius:999px;padding:2px 10px;margin:4px 0;color:var(--ink);background:var(--surface-2)}
.kw-steps li{margin:4px 0}
.kw-steps .kw-t{font-weight:700;font-variant-numeric:tabular-nums}
.kw-song{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.kw-song .btn{flex:none}
.kw-kidsw{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:.95rem;cursor:pointer;margin:0 0 6px}
.kw-kidsw input{width:22px;height:22px;accent-color:var(--brand);flex:none}
.kw-kids .tool .btn,.kw-kids .tool select{font-size:1.2rem;min-height:56px;padding:12px 20px}
.kw-kids .kw-now{font-size:clamp(1.8rem,7vw,2.6rem)}
.kw-kids .kw-notes li{font-size:1.4rem;padding:8px 14px}
.kw-kids .kw-notes li[data-n=C]{background:#ff6b6b;color:#111}.kw-kids .kw-notes li[data-n=D]{background:#ffa94d;color:#111}.kw-kids .kw-notes li[data-n=E]{background:#ffe066;color:#111}.kw-kids .kw-notes li[data-n=F]{background:#69db7c;color:#111}.kw-kids .kw-notes li[data-n=G]{background:#38d9a9;color:#111}.kw-kids .kw-notes li[data-n=A]{background:#74c0fc;color:#111}.kw-kids .kw-notes li[data-n=B]{background:#b197fc;color:#111}
.kw-feel{border:0;padding:0;margin:8px 0}.kw-feel label{display:flex;gap:8px;align-items:center;min-height:40px}
.kw-small{font-size:.86rem;color:var(--muted)}
@media (max-width:520px){.kw-row .btn{flex:1 1 100%}}
@media print{.kw-noprint,.tool .btn{display:none}}
:root{--staff-tip-bg:#e6f4f1;--staff-tip-line:#bfe1da}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--staff-tip-bg:#143a35;--staff-tip-line:#235a52}}
:root[data-theme=dark]{--staff-tip-bg:#143a35;--staff-tip-line:#235a52}
.staff-art{margin:0 0 12px;max-width:260px;border:0;background:none;padding:0}
.staff-art img,.staff-tip img{display:block;width:100%;height:auto;background:none;border:0}
.staff-art--right{float:right;margin-left:20px}
.staff-art--left{float:left;margin-right:20px}
.prose h2{clear:both}
.staff-tip{display:flex;gap:14px;align-items:center;position:relative;background:var(--staff-tip-bg);border:1px solid var(--staff-tip-line);border-radius:16px;padding:14px 18px 14px 0;margin:22px 0 22px 10px;max-width:74ch;clear:both}
.staff-tip picture{flex:0 0 120px;margin:-30px 0 -14px -10px;align-self:flex-end}
.staff-tip div{flex:1 1 auto;min-width:0}
.staff-tip p{margin:4px 0}
.staff-tip__who{font-weight:800;color:var(--brand);font-family:var(--head)}
@media (max-width:600px){.staff-art--right,.staff-art--left{float:none;margin:8px auto 14px;max-width:180px}.staff-tip{flex-direction:column;align-items:stretch;padding:12px 16px;margin-left:0}.staff-tip picture{flex:none;width:110px;margin:-34px auto 0}}
@media (max-width:600px){.kw-stack table.data{min-width:0}.kw-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kw-stack table.data,.kw-stack tbody,.kw-stack tr,.kw-stack th,.kw-stack td{display:block;width:auto}.kw-stack caption{display:block;text-align:left;font-weight:700;padding:4px 0}.kw-stack tr{border:1px solid var(--line);border-radius:10px;margin:0 0 8px;padding:6px 10px}.kw-stack table.data th,.kw-stack table.data td{border:0;padding:2px 0;background:none}.kw-stack td:last-child:empty,.kw-stack td:last-child:only-child{display:none}}
.kw-stack caption{font-weight:700;text-align:left;padding:10px 0 6px;font-family:var(--head)}