/* Free practice papers page (/practice-papers) */
.pp5 .section{max-width:980px;margin:0 auto}
.pp5-steps{display:flex;gap:10px;list-style:none;margin:0 0 22px;padding:0;flex-wrap:wrap}
.pp5-steps li{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--tf-muted)}
.pp5-steps li b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9edf3;color:var(--logo-deep);font-size:13px}
.pp5-steps li.on{color:var(--logo-deep)}
.pp5-steps li.on b{background:var(--logo-red);color:#fff}
.pp5-steps li.done b{background:var(--logo-deep);color:#fff}
.pp5-steps li+li:before{content:"";width:22px;height:2px;background:var(--tf-border);margin-right:2px}
.pp5-card{background:#fff;border:1px solid var(--tf-border);border-radius:var(--tf-r);box-shadow:var(--tf-shadow);padding:28px;max-width:640px}
.pp5-card h2{margin:0 0 6px;font-size:24px}
.pp5-card>p{margin:0 0 18px}
.pp5-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.pp5 label{display:block;font-weight:700;font-size:14px;color:var(--logo-deep);margin-bottom:6px}
.pp5 label span{font-weight:500;color:var(--tf-muted)}
.pp5 input,.pp5 select{width:100%;box-sizing:border-box;font:500 16px var(--font);color:var(--tf-ink);background:#fff;border:1.5px solid #cdd5e1;border-radius:10px;padding:12px 14px;min-height:48px}
.pp5 input:focus,.pp5 select:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--logo-deep)}
.pp5 .pp5-code{max-width:220px;font-size:26px;letter-spacing:.35em;text-align:center;margin-bottom:16px;display:block}
.pp5-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.pp5-card .btn{border:0;cursor:pointer;font-size:16px;padding:14px 22px}
.pp5-card .btn[disabled]{opacity:.6;cursor:wait}
.pp5-msg{min-height:1.4em;margin:12px 0 0;font-weight:600}
.pp5-msg.err{color:var(--tf-red-dark)}
.pp5-msg.ok{color:#1d6b3a}
.pp5-links{margin:14px 0 0;font-size:14px}
.pp5-link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--logo-red);text-decoration:underline;cursor:pointer}
.pp5-link[disabled]{color:var(--tf-muted);cursor:default;text-decoration:none}
.pp5-bar p{margin:0 0 14px;font-size:14px}
.pp5-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.pp5-list{display:grid;gap:10px}
.pp5-item{display:flex;align-items:center;gap:14px;justify-content:space-between;background:#fff;border:1px solid var(--tf-border);border-radius:14px;padding:14px 16px}
.pp5-item h3{margin:0;font-size:16px}
.pp5-item p{margin:3px 0 0;font-size:13px}
.pp5-item .btn{flex:none;padding:10px 16px;font-size:14px;width:auto;margin:0}
.pp5-soon{flex:none;font-size:13px;font-weight:700;color:var(--tf-muted);background:var(--tf-bg);border-radius:999px;padding:6px 12px}
.pp5-empty{font-size:16px}
@media (max-width:640px){
  .pp5-card{padding:20px}
  .pp5-grid,.pp5-filters{grid-template-columns:1fr}
  .pp5-item{flex-wrap:wrap}
  .pp5-item .btn{width:100%}
}