.kit-tabs { display:flex;flex-wrap:wrap;gap:8px;margin:24px 0; }
.kit-panel { margin-bottom:28px; }
.kit-workspace { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start; }
.kit-workspace>*, .kit-rewrite>* { min-width:0; }
.kit-workspace aside { border-left:2px solid var(--line);padding-left:20px; }
.kit-workspace details.card { margin-top:16px; }
.kit-example-text { overflow-wrap:anywhere; }
.kit-annotated-line { display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.5fr);gap:16px;align-items:start; }
.kit-annotated-line>p { margin:3px 0;white-space:pre-wrap; }
.kit-annotated-line:not(:has(.kit-note)) { grid-template-columns:minmax(0,1fr); }
.kit-note { background:var(--surface-2);border-left:3px solid var(--copper);border-radius:5px;padding:10px 12px;font-size:.83rem;line-height:1.5;margin:6px 0; }
.kit-note summary { cursor:pointer;font-weight:700; }
.kit-note p { margin:8px 0 0; }
.kit-text-gap { height:12px; }
.kit-rewrite { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.kit-rewrite>div { background:var(--surface-2);padding:14px;border-radius:8px; }
.kit-check { align-items:flex-start;flex-wrap:nowrap; }
.kit-check input { flex-shrink:0;margin-top:5px; }
.kit-builder textarea { width:100%;box-sizing:border-box; }
@media(max-width:900px) { .kit-workspace,.kit-annotated-line { grid-template-columns:minmax(0,1fr); } .kit-workspace aside { border-left:0;padding-left:0; } }
@media(max-width:540px) { .kit-rewrite { grid-template-columns:minmax(0,1fr); } .kit-tabs .btn { padding:9px 11px; } }

.kit-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }