/* Updated mobile fixes */
@media (max-width: 768px) {
  .pc-primary-nav ul {
    flex-direction: column !important;
    width: 100%;
    padding: 0;
    margin: 12px 0;
  }
  .pc-primary-nav a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 14px;
    margin-bottom: 8px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.05);
  }
  header.container { padding-top: 6px; }
  h1, h2, h3 { word-break: break-word; }
  .badge, .btn-pill { font-size: .8rem !important; padding: 6px 10px; }
  .hero-buttons{ flex-direction:column !important; gap:6px; }
}

/* === Final mobile correction layer === */
@media(max-width:900px){
  .pc-primary-nav{display:none!important;}
}
@media(max-width:768px){
  .container.grid{display:block!important;}
  .notice{margin-top:16px!important;}
  h2, .section h2{writing-mode:horizontal-tb!important;transform:none!important;white-space:normal!important;}
  table.table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  table.table th,table.table td{white-space:nowrap;}
}
