.ptv8-shell{max-width:1180px;margin:18px auto;background:#fff;border:1px solid #dce8e2;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #175b3c18;color:#104e32}.ptv8-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e4eee9;background:#fff;gap:12px}.ptv8-crumb{font-weight:800;color:#176944}.ptv8-timer{display:flex;align-items:center;gap:9px;border:1px solid #9bd9bb;border-radius:12px;padding:8px 14px;font-weight:900;color:#0d7147;background:#f7fffb}.ptv8-grid{display:grid;grid-template-columns:250px 1fr;min-height:510px}.ptv8-side{padding:22px;background:linear-gradient(180deg,#effbf4,#e5f6ed);border-right:1px solid #d7e9df}.ptv8-cover{width:145px;max-height:190px;object-fit:contain;display:block;margin:0 auto 14px;border-radius:8px;box-shadow:0 8px 20px #175b3c22}.ptv8-unit-title{font-size:1.05rem;font-weight:900;margin-top:10px}.ptv8-unit-name{color:#406b58;margin:4px 0 18px}.ptv8-progressbar{height:8px;background:#cfe0d8;border-radius:20px;overflow:hidden}.ptv8-progressbar i{display:block;height:100%;background:#18a565;width:0}.ptv8-stat{display:flex;justify-content:space-between;margin-top:9px;font-size:.9rem}.ptv8-main{padding:24px 30px}.ptv8-qhead{display:flex;justify-content:space-between;align-items:center;background:#e8f8ef;border-radius:14px;padding:12px 16px;color:#0c7548;font-weight:900}.ptv8-question{font-size:1.35rem;line-height:1.35;margin:25px 0 18px;color:#0d482d}.ptv8-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ptv8-option{border:1.5px solid #d3eae0;border-radius:12px;padding:14px 15px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:11px;background:#fff}.ptv8-option:hover{border-color:#21a568}.ptv8-option.selected{border-color:#0da15d;background:#edfbf4;color:#086b42}.ptv8-letter{width:34px;height:34px;border-radius:50%;background:#edf8f3;display:grid;place-items:center;font-weight:900}.selected .ptv8-letter{background:#15a563;color:#fff}.ptv8-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.ptv8-btn{border:1px solid #cbe7da;background:#fff;border-radius:11px;padding:12px 22px;font-weight:900;cursor:pointer}.ptv8-btn.primary{background:#109e5e;color:#fff;border-color:#109e5e}.ptv8-btn.finish{background:#f72565;color:#fff;border-color:#f72565}.ptv8-btn.print{display:inline-flex;align-items:center;gap:8px}.ptv8-result{max-width:1180px;margin:18px auto}.ptv8-summary{background:linear-gradient(135deg,#f3fef9,#fff);border:1px solid #d9efe5;border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr 220px;gap:20px;box-shadow:0 14px 38px #175b3c16}.ptv8-summary h2{font-size:1.7rem;color:#117045;margin:0 0 12px}.ptv8-badge{font-size:1.15rem;font-weight:950;color:#f28a00}.ptv8-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ptv8-details div{background:#f7fcfa;border-radius:9px;padding:9px 12px;display:flex;justify-content:space-between;gap:15px}.ptv8-score{display:grid;place-items:center;text-align:center}.ptv8-ring{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16a466 var(--p),#f2a21b 0);position:relative}.ptv8-ring:after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:white}.ptv8-ring strong{position:relative;z-index:1;font-size:1.7rem;color:#127046}.ptv8-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.ptv8-review{background:#fff;border:1px solid #dce8e2;border-radius:20px;padding:20px}.ptv8-review h2{color:#126a42}.ptv8-review-card{border:1.5px solid #dce7e2;border-radius:15px;padding:14px;margin:12px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.ptv8-review-card.correct{border-color:#a6dfc0;background:#fbfffd}.ptv8-review-card.wrong{border-color:#ffb8bd;background:#fffafa}.ptv8-review-card.skipped{border-color:#ead39c;background:#fffdf7}.ptv8-review-card .status{border-radius:12px;padding:12px;background:#f7faf8}.correct .status{background:#eaf9f1;color:#087443}.wrong .status{background:#fff0f1;color:#c92336}.skipped .status{background:#fff6df;color:#9b6412}.ptv8-miniopts{display:grid;gap:6px;margin-top:9px}.ptv8-miniopt{border:1px solid #ddeee6;border-radius:8px;padding:7px 10px}.ptv8-miniopt.right{border-color:#48b77c;background:#edf9f2}.ptv8-miniopt.given-wrong{border-color:#ff7d88;background:#fff0f1}.ptv8-explain{margin-top:9px;padding-top:8px;border-top:1px solid currentColor;font-size:.9rem;line-height:1.35}.ptv8-units{font-weight:800;color:#335546}.ptv8-print-icon{font-size:1.1rem}@media(max-width:760px){.ptv8-grid{grid-template-columns:1fr}.ptv8-side{border-right:0;border-bottom:1px solid #d7e9df;padding:14px}.ptv8-cover{width:90px;max-height:120px;float:left;margin:0 14px 8px 0}.ptv8-main{padding:18px}.ptv8-options{grid-template-columns:1fr}.ptv8-summary{grid-template-columns:1fr}.ptv8-review-card{grid-template-columns:1fr}.ptv8-details{grid-template-columns:1fr}.ptv8-top{padding:10px}.ptv8-crumb{font-size:.82rem}}
.ptv8-rtl .ptv8-grid{direction:rtl}.ptv8-rtl .ptv8-side{border-right:0;border-left:1px solid #d7e9df;text-align:right}.ptv8-rtl .ptv8-main{text-align:right}.ptv8-rtl .ptv8-option{direction:rtl;text-align:right}.ptv8-rtl .ptv8-qhead,.ptv8-rtl .ptv8-nav{direction:rtl}.ptv8-rtl .ptv8-crumb{direction:rtl}.ptv8-rtl .ptv8-timer{direction:ltr}.ptv8-rtl .ptv8-stat{direction:rtl}.ptv8-rtl .ptv8-review-card{direction:rtl;text-align:right}@media(max-width:760px){.ptv8-rtl .ptv8-side{border-left:0}}
.ptv8-fill{width:100%;box-sizing:border-box;border:2px solid #cfe0d7;border-radius:14px;padding:16px 18px;font:inherit;font-size:1.05rem;outline:none;background:#fff}.ptv8-fill:focus{border-color:#15965b;box-shadow:0 0 0 4px rgba(21,150,91,.1)}

/* V22 mobile test layout fixes */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .ptv8-shell{width:calc(100% - 16px);max-width:none;margin:8px auto;border-radius:16px;box-sizing:border-box}
  .ptv8-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px}
  .ptv8-crumb{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}
  .ptv8-timer{margin-left:auto;white-space:nowrap;padding:7px 10px}
  .ptv8-grid{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
  .ptv8-side,.ptv8-main{min-width:0;width:auto;box-sizing:border-box}
  .ptv8-side{padding:12px 14px;overflow:hidden}
  .ptv8-cover{float:none;width:78px;max-height:105px;margin:0 auto 10px}
  .ptv8-unit-title,.ptv8-unit-name{text-align:center}
  .ptv8-unit-name{margin-bottom:12px;overflow-wrap:anywhere}
  .ptv8-stat{width:100%;box-sizing:border-box;gap:12px}
  .ptv8-main{padding:14px 12px}
  .ptv8-qhead{display:flex;flex-wrap:wrap;gap:10px;padding:12px;align-items:center}
  .ptv8-qhead>span{flex:1 1 auto;min-width:110px}
  .ptv8-qhead .ptv8-print-test{flex:0 0 auto;padding:9px 12px;font-size:.9rem;white-space:nowrap}
  .ptv8-question{font-size:1.18rem;line-height:1.42;margin:20px 2px 16px;overflow-wrap:anywhere}
  .ptv8-options{grid-template-columns:minmax(0,1fr);width:100%}
  .ptv8-option{width:100%;min-width:0;box-sizing:border-box;padding:13px 12px;overflow-wrap:anywhere}
  .ptv8-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;align-items:stretch}
  .ptv8-nav .ptv8-btn{width:100%;min-width:0;box-sizing:border-box;padding:11px 6px;font-size:.9rem;line-height:1.2;white-space:normal}
  .ptv8-summary,.ptv8-review,.ptv8-result{width:100%;max-width:100%;box-sizing:border-box}
  .ptv8-summary{padding:16px}
  .ptv8-details div{min-width:0;overflow-wrap:anywhere}
  .ptv8-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .ptv8-actions .ptv8-btn{width:100%;box-sizing:border-box;text-align:center}
}
@media(max-width:390px){
  .ptv8-nav{grid-template-columns:1fr 1fr}
  .ptv8-nav .ptv8-submit{grid-column:1/-1;grid-row:1}
  .ptv8-nav .ptv8-prev{grid-column:1}
  .ptv8-nav .ptv8-next{grid-column:2}
}