:root{--jawa-red:#c8102e;--jawa-dark:#141414;--jawa-grey:#f2f2f2;--link-blue:#1b8fd0;--link-blue-hover:#1473a8;--accent-gold:#e5a00d}*{box-sizing:border-box}body{background:var(--jawa-grey);color:#222;margin:0;font-family:Arial,Helvetica,sans-serif}.wrap{background:#fff;flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 12px #0000001f}main{flex:1}header.top{border-top:4px solid var(--jawa-red);background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 24px 8px;display:flex}header.top img.logo{object-fit:contain;height:50px}.header-controls{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.top-bar-links{align-items:center;gap:12px;font-size:13px;display:flex}.top-link{color:var(--link-blue);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:none}.top-link:hover{text-decoration:underline}.wishlist-pill{letter-spacing:.5px;font-weight:700}.user-section{align-items:center;gap:10px;display:flex}.user-name{color:#333;align-items:center;gap:6px;font-weight:700;display:flex}.role-badge{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:400}.role-badge.role-admin{color:#b91c1c;background:#fee2e2}.role-badge.role-editor{color:#b45309;background:#fef3c7}.admin-btn{text-transform:uppercase;background:#2563eb;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700;color:#fff!important}.admin-btn:hover{background:#1d4ed8;text-decoration:none!important}.logout-btn{color:#888}.logout-btn:hover{color:#c8102e}.auth-links{gap:12px;display:flex}.main-nav{gap:8px;display:flex}.main-nav a{color:#444;letter-spacing:.5px;border-radius:3px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.main-nav a:hover{color:var(--link-blue);background:#f7f9fa}.main-nav a.active{background:var(--link-blue);color:#fff}.crumbs{color:#777;background:#fafafa;border-bottom:1px solid #f0f0f0;padding:12px 24px;font-size:13px}.crumbs a{color:var(--link-blue);text-decoration:none}.crumbs a:hover{text-decoration:underline}.btn{background:var(--jawa-red);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:3px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.1)}.btn.blue{background:var(--link-blue)}.btn.blue:hover{background:var(--link-blue-hover)}table.parts{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}table.parts th,table.parts td{text-align:left;border:1px solid #ddd;padding:8px 10px}table.parts th{color:#333;background:#f7f7f7;font-weight:600}table.parts tr:hover{background:#fbfbfb}table.parts tr.highlighted{outline:2px solid #e5a00d;background:#fff9db!important}.grid3{border:1px solid #ddd;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.grid3 .cell{text-align:center;background:#fff;border:1px solid #ddd;flex-direction:column;justify-content:space-between;padding:14px;display:flex}.grid3 .cell a{color:var(--link-blue);font-size:14px;font-weight:700;text-decoration:none}.grid3 .cell a:hover{text-decoration:underline}aside.catalog-sidebar{flex-shrink:0;width:230px}aside.catalog-sidebar h3{margin:0 0 12px;font-size:16px}aside.catalog-sidebar select,aside.catalog-sidebar input{border:1px solid #ccc;border-radius:3px;width:100%;margin-bottom:8px;padding:8px;font-size:13px}.sidebar-cat-list{max-height:600px;margin:0;padding:0;font-size:13px;list-style:none;overflow-y:auto}.sidebar-cat-list li{margin-bottom:6px}.sidebar-cat-list a{color:#333;border-radius:2px;padding:4px 6px;text-decoration:none;display:block}.sidebar-cat-list a:hover{color:var(--link-blue);background:#f0f4f8}.sidebar-cat-list a.active{background:var(--link-blue);color:#fff;font-weight:700}.diagram-container{-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ddd;max-width:100%;margin-bottom:16px;display:inline-block;position:relative}.diagram-img{max-width:100%;height:auto;display:block}.hotspot-point{color:#fff;cursor:pointer;z-index:10;background:#c8102ee6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;transition:transform .15s,background .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.hotspot-point:hover,.hotspot-point.active{z-index:20;background:#1b8fd0;transform:translate(-50%,-50%)scale(1.3)}footer.bot{background:var(--jawa-dark);color:#ccc;margin-top:30px;padding:22px 24px;font-size:13px}footer.bot a{color:var(--link-blue);text-decoration:none}@media (max-width:760px){.grid3{grid-template-columns:1fr 1fr}header.top{flex-direction:column;align-items:flex-start;gap:12px}.header-controls{align-items:flex-start;width:100%}}@media (max-width:520px){.grid3{grid-template-columns:1fr}}