/* Adapted from the user-supplied dist.zip. Scoped to Deep’s dashboard theme. */
.pn-theme{--yellow:#ffc120;--ink:#1a1a1a;--muted:#6b6b70;--line:#e9e9e7;--canvas:#f7f8fa;--white:#fff;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
.pn-theme *{box-sizing:border-box}
.pn-theme body{margin:0}
.pn-theme a{color:inherit;text-decoration:none}
.pn-theme button{font:inherit}
.pn-theme a, .pn-theme button{-webkit-tap-highlight-color:transparent}
.pn-theme a:focus-visible, .pn-theme button:focus-visible{outline:3px solid #956900;outline-offset:5px}
.pn-theme .dt-icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.pn-theme span[data-icon]{display:inline-flex;align-items:center;justify-content:center}
.pn-theme .dt-header{height:90px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:25px;position:sticky;top:0;z-index:10}
.pn-theme .dt-brand{display:flex;align-items:center}
.pn-theme .dt-brand img{width:205px;height:auto;max-height:49px;object-fit:contain}
.pn-theme .dt-header-divider{height:25px;width:1px;background:#ddd}
.pn-theme .dt-workspace-label{font-size:14px;color:var(--muted)}
.pn-theme .dt-account{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}
.pn-theme .dt-website-link{color:var(--muted);margin-right:7px}
.pn-theme .dt-website-link span{margin-left:7px}
.pn-theme .dt-button{display:flex;align-items:center;justify-content:center;gap:15px;font-size:14px;font-weight:700;border-radius:100px;min-height:45px;padding:12px 22px;transition:background .18s,transform .18s}
.pn-theme .dt-button:hover{transform:translateY(-2px)}
.pn-theme .dt-yellow{background:var(--yellow)}
.pn-theme .dt-yellow:hover{background:#f5b709}
.pn-theme .dt-small{min-height:42px}
.pn-theme .dt-sidebar{position:fixed;top:90px;bottom:0;left:0;width:242px;background:white;border-right:1px solid var(--line);padding:32px 18px 18px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}
.pn-theme .dt-sidebar-label{font-size:12px;font-weight:750;letter-spacing:1.7px;padding:0 18px;margin:0 0 22px;color:#737378}
.pn-theme .dt-practice-nav{display:flex;flex-direction:column;gap:6px}
.pn-theme .dt-practice-nav a{display:flex;align-items:center;gap:14px;padding:14px 18px;min-height:49px;border-radius:12px;font-size:14px;font-weight:500;color:#626268;transition:background .15s}
.pn-theme .dt-practice-nav a:hover{background:#f5f5f4;color:var(--ink)}
.pn-theme .dt-practice-nav .dt-active{background:var(--yellow);color:var(--ink);font-weight:750}
.pn-theme .dt-selected-mark{width:6px;height:6px;background:var(--ink);border-radius:50%;margin-left:auto}
.pn-theme .dt-nav-caption{font-size:11px;letter-spacing:1.3px;color:#949497;font-weight:650;margin:22px 18px 6px}
.pn-theme .dt-nav-rule{height:1px;background:var(--line);margin:19px 16px 10px}
.pn-theme .dt-nav-arrow{margin-left:auto;font-size:18px}
.pn-theme .dt-help-card{border:1px solid #ece9df;background:#fffdf5;border-radius:16px;padding:18px;margin:36px 6px 16px}
.pn-theme .dt-help-card .dt-help-icon{background:#ffedb1;border-radius:10px;width:35px;height:35px}
.pn-theme .dt-help-card h2{font-size:16px;margin:12px 0 6px;letter-spacing:-.4px}
.pn-theme .dt-help-card p{font-size:12px;color:var(--muted);margin:0 0 17px}
.pn-theme .dt-help-card a{font-size:14px;font-weight:750;display:flex;justify-content:space-between}
.pn-theme .dt-sidebar-foot{font-size:11px;color:#8a8a8c;text-align:center}
.pn-theme .dt-menu-toggle{display:none}
.pn-theme .dt-main{margin-left:242px;padding:27px 38px 0;max-width:1700px}
.pn-theme .dt-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#828287;margin-bottom:26px}
.pn-theme .dt-breadcrumb strong{font-weight:500;color:#424247}
.pn-theme .dt-breadcrumb>span{color:#b5b5b9}
.pn-theme .dt-intro{display:flex;justify-content:space-between;align-items:center;position:relative;min-height:241px;border-bottom:1px solid #dfdfdf;padding:0 20px 31px 0;margin-bottom:29px}
.pn-theme .dt-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.4px;font-weight:750;margin-bottom:14px}
.pn-theme .dt-tiny-mic{background:var(--yellow);border-radius:50%;width:25px;height:25px}
.pn-theme .dt-tiny-mic .dt-icon{height:15px;width:15px}
.pn-theme h1{font-size:clamp(30px,3.2vw,47px);letter-spacing:-1.9px;line-height:1.18;margin:0 0 16px;font-weight:800}
.pn-theme h1>span{position:relative;display:inline-block;z-index:0}
.pn-theme h1>span:before{content:"";position:absolute;background:var(--yellow);height:13px;bottom:1px;left:0;right:0;z-index:-1;border-radius:3px}
.pn-theme .dt-intro-copy>p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.pn-theme .dt-intro-meta{display:flex;gap:23px;margin-top:21px;font-size:12px;font-weight:500;color:#505056}
.pn-theme .dt-intro-meta>span{display:flex;gap:7px;align-items:center}
.pn-theme .dt-intro-meta .dt-icon{width:16px;height:16px}
.pn-theme .dt-mascot{position:relative;width:215px;min-width:215px;height:222px;display:flex;justify-content:center;align-items:flex-end;margin-left:20px}
.pn-theme .dt-mascot:before{content:"";position:absolute;width:172px;height:172px;border-radius:50%;background:#ffedb7;bottom:0;right:7px}
.pn-theme .dt-mascot img{position:relative;object-fit:contain;width:157px;height:164px;align-self:flex-end;transform:rotate(5deg)}
.pn-theme .dt-speech{position:absolute;left:-12px;top:4px;font-size:14px;background:white;border:2px solid #1a1a1a;border-radius:14px 14px 2px 14px;padding:12px 21px;line-height:1.4;transform:rotate(-6deg);z-index:1;box-shadow:3px 3px 0 #ffc120}
.pn-theme .dt-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}
.pn-theme .dt-section-heading h2{font-size:21px;letter-spacing:-.7px;margin:0;display:flex;gap:10px;align-items:center}
.pn-theme .dt-count{font-size:12px;font-weight:600;background:#e9e9e9;border-radius:7px;padding:4px 7px;letter-spacing:0}
.pn-theme .dt-section-heading p{font-size:13px;color:var(--muted);margin:9px 0 0}
.pn-theme .dt-section-note{display:flex;align-items:center;gap:7px;font-size:12px;color:#77777b}
.pn-theme .dt-section-note .dt-icon{width:15px;height:15px}
.pn-theme .dt-test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pn-theme .dt-test-card{border:1px solid #e4e5e6;border-radius:19px;background:white;padding:23px;transition:border-color .18s,box-shadow .18s}
.pn-theme .dt-test-card:hover{border-color:#b6b6b8;box-shadow:0 5px 22px #1a1a1a07}
.pn-theme .dt-test-card.dt-featured{border:1.5px solid #eeba2e;background:linear-gradient(130deg,#fffdf5,#fff 65%)}
.pn-theme .dt-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}
.pn-theme .dt-test-symbol{width:40px;height:40px;border:1px solid #e8e8e8;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fafafa}
.pn-theme .dt-featured .dt-test-symbol{border-color:#ffda6e;background:#fff0ba}
.pn-theme .dt-test-tag{font-size:11px;color:#818187;display:flex;align-items:center;gap:5px}
.pn-theme .dt-test-tag .dt-icon{width:12px;height:12px}
.pn-theme .dt-featured .dt-test-tag{background:#fff0bc;color:#70530a;border-radius:20px;padding:5px 9px;font-weight:600}
.pn-theme .dt-test-card h3{font-size:19px;letter-spacing:-.5px;margin:0 0 16px;font-weight:750}
.pn-theme .dt-test-details{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;color:#66666c}
.pn-theme .dt-test-details span{display:flex;align-items:center;gap:6px}
.pn-theme .dt-test-details .dt-icon{width:15px;height:15px}
.pn-theme .dt-progress-label{display:flex;justify-content:space-between;font-size:11px;color:#828287;margin:24px 0 9px}
.pn-theme .dt-progress-label strong{color:#535358;font-weight:500}
.pn-theme .dt-test-card progress{display:block;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#f0f0f0;appearance:none}
.pn-theme .dt-test-card progress::-webkit-progress-bar{background:#f0f0f0;border-radius:5px}
.pn-theme .dt-test-card progress::-webkit-progress-value{background:var(--yellow)}
.pn-theme .dt-test-card progress::-moz-progress-bar{background:var(--yellow)}
.pn-theme .dt-attempted{font-size:11px;color:#929296;margin:9px 0 20px}
.pn-theme .dt-card-action{border:1px solid #e4e4e5;border-radius:100px;min-height:41px;font-size:12px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:600;background:#fff;transition:background .15s}
.pn-theme .dt-card-action .dt-icon{width:14px;height:14px}
.pn-theme .dt-card-action:hover{background:#f6f6f6}
.pn-theme .dt-featured .dt-card-action{background:var(--yellow);border-color:var(--yellow);color:#1a1a1a;justify-content:space-between;padding:0 18px}
.pn-theme .dt-featured .dt-card-action:hover{background:#f5b709}
.pn-theme .dt-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#909095;padding:30px 0;margin-top:30px;border-top:1px solid var(--line)}
.pn-theme .dt-footer a{color:#535358}
.pn-theme .dt-skip-link{position:fixed;top:-80px;left:20px;background:var(--yellow);padding:14px;z-index:30}
.pn-theme .dt-skip-link:focus{top:10px}
@media(min-width:1600px){.pn-theme .dt-main{padding-left:52px;padding-right:52px}
.pn-theme .dt-test-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* Keep the application's components inside the uploaded design's shell. */
.pn-theme { --pn-canvas: #f7f8fa; overscroll-behavior-y: none; }
.pn-theme body { background: var(--canvas); overscroll-behavior-y: none; }
.pn-theme .m-page { display: block !important; flex: none !important; height: auto; min-height: 100vh; padding-top: 90px; }
.pn-theme .m-body { display: block !important; padding: 0 !important; background: var(--canvas); }
.pn-theme .m-body .dt-main { display: block; width: calc(100% - 242px); min-width: 0; margin-left: 242px !important; margin-bottom: 0 !important; overflow: visible; background: var(--canvas); }
.pn-theme .m-subheader, .pn-theme .m-content { padding: 0; }
.pn-theme .m-subheader > .d-flex { display: block !important; }
.pn-theme .dt-header { position: fixed; top: 0; left: 0; right: 0; z-index: 102; flex-shrink: 0; }
.pn-theme .dt-sidebar { z-index: 101; }
.pn-theme .dt-header a, .pn-theme .dt-sidebar a, .pn-theme .dt-breadcrumb a,
.pn-theme .dt-card-action { color: inherit !important; text-decoration: none !important; }
.pn-theme .dt-test-card .dt-card-action { width: 100%; cursor: pointer; color: var(--ink) !important; font-family: Inter, sans-serif !important; }
.pn-theme .dt-test-card form { margin: 0; }
.pn-theme .dt-test-card { display: flex; flex-direction: column; }
.pn-theme .dt-test-card > .dt-card-action, .pn-theme .dt-test-card > form { margin-top: auto; }
.pn-theme .dt-intro h1 { font-weight: 800; }
.pn-theme .dt-icon { flex: 0 0 auto; }
.pn-theme .dt-footer { margin: 30px 38px 0 280px; }
.pn-theme .dt-page-title { font-size: 32px; font-weight: 800; letter-spacing: -1px; margin: 0 0 28px; }
.pn-theme .dt-account-menu { position: relative; }
.pn-theme .dt-account-menu summary { display: flex; align-items: center; gap: 9px; cursor: pointer; list-style: none; border: 1px solid var(--line); border-radius: 100px; padding: 10px 15px; font-size: 13px; }
.pn-theme .dt-account-menu summary::-webkit-details-marker { display: none; }
.pn-theme .dt-account-menu summary:focus-visible { outline: 3px solid #956900; outline-offset: 4px; }
.pn-theme .dt-account-name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-theme .dt-account-panel { position: absolute; top: calc(100% + 12px); right: 0; width: 270px; max-width: calc(100vw - 32px); padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 12px 40px #00000018; display: flex; flex-direction: column; gap: 10px; }
.pn-theme .dt-account-panel > span, .pn-theme .dt-account-panel > small { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.pn-theme .dt-account-panel a { padding: 10px 0; border-top: 1px solid var(--line); }
.pn-theme .dt-graph-notice { font-size: 13px; color: var(--muted); margin-bottom: 16px; }
.pn-theme .dt-score-charts { margin-bottom: 28px !important; }
.pn-theme .dt-score-charts .card-header { border: 1px solid var(--line) !important; border-bottom: 0 !important; border-radius: 16px 16px 0 0; }
.pn-theme .dt-score-charts .card-title { font-size: 16px; font-weight: 700; margin: 0; }
.pn-theme .dt-score-charts .card-content { padding: 12px 18px 18px; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 16px 16px; background: #fff; }
.pn-theme .dt-score-charts > div { min-width: 0; margin-bottom: 16px; }
.pn-theme .upgrade-notice { display: block; padding: 12px 16px; border-radius: 12px; background: #fff4d6; font-size: 13px; margin-bottom: 20px; }
.pn-theme #deep-email-verification-banner { position: static; margin: 16px 38px 16px 280px; box-shadow: none; }
.pn-theme .dt-practice-card { background: #fff; border: 1px solid var(--line); border-radius: 19px; padding: 24px; overflow-x: auto; }
.pn-theme .dt-practice-card .row { margin: 0; }
.pn-theme .dt-practice-card table { width: 100% !important; }
.pn-theme .dt-practice-card .dt-question-name { font-weight: 650; }
@media (max-width: 1150px) and (min-width: 1025px) {
  .pn-theme .m-body .dt-main { width: calc(100% - 215px); margin-left: 215px !important; }
  .pn-theme .dt-footer { margin-left: 241px; margin-right: 26px; }
  .pn-theme #deep-email-verification-banner { margin-left: 241px; margin-right: 26px; }
}
@media (max-width: 1024px) {
  .pn-theme .m-page { padding-top: 76px; }
  .pn-theme .m-body .dt-main { width: 100%; margin-left: 0 !important; }
  .pn-theme .dt-sidebar { visibility: hidden; }
  .pn-theme .dt-sidebar.dt-open { visibility: visible; }
  .pn-theme .dt-account-name { display: none; }
  .pn-theme .dt-account-menu summary { padding: 7px 10px; }
  .pn-theme .dt-footer { margin: 30px 22px 0; }
  .pn-theme #deep-email-verification-banner { margin: 12px 18px; }
  .pn-theme .dt-score-charts { margin-bottom: 12px !important; }
  .pn-theme .dt-practice-card { padding: 18px 12px; }
  .pn-theme .dt-practice-card thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .pn-theme .dt-practice-card tbody { display: block; }
  .pn-theme .dt-practice-card tbody tr { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; padding: 20px 0; border-bottom: 1px solid var(--line); background: #fff !important; }
  .pn-theme .dt-practice-card td { display: block; min-width: 0; padding: 4px; border: 0; background: transparent !important; }
  .pn-theme .dt-practice-card td:first-child { grid-column: 1 / -1; font-size: 14px; }
  .pn-theme .dt-practice-card td:nth-child(2)::before { content: 'Attempted: '; font-size: 11px; color: var(--muted); }
  .pn-theme .dt-practice-card td:nth-child(3)::before { content: 'Total questions: '; font-size: 11px; color: var(--muted); }
  .pn-theme .dt-practice-card td .btn { min-width: 0; width: 100%; white-space: normal; margin: 0 !important; padding: 10px !important; }
}
@media (max-width: 480px) {
  .pn-theme .dt-footer { margin-left: 18px; margin-right: 18px; }
  .pn-theme .dt-intro-copy { max-width: calc(100% - 94px); }
  .pn-theme .dt-intro-meta { width: calc(100% + 94px); padding-top: 12px; }
}
@media(max-width:1150px){.pn-theme .dt-sidebar{width:215px;padding-left:12px;padding-right:12px}
.pn-theme .dt-main{margin-left:215px;padding-left:26px;padding-right:26px}
.pn-theme .dt-test-grid{gap:14px}
.pn-theme .dt-test-card{padding:18px}
.pn-theme .dt-website-link{display:none}
.pn-theme .dt-mascot{min-width:170px;width:170px}
.pn-theme .dt-intro{padding-right:0}
.pn-theme h1{font-size:35px}
.pn-theme .dt-test-details{gap:10px;font-size:11px}
}
@media(max-width:950px){.pn-theme .dt-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-theme .dt-workspace-label, .pn-theme .dt-header-divider{display:none}
.pn-theme .dt-mascot{min-width:135px;width:135px}
.pn-theme .dt-mascot img{width:126px;height:143px}
.pn-theme .dt-mascot:before{width:130px;height:130px}
.pn-theme .dt-speech{font-size:12px;left:0;padding:10px 14px;top:20px}
.pn-theme .dt-intro-meta{gap:14px}
.pn-theme .dt-intro-meta>span{font-size:11px}
.pn-theme .dt-intro-copy>p{font-size:13px}
.pn-theme .dt-intro h1{font-size:30px;letter-spacing:-1.2px}
}
@media(max-width:1024px){.pn-theme .dt-header{height:76px;padding:0 20px;gap:16px}
.pn-theme .dt-brand img{width:157px}
.pn-theme .dt-account{gap:15px}
.pn-theme .dt-account .dt-button{min-height:36px;padding:8px 14px;font-size:12px}
.pn-theme .dt-account .dt-login{font-size:12px}
.pn-theme .dt-account .dt-button span{display:none}
.pn-theme .dt-menu-toggle{display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--line);border-radius:9px;width:36px;height:36px;padding:5px}
.pn-theme .dt-sidebar{top:76px;z-index:9;transform:translateX(-100%);transition:transform .2s;width:240px;box-shadow:8px 0 25px #00000010}
.pn-theme .dt-sidebar.dt-open{transform:translateX(0)}
.pn-theme .dt-main{margin-left:0;padding:23px 22px 0}
.pn-theme .dt-breadcrumb{font-size:11px;gap:9px;margin-bottom:24px}
.pn-theme .dt-intro{min-height:215px;padding-bottom:25px}
.pn-theme .dt-intro h1{font-size:32px}
.pn-theme .dt-section-heading h2{font-size:20px}
.pn-theme .dt-section-note{display:none}
.pn-theme .dt-test-details{font-size:12px}
.pn-theme .dt-intro-copy>p{font-size:13px}
.pn-theme .dt-intro-meta{flex-wrap:wrap;gap:10px}
.pn-theme .dt-mascot{margin-left:10px}
.pn-theme .dt-test-grid{gap:15px}
.pn-theme .dt-section-heading p{font-size:12px}
.pn-theme .dt-footer>span:nth-child(2){display:none}
}
@media(max-width:480px){.pn-theme .dt-header{gap:10px;padding:0 16px}
.pn-theme .dt-brand img{width:132px}
.pn-theme .dt-account{gap:12px}
.pn-theme .dt-account .dt-button{padding:8px 12px}
.pn-theme .dt-menu-toggle{width:32px;height:32px}
.pn-theme .dt-main{padding:22px 18px 0}
.pn-theme .dt-intro{align-items:flex-start}
.pn-theme .dt-intro h1{font-size:31px;max-width:260px}
.pn-theme .dt-intro h1>span{display:table}
.pn-theme .dt-intro-copy{position:relative;z-index:2}
.pn-theme .dt-intro-copy>p{font-size:12px;max-width:240px}
.pn-theme .dt-mascot{position:absolute;right:-3px;top:17px;min-width:99px;width:99px;height:151px;margin:0}
.pn-theme .dt-mascot img{width:87px;height:104px}
.pn-theme .dt-mascot:before{width:91px;height:91px;right:0}
.pn-theme .dt-speech{font-size:10px;padding:7px 10px;top:2px;left:2px}
.pn-theme .dt-eyebrow{font-size:10px;letter-spacing:1px}
.pn-theme .dt-intro-meta{margin-top:16px}
.pn-theme .dt-test-grid{grid-template-columns:1fr}
.pn-theme .dt-test-card{padding:23px}
.pn-theme .dt-test-details{gap:22px;font-size:13px}
.pn-theme .dt-test-card h3{font-size:21px}
.pn-theme .dt-card-top{margin-bottom:15px}
.pn-theme .dt-card-action{font-size:14px;min-height:44px}
.pn-theme .dt-test-tag, .pn-theme .dt-progress-label, .pn-theme .dt-attempted{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.pn-theme *{transition:none!important;scroll-behavior:auto!important}
}

/* Touch layouts: keep actions inside their cards and comfortably tappable. */
@media (max-width: 1150px) {
  .pn-theme .dt-test-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
  .pn-theme .dt-header { gap: 12px; }
  .pn-theme .dt-workspace-label, .pn-theme .dt-header-divider { display: none; }
  .pn-theme .dt-brand { flex: 0 0 auto; }
  .pn-theme .dt-account { min-width: 0; gap: 12px; }
  .pn-theme .dt-login { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
  .pn-theme .dt-menu-toggle { flex: 0 0 44px; width: 44px; height: 44px; }
  .pn-theme .dt-account .dt-button, .pn-theme .dt-account-menu summary { min-height: 44px; }
  .pn-theme .dt-account-panel { max-height: calc(100dvh - 100px); overflow-y: auto; }
  .pn-theme .dt-card-action, .pn-theme .m-content .btn { min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .pn-theme .dt-card-action { padding: 10px 14px; text-align: center; font-size: 14px; }
  .pn-theme .dt-intro-meta, .pn-theme .dt-breadcrumb, .pn-theme .dt-footer { flex-wrap: wrap; }
  .pn-theme .dt-section-heading { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .pn-theme .dt-practice-card .dataTables_filter { text-align: left; }
  .pn-theme .dt-practice-card .dataTables_filter label { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  .pn-theme .dt-practice-card .dataTables_filter input { flex: 1; min-width: 120px; width: auto; max-width: 100%; min-height: 44px; margin-left: 0; }
  .pn-theme .m-content input:not([type=checkbox]):not([type=radio]), .pn-theme .m-content select, .pn-theme .m-content textarea { max-width: 100%; font-size: 16px; }
  .pn-theme .pn-account-grid { grid-template-columns: minmax(0, 1fr); }
  .pn-theme .pn-account-side, .pn-theme .pn-account-form, .pn-theme .pn-field { min-width: 0; }
  .pn-theme .pn-avatar > div { min-width: 0; overflow-wrap: anywhere; }
  .pn-theme .pn-pricing .packages-div { min-width: 0 !important; max-width: 100%; }
  .pn-theme .pn-pricing .get-started { white-space: normal; }
  .pn-theme .dt-score-charts canvas { max-width: 100%; }
}
@media (max-width: 600px) {
  .pn-theme .dt-test-grid { grid-template-columns: minmax(0, 1fr); }
  .pn-theme .pn-form-actions { flex-direction: column; align-items: stretch; }
  .pn-theme .pn-form-actions > * { width: 100%; flex: auto; }
  .pn-theme .dt-page-title { font-size: 28px; overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .pn-theme .dt-header { padding: 0 12px; gap: 8px; }
  .pn-theme .dt-brand img { width: 104px; }
  .pn-theme .dt-account { gap: 8px; }
  .pn-theme .dt-account .dt-button { padding: 8px 10px; }
}
@media (hover: none) {
  .pn-theme .dt-button:hover, .pn-theme .btn:hover { transform: none; }
}

/* Practice cards replace the nested mobile table, without changing its data/actions. */
@media (max-width: 1024px) {
  .pn-theme .dt-practice-card { padding: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; }
  .pn-theme .dt-practice-card .dt-section-heading { margin-bottom: 18px; }
  .pn-theme .dt-practice-card .dt-section-heading h2 { display: none; }
  .pn-theme .dt-practice-card .dt-section-heading p { margin: 0; font-size: 14px; line-height: 1.6; }
  .pn-theme .dt-practice-card .dataTables_wrapper > .row > div { flex: 0 0 100%; max-width: 100%; padding: 0; }
  .pn-theme .dt-practice-card .dataTables_filter { margin-bottom: 16px; }
  .pn-theme .dt-practice-card .dataTables_filter label { width: 100%; font-size: 0; gap: 0; margin: 0; }
  .pn-theme .dt-practice-card .dataTables_filter input { width: 100%; min-height: 48px; padding: 12px 16px; font-size: 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
  .pn-theme .dt-practice-card #myTable { display: block; margin: 0 !important; border: 0 !important; background: transparent; }
  .pn-theme .dt-practice-card #myTable tbody { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .pn-theme .dt-practice-card #myTable tr { padding: 18px; gap: 14px 12px; border: 1px solid var(--line); border-radius: 16px; background: #fff !important; }
  .pn-theme .dt-practice-card #myTable td { padding: 0; border: 0 !important; }
  .pn-theme .dt-practice-card #myTable .dt-question-name { color: var(--ink); font-size: 16px; font-weight: 700; line-height: 1.5; }
  .pn-theme .dt-practice-card #myTable .dt-practice-stat { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 10px; background: var(--canvas) !important; color: var(--ink); font-size: 20px; font-weight: 700; line-height: 1.3; }
  .pn-theme .dt-practice-card #myTable td:nth-child(2)::before { content: 'Attempted'; }
  .pn-theme .dt-practice-card #myTable td:nth-child(3)::before { content: 'Total questions'; }
  .pn-theme .dt-practice-card #myTable .dt-practice-stat::before { font-size: 11px; font-weight: 500; line-height: 1.4; }
  .pn-theme .dt-practice-card #myTable td:nth-child(4), .pn-theme .dt-practice-card #myTable td:nth-child(5) { display: flex; }
  .pn-theme .dt-practice-card #myTable .btn { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 46px; border-radius: 12px !important; font-size: 13px; line-height: 1.4; box-shadow: none !important; }
  .pn-theme .dt-practice-card #myTable td:nth-child(5) .btn { background: #fff !important; color: var(--ink) !important; border: 1px solid #dedee1 !important; }
  .pn-theme .dt-practice-card #myTable td:nth-child(5) .btn.disabled { background: #f5f5f6 !important; color: #96969c !important; border-color: #eeeeef !important; opacity: 1; }
  .pn-theme .dt-practice-card #myTable .btn i { color: inherit !important; }
  .pn-theme .dt-practice-card #myTable .dataTables_empty { grid-column: 1 / -1; padding: 16px; color: var(--muted); }
  .pn-theme .dt-practice-card .dataTables_info { text-align: center; padding-top: 18px; font-size: 12px; color: var(--muted); }
}