.iso-practical-panel{margin-top:22px;padding:24px;border:1px solid #dce4eb;border-radius:14px;background:#fff}.iso-practical-panel.is-approved{border-color:#afd8bd;background:#f8fffa}.iso-practical-panel.is-remediation{border-color:#e9c98f;background:#fffaf1}.iso-practical-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.iso-practical-panel-head h4{margin:4px 0 0;font-size:20px}.iso-practical-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#edf2f6;color:#44556a;font-size:12px;font-weight:700}.iso-practical-panel.is-approved .iso-practical-badge{background:#dff5e5;color:#176233}.iso-practical-panel.is-remediation .iso-practical-badge{background:#fff0cf;color:#8a5200}.iso-practical-panel.is-requested .iso-practical-badge,.iso-practical-panel.is-in_review .iso-practical-badge{background:#e6f0ff;color:#25569a}.iso-practical-progress-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.iso-practical-progress-row>div,.iso-practical-certified-grid>div{padding:14px;border-radius:10px;background:#f6f8fa}.iso-practical-progress-row strong,.iso-practical-progress-row span,.iso-practical-certified-grid span,.iso-practical-certified-grid strong{display:block}.iso-practical-progress-row strong{font-size:18px}.iso-practical-progress-row span,.iso-practical-certified-grid span{margin-top:2px;color:#6b7785;font-size:12px}.iso-practical-notice{padding:11px 13px;border-radius:9px;margin:12px 0;font-weight:600}.iso-practical-notice.is-success{background:#e9f8ee;color:#176233}.iso-practical-notice.is-warning{background:#fff2da;color:#8a5200}.iso-practical-feedback{margin:15px 0;padding:15px;border-left:4px solid #d59b36;background:#fff}.iso-practical-feedback p{margin:6px 0 0}.iso-practical-certified-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.iso-practical-certified-grid strong{margin-top:4px;font-size:14px}.iso-practical-request-form{margin-top:16px}.iso-cert-record-shell{max-width:980px;margin:0 auto}.iso-cert-record{margin-top:18px;padding:46px;border:1px solid #cdd8e1;border-radius:18px;background:#fff;text-align:center;box-shadow:0 18px 45px rgba(19,44,68,.07)}.iso-cert-mark{font-weight:900;letter-spacing:.12em;font-size:14px}.iso-cert-record h3{margin:8px auto 10px;font-size:32px;line-height:1.15}.iso-cert-intro{max-width:760px;margin:0 auto 24px;color:#647180}.iso-cert-name{margin:22px auto 28px;font-size:30px;font-weight:800;border-bottom:1px solid #cdd8e1;max-width:600px;padding-bottom:14px}.iso-cert-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}.iso-cert-detail-grid>div,.iso-cert-signoff>div{padding:14px;border-radius:10px;background:#f6f8fa}.iso-cert-detail-grid span,.iso-cert-signoff span{display:block;color:#6b7785;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.iso-cert-detail-grid strong,.iso-cert-signoff strong{display:block;margin-top:4px}.iso-cert-signoff{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;text-align:left}.iso-cert-signoff small{display:block;margin-top:4px;color:#6b7785}.iso-cert-statement{margin-top:24px;padding-top:20px;border-top:1px solid #dce4eb;color:#647180;font-size:12px;line-height:1.65}.iso-cert-actions{margin-top:20px}@media(max-width:760px){.iso-practical-panel-head{display:block}.iso-practical-badge{margin-top:10px}.iso-practical-progress-row,.iso-practical-certified-grid,.iso-cert-detail-grid,.iso-cert-signoff{grid-template-columns:1fr}.iso-cert-record{padding:28px 18px}.iso-cert-record h3{font-size:25px}.iso-cert-name{font-size:24px}}@media print{body *{visibility:hidden}.iso-cert-record-shell,.iso-cert-record-shell *{visibility:visible}.iso-cert-record-shell{position:absolute;left:0;top:0;width:100%;max-width:none}.iso-cert-record{box-shadow:none;border:0}.iso-cert-record-shell>.iso-course-back,.iso-cert-actions{display:none!important}}

/* Practical review phone/tablet responsive hardening — v1.2.58 */
@media (max-width:680px){
  .iso-practical-panel,.iso-cert-record{max-width:100%;min-width:0}
  .iso-practical-progress-row,.iso-practical-certified-grid,.iso-cert-detail-grid,.iso-cert-signoff{grid-template-columns:minmax(0,1fr)}
  .iso-cert-record{padding:24px 16px;border-radius:14px}
  .iso-cert-record h3{font-size:1.45rem}
  .iso-cert-name{font-size:1.3rem}
  .iso-cert-actions .button{width:100%;min-height:44px}
}

/* Practical certification responsive QA — v1.2.62 */
@media (max-width: 1024px) {
  .iso-cert-record-shell,
  .iso-practical-panel,
  .iso-cert-record { min-width:0; max-width:100%; }
  .iso-cert-record { padding:34px 28px; }
}

@media (max-width: 768px) {
  .iso-practical-progress-row,
  .iso-practical-certified-grid,
  .iso-cert-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .iso-cert-signoff { grid-template-columns:minmax(0,1fr); }
}

@media (max-width: 600px) {
  .iso-practical-panel-head { display:block; }
  .iso-practical-badge { margin-top:10px; }
  .iso-practical-progress-row,
  .iso-practical-certified-grid,
  .iso-cert-detail-grid,
  .iso-cert-signoff { grid-template-columns:minmax(0,1fr); }
  .iso-cert-record { padding:24px 15px; }
  .iso-cert-record h3 { font-size:1.45rem; }
  .iso-cert-name { font-size:1.35rem; }
  .iso-cert-actions .button { width:100%; min-height:44px; }
}

/* Final phone/tablet containment check — v1.2.65 */
@media (max-width:1024px) {
  .iso-practical-panel :where(form, fieldset, legend, input, select, textarea, button, .button),
  .iso-cert-record :where(button, .button) { min-width:0; max-width:100%; }
  .iso-practical-panel :where(h4, p, strong, span, label),
  .iso-cert-record :where(h3, p, strong, span) { overflow-wrap:anywhere; }
}

@media (max-width:600px) {
  .iso-practical-request-form .button,
  .iso-practical-panel form > .button { width:100%; min-height:44px; white-space:normal; }
}
