#module-phonics [hidden]{display:none!important;}
#module-phonics .card{padding:24px;border:1px solid var(--line,#d7e7ed);border-radius:24px;background:var(--panel,#fff);}
#module-phonics .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:18px 0;}
#module-phonics label{display:grid;gap:7px;font-weight:600;}
#module-phonics input:not([type=checkbox]),#module-phonics select,#module-phonics textarea{width:100%;min-width:0;padding:11px;color:var(--ink,#143d51);border:1px solid var(--line,#d7e7ed);border-radius:12px;background:var(--panel,#fff);}
#module-phonics input[type=checkbox]{width:auto;}
#module-phonics .table-shell{overflow-x:auto;margin:18px 0;}
#module-phonics .form-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;}
#module-phonics [data-ph-panel]{margin-top:14px;}
#module-phonics #ph-status{min-height:24px;color:#123b50;}
#module-phonics table{width:100%;border-collapse:collapse;}
#module-phonics th{background:#123b50;color:white;text-align:left;padding:12px;font-size:12px;}
#module-phonics td{padding:12px;border-bottom:1px solid #d7e7ed;vertical-align:top;}
#module-phonics tbody tr:nth-child(even){background:#edf6f8;}
#module-phonics .ph-grade{padding:18px;margin:16px 0;border:1px solid #d7e7ed;border-radius:16px;background:white;}
#module-phonics .ph-skill{display:grid;grid-template-columns:1fr 90px;gap:12px;padding:14px;margin-top:10px;border-radius:12px;background:#f1f7f9;}
#module-phonics .ph-skill textarea{min-height:65px;resize:vertical;}
#module-phonics .ph-skill input,#module-phonics .ph-skill textarea{width:100%;min-width:0;}
#module-phonics .ph-performance{display:inline-block;padding:4px 9px;border-radius:9px;font-weight:600;font-size:12px;background:#edf6f8;color:#143d51;}
#module-phonics .ph-secure{background:#e4f4ed;color:#146b55;}
#module-phonics .ph-developing{background:#fff3d8;color:#805915;}
#module-phonics .ph-needs_support{background:#fcebed;color:#98384a;}
#module-phonics details{margin-top:6px;}
#module-phonics details p{margin:4px 0;font-size:12px;}
@media(max-width:650px){#module-phonics .ph-skill{grid-template-columns:1fr;}}