.etypro-shell{--gold:#d8a935;--ink:#161616;--wine:#681d2b;color:var(--ink);max-width:1180px;margin:36px auto;padding:0 20px;font:16px/1.55 Arial,sans-serif}.etypro-shell *{box-sizing:border-box}.etypro-shell h2{font-size:clamp(28px,3.2vw,42px);line-height:1.2;margin:12px 0 20px}.etypro-shell button,.etypro-shell input{font:inherit}.etypro-shell button{cursor:pointer}.etypro-shell button:disabled{opacity:.45;cursor:not-allowed}.etypro-kicker{font-weight:800;letter-spacing:.16em;color:var(--gold);font-size:13px}.etypro-hero{background:linear-gradient(120deg,#171717,#452122);color:white;padding:clamp(28px,5vw,66px);border-radius:24px;display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:20px}.etypro-hero p{max-width:650px}.etypro-vehicle{font-size:clamp(70px,12vw,150px);text-align:center;filter:drop-shadow(0 18px 16px #0007)}.etypro-note{border-left:4px solid var(--gold);background:#fff8e9;padding:17px 22px;margin:26px 0}.etypro-note a{color:#6d2828}.etypro-counters{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.etypro-counters>div{background:#fff;border:1px solid #ead9b3;border-radius:18px;min-width:250px;padding:16px 25px;color:#865a12;font-size:26px}.etypro-counters strong{color:#161616}.etypro-counters small{display:block;font-size:12px;font-weight:800;letter-spacing:.1em}.etypro-purpose{background:#651f2c;color:white;padding:44px;border-radius:20px;margin:28px 0}.etypro-purpose span,.etypro-tiphead span{color:#ffd676;text-transform:uppercase;letter-spacing:.13em;font-weight:bold;font-size:12px}.etypro-purpose p{max-width:800px}.etypro-intro{margin:56px 0 28px}.etypro-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.etypro-steps span{background:#f7f3ed;border-radius:12px;padding:18px;color:#9d6b20;font-size:24px}.etypro-steps b,.etypro-steps small{display:block;color:#202020;font-size:15px}.etypro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.etypro-cards button{border:1px solid #e1d6ca;background:white;border-radius:18px;text-align:left;padding:24px;min-height:190px;box-shadow:0 6px 20px #0000000c;transition:transform .2s,border-color .2s}.etypro-cards button:hover{transform:translateY(-4px);border-color:var(--gold)}.etypro-cards button span{color:#966b28;font-size:12px;font-weight:bold;letter-spacing:.12em}.etypro-cards button strong{font-size:25px;display:block;margin:15px 0 5px}.etypro-cards button small{display:block;color:#555}.etypro-cards button b{display:block;color:#812835;margin-top:14px}.etypro-examnav,.etypro-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0}.etypro-examnav button,.etypro-actions button,.etypro-result button{padding:11px 19px;border-radius:8px;border:1px solid #6c2630;background:#6c2630;color:white}.etypro-examnav button[data-exam=all],.etypro-actions button[data-move=back]{background:white;color:#6c2630}.etypro-question,.etypro-result{background:#faf8f5;border:1px solid #e8ded2;padding:clamp(20px,4vw,42px);border-radius:20px}.etypro-progress{display:flex;justify-content:space-between;gap:12px;color:#692330;font-weight:bold}.etypro-bar{height:8px;background:#e9dfd2;border-radius:8px;margin:18px 0 28px}.etypro-bar i{display:block;background:#d8a935;height:100%;border-radius:8px}.etypro-question label{display:block;background:white;border:1px solid #ddd;border-radius:10px;padding:15px;margin:10px 0;cursor:pointer}.etypro-question label:has(input:checked){border-color:#8d5b12;background:#fff6dd}.etypro-question input{margin-right:12px}.etypro-result details,.etypro-tips details{padding:15px 18px;border:1px solid #e2d8cd;border-radius:10px;margin:9px 0;background:white}.etypro-result summary,.etypro-tips summary{font-weight:650;cursor:pointer}.etypro-tips{margin:65px 0}.etypro-tiphead{background:linear-gradient(120deg,#1b1b1b,#672331);border-radius:20px;color:white;display:flex;justify-content:space-between;gap:20px;padding:35px}.etypro-tiphead .etypro-vehicle{font-size:100px}.etypro-tips label{display:block;margin:25px 0;font-weight:700}.etypro-tips input{display:block;width:100%;border:1px solid #c7c2ba;border-radius:10px;padding:13px;margin-top:8px}.etypro-tips em{color:#aa7724;margin-right:12px;font-style:normal}.etypro-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.etypro-links a{color:#222;background:#fff;border:1px solid #d9cbb9;border-radius:12px;padding:18px;text-decoration:none;font-weight:700}.etypro-links a span{font-size:24px;display:block}.etypro-links a:hover{border-color:#b78b2b;color:#7a2a32}.etypro-other{margin:45px 0}@media(max-width:750px){.etypro-hero{grid-template-columns:1fr}.etypro-vehicle{font-size:85px}.etypro-steps{grid-template-columns:repeat(2,1fr)}.etypro-cards,.etypro-links{grid-template-columns:1fr 1fr}.etypro-tiphead .etypro-vehicle{display:none}}@media(max-width:520px){.etypro-shell{padding:0 12px}.etypro-cards,.etypro-links{grid-template-columns:1fr}.etypro-counters>div{width:100%}.etypro-purpose{padding:26px}.etypro-examnav button{flex:1 1 100%}.etypro-steps{gap:7px}.etypro-steps span{padding:12px}}
.etypro-vehicle img{display:block;width:100%;max-width:360px;height:auto;margin:auto}.etypro-tiphead .etypro-vehicle img{max-width:230px}
.etypro-shell{width:min(1180px,calc(100vw - 28px));max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-left:0;margin-right:0}.etypro-shell .etypro-hero h2,.etypro-shell .etypro-purpose h2,.etypro-shell .etypro-tiphead h2{color:#fff!important}.etypro-shell .etypro-hero p,.etypro-shell .etypro-purpose p,.etypro-shell .etypro-tiphead p{color:#fff!important}.etypro-shell .etypro-hero h2{text-transform:uppercase;font-weight:900;letter-spacing:.018em;text-shadow:0 3px 8px #0008}.etypro-shell .etypro-hero{min-height:390px}.etypro-shell .etypro-cards button:nth-child(5n+1){border-top:5px solid #d6a735}.etypro-shell .etypro-cards button:nth-child(5n+2){border-top:5px solid #921e2d}.etypro-shell .etypro-cards button:nth-child(5n+3){border-top:5px solid #333}.etypro-shell .etypro-cards button:nth-child(5n+4){border-top:5px solid #b97d26}.etypro-shell .etypro-cards button:nth-child(5n){border-top:5px solid #6f3840}@media(max-width:520px){.etypro-shell{width:calc(100vw - 24px)}}
.etypro-shell{width:100%;max-width:1180px;left:auto;transform:none;margin:36px auto}.etypro-shell .etypro-hero{min-height:340px}
.etypro-hero .etypro-vehicle{width:100%;filter:none}.etypro-hero .etypro-vehicle img{width:100%;max-width:none;height:260px;object-fit:cover;object-position:center;border-radius:16px;box-shadow:0 14px 28px #0006}.etypro-tiphead .etypro-vehicle{flex:0 0 190px;filter:none}.etypro-tiphead .etypro-vehicle img{width:190px;height:125px;object-fit:cover;border-radius:12px}.etypro-links a{overflow:hidden;padding:0}.etypro-links a img{display:block;width:100%;height:125px;object-fit:cover}.etypro-links a span{display:block;font-size:16px;padding:14px 18px}.etypro-credit{font-size:12px;color:#666;margin:10px 0 25px}.etypro-credit a{color:#7a2a32}@media(max-width:750px){.etypro-hero .etypro-vehicle img{height:240px}}@media(max-width:520px){.etypro-hero .etypro-vehicle img{height:210px}}
.etyca-exams__panel{max-height:min(75vh,640px)!important;overflow-y:auto!important;overscroll-behavior:contain}.etypro-float-group>summary{display:flex!important;align-items:center;list-style:none;cursor:pointer}.etypro-float-group>summary::-webkit-details-marker{display:none}.etypro-float-chevron{margin-left:auto;color:#d6a735;font-size:24px;line-height:1;transition:transform .2s}.etypro-float-group[open] .etypro-float-chevron{transform:rotate(180deg)}.etypro-float-submenu{margin:3px 0 8px 16px;padding-left:9px;border-left:2px solid #b88722}.etypro-float-submenu .etyca-exams__link{margin:5px 0;font-size:14px}.etypro-float-submenu .etyca-exams__badge{min-width:39px;width:39px;height:39px;font-size:12px}.etypro-float-all{display:block;padding:9px 11px;color:#f2d279!important;font-size:13px;font-weight:700;text-decoration:underline!important}.etypro-float-group summary:focus-visible,.etypro-float-submenu a:focus-visible{outline:2px solid #ffd65c;outline-offset:2px}
.etypro-mode{border:1px solid #d8b55d;background:#fff9ea;border-radius:13px;margin:24px 0;padding:18px 22px}.etypro-mode legend{font-weight:800;color:#59202b;padding:0 8px}.etypro-mode label{display:inline-flex;align-items:center;gap:8px;margin:8px 22px 8px 0;cursor:pointer}.etypro-mode small{display:block;clear:both;color:#555}