.task6-0-page .perceptron-hero h1 { font-size:clamp(2.2rem,5vw,4.2rem); overflow-wrap:anywhere; hyphens:auto; }
.task6-0-page .page-shell { width:min(1600px,calc(100% - 44px)); }
.task6-0-page .tab-list { grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-flow:row; }
.task6-0-page .task6-0-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,420px); gap:1.2rem; align-items:start; }
.task6-0-page .task6-0-content { grid-column:2; grid-row:1; min-width:0; }
.task6-0-page .task6-0-layout:has(> .task6-0-ide[hidden]) > .task6-0-content { grid-column:1 / -1; }
.task6-0-page .task6-0-ide { grid-column:1; grid-row:1; min-width:0; position:sticky; top:1rem; max-height:calc(100dvh - 2rem); overflow-y:auto; }
.task6-0-page .task6-0-ide:focus-visible { outline:3px solid #f0a202; outline-offset:3px; }
.task6-0-page .task6-0-ide h2 { margin:.2rem 0; }
.task6-0-page .task6-0-ide p { margin:.4rem 0 .75rem; }
.task6-0-page .ide-container { border:1px solid #b9d1df; border-radius:.85rem; overflow:hidden; background:#fff; }
.task6-0-page .ide-container iframe { display:block; width:100%; height:clamp(360px,calc(100dvh - 12rem),700px); border:0; }
.task6-0-page .task6-0-block { margin:0 0 1rem; min-width:0; }
.task6-0-page .task6-0-block h3 { margin-top:0; }
.task6-0-page .task6-0-block .input-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.task6-0-page #final-quiz { width:100%; }
.task6-0-page .class-declarations { margin:.8rem 0; }
.task6-0-page .task6-0-code { max-width:100%; overflow-x:auto; padding:.7rem; border-radius:.4rem; background:#edf6fb; }
.task6-0-page .task6-0-code code { white-space:pre; }
.task6-0-page .object-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.task6-0-page .object-card { display:grid; gap:.2rem; min-width:0; padding:.8rem; border:2px solid #126e9c; border-radius:.85rem; background:#fff; }
.task6-0-page .class-builder { display:grid; gap:.75rem; min-width:0; }
.task6-0-page .knn-bank { display:flex; flex-wrap:wrap; gap:.5rem; min-height:3.4rem; padding:.6rem; border:1px dashed #9db4c2; border-radius:.6rem; background:#f9fcfe; }
.task6-0-page .knn-card { min-height:44px; max-width:100%; border:1px solid #b9d1df; border-radius:9px; padding:8px 12px; color:#12324a; background:#fff; font:inherit; font-weight:750; text-align:left; cursor:grab; touch-action:none; overflow-wrap:anywhere; }
.task6-0-page .knn-card.is-picked,.task6-0-page .knn-slot.is-picked { outline:3px solid #126e9c; outline-offset:2px; }
.task6-0-page .knn-slots { display:grid; gap:.5rem; }
.task6-0-page .class-card,.task6-0-page [data-card-kind="class"] { border-radius:0!important; }
.task6-0-page .class-card { border:2px solid #126e9c; padding:.7rem; background:#fff; }
.task6-0-page .class-card-title { margin:.1rem 0 .5rem; text-align:center; }
.task6-0-page .knn-slot { display:grid; grid-template-columns:5.5rem minmax(0,1fr); align-items:center; gap:.6rem; min-width:0; min-height:48px; padding:6px 10px; border:2px dashed #126e9c; border-radius:0; background:#eef6fb; color:#12324a; font:inherit; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.task6-0-page .knn-slot.section-start { margin-top:.5rem; border-top:4px solid #12324a; }
.task6-0-page .knn-slot.is-filled { border-style:solid; background:#fff; }
.task6-0-page .knn-slot-label { font-weight:800; color:#126e9c; }
.task6-0-page .task6-0-reset { margin:1rem 0; }
.task6-0-page .task6-0-next-link { display:inline-flex; align-items:center; text-decoration:none; }
.task6-0-page .task6-0-next-link:hover { color:#fff; }
.task6-0-page .remember[hidden],.task6-0-page .task6-0-ide[hidden],.task6-0-page .feedback[hidden] { display:none!important; }
.task6-0-page .remember { margin:1rem 0; }
.task6-0-page #quiz-summary li { margin:.7rem 0; }
.task6-0-page #quiz-summary p { margin:.25rem 0; }
.task6-0-page .knn-card:focus-visible,.task6-0-page .knn-slot:focus-visible,.task6-0-page summary:focus-visible { outline:3px solid #f0a202; outline-offset:3px; }
@media(max-width:1150px) {
  .task6-0-page .task6-0-layout { grid-template-columns:1fr; }
  .task6-0-page .task6-0-content,.task6-0-page .task6-0-ide { grid-column:1; grid-row:auto; }
  .task6-0-page .task6-0-ide { position:static; max-height:none; overflow:visible; }
  .task6-0-page .ide-container iframe { height:650px; }
}
@media(max-width:700px) {
  .task6-0-page .tab-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .task6-0-page .task6-0-block .input-grid,.task6-0-page .object-cards { grid-template-columns:1fr; }
  .task6-0-page .knn-slot { grid-template-columns:4.6rem minmax(0,1fr); }
}
@media(min-width:701px) and (max-width:1050px) {
  .task6-0-page .tab-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
}