.pk-controls { width:min(1100px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; }
.pk-controls p { color:#b8cddd; font-size:13px; line-height:1.6; }
.pk-controls-table { overflow-x:auto; border:1px solid #345369; border-radius:12px; }
.pk-controls table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }
.pk-controls th { color:#ffda45; background:#091a2b; }
.pk-controls td,.pk-controls th { padding:12px; border-bottom:1px solid #294358; }
.pk-controls td { color:#ecf4ff; }
.pk-controls tr:last-child td { border-bottom:0; }
@media(max-width:600px) { .pk-controls td,.pk-controls th { padding:9px 7px; font-size:11px; } }

.pk-controls-tabs { display:flex; gap:10px; margin:18px 0 8px; }
.pk-controls-tabs button { flex:1; min-height:44px; border:1px solid #39566b; border-radius:12px; background:#091827; color:#eaf3ff; font:inherit; font-weight:800; cursor:pointer; transition:background .15s,border-color .15s; }
.pk-controls-tabs button:hover { border-color:#ffd43b; background:#203b50; }
.pk-controls-tabs button[aria-pressed="true"] { background:linear-gradient(120deg,#ffe795,#edb923); color:#102032; border-color:#ffe795; }
.pk-controls-tabs button:focus-visible,.pk-controls-reference summary:focus-visible { outline:2px solid #ffe795; outline-offset:3px; }
.pk-controls-art { overflow-x:auto; border-radius:14px; background:radial-gradient(ellipse at center,#1d3b50,#091827 72%); }
.pk-controls-art img { display:block; width:100%; min-width:700px; }
.pk-controls-reference { margin-top:12px; }
.pk-controls-reference summary { cursor:pointer; padding:10px 0; color:#ffe28a; font-weight:700; }
@media(max-width:700px) { .pk-controls-art::before { content:'Deslize para ver a ilustração completa'; display:block; padding:10px; color:#b8cddd; font-size:12px; position:sticky; left:0; } }