/* Diagnostic profile V14 — hasil diagnostik mudah dibaca di HP tanpa kolom menyempit. */
  .profile#profil{scroll-margin-top:16px}
  .profile#profil h3{margin-top:28px;color:#17688f;font-size:clamp(1.3rem,4vw,1.75rem)}
  .profile#profil #individualNarrative{max-width:78ch;font-size:1.04rem;line-height:1.72;overflow-wrap:normal;word-break:normal}
  .profile#profil .table-wrap{max-width:100%;overflow:auto;border:1px solid #d3e1e8;border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
  .profile#profil .pa-domain-table{width:100%;min-width:940px;border-collapse:collapse}
  .profile#profil .pa-domain-table caption{padding:11px 13px;text-align:left;background:#eef7fb;color:#355a6d;font-weight:750}
  .profile#profil .pa-domain-table th,.profile#profil .pa-domain-table td{padding:12px;border:1px solid #d0dee6;vertical-align:top;line-height:1.52;overflow-wrap:break-word;word-break:normal;hyphens:none}
  .profile#profil .pa-domain-table th{background:#eaf3f8;color:#143f5d;text-align:left}
  .profile#profil .pa-domain-table tbody th{min-width:190px}
  .profile#profil .priority,.profile#profil .recommendation{overflow-wrap:normal;word-break:normal}

  @media(max-width:760px){
    .profile#profil{padding:14px!important}
    .profile#profil h2{font-size:1.45rem!important;line-height:1.25}
    .profile#profil h3{margin:23px 0 10px;font-size:1.32rem}
    .profile#profil #individualNarrative{font-size:.98rem;line-height:1.65}
    .profile#profil .table-wrap{overflow:visible;border:0;background:transparent}
    .profile#profil .pa-domain-table{display:block;min-width:0}
    .profile#profil .pa-domain-table caption{display:block;margin-bottom:9px;border:1px solid #d5e4eb;border-radius:11px;font-size:.84rem;line-height:1.45}
    .profile#profil .pa-domain-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
    .profile#profil .pa-domain-table tbody,.profile#profil .pa-domain-table tr,.profile#profil .pa-domain-table th,.profile#profil .pa-domain-table td{display:block;width:100%}
    .profile#profil .pa-domain-table tr{margin:0 0 13px;padding:5px 12px;border:1px solid #d3e1e8;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(18,63,95,.06);overflow:hidden}
    .profile#profil .pa-domain-table th,.profile#profil .pa-domain-table td{display:grid;grid-template-columns:minmax(105px,34%) minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:10px 2px;border:0;border-bottom:1px solid #e5edf1;background:transparent;font-size:.93rem;line-height:1.5}
    .profile#profil .pa-domain-table tr>*:last-child{border-bottom:0}
    .profile#profil .pa-domain-table th::before,.profile#profil .pa-domain-table td::before{content:attr(data-label);color:#587080;font-size:.72rem;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
    .profile#profil .pa-domain-table tbody th{color:#123f5f;font-size:1.02rem;min-width:0}
    .profile#profil .pa-domain-table tbody th::before{content:"Domain"}
    .profile#profil .recommendation{grid-template-columns:1fr!important;gap:5px!important}
  }
  @media(max-width:420px){
    .profile#profil .pa-domain-table th,.profile#profil .pa-domain-table td{grid-template-columns:1fr;gap:3px}
  }
