/* HTML debt migration v2026-09-30-web-f2. Static declarations moved from root HTML files. */

.debt-index-001 { display:flex;align-items:center;gap:10px; }
.debt-index-002 { height:28px;width:28px; }
.debt-index-003 { display:flex;gap:12px;margin-top:24px;flex-wrap:wrap; }
.debt-index-004 { display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px; }
.debt-index-005 { flex-shrink:0; }
.debt-index-006 { align-items:center;gap:60px; }
.debt-index-007 { margin-top:8px; }
.debt-index-008 { gap:16px; }
.debt-index-009 { padding:0;overflow:hidden; }
.debt-index-010 { width:100%;height:340px;border:none;background:#0e0d0b; }
.debt-index-011 { display:flex;gap:12px;justify-content:center;flex-wrap:wrap; }
.debt-about-001 { display:flex;align-items:center;gap:10px; }
.debt-about-002 { height:28px;width:28px; }
.debt-about-003 { gap:40px; }
.debt-about-004 { margin-top:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden; }
.debt-about-005 { width:100%;height:360px;border:none;background:#0e0d0b; }
.debt-about-006 { display:flex;gap:12px;justify-content:center;flex-wrap:wrap; }
.debt-projects-001 { display:flex;align-items:center;gap:10px; }
.debt-projects-002 { height:28px;width:28px; }
.debt-projects-003 { display:flex;align-items:flex-start;gap:40px;margin-bottom:60px; }
.debt-projects-004 { flex:1; }
.debt-projects-005 { margin-top:8px; }
.debt-projects-006 { max-width:580px; }
.debt-projects-007 { display:flex;gap:12px;margin-top:16px;flex-wrap:wrap; }
.debt-projects-008 { margin-bottom:12px; }
.debt-projects-009 { font-size:0.85rem;margin-bottom:10px; }
.debt-projects-010 { margin:0; }
.debt-projects-011 { display:flex;flex-wrap:wrap;gap:6px; }
.debt-projects-012 { margin-top:24px; }
.debt-projects-013 { margin-top:20px; }
.debt-projects-014 { display:flex;align-items:center;gap:40px; }
.debt-projects-015 { margin-top:12px; }
.debt-projects-016 { flex:0 0 200px; }
.debt-projects-017 { font-size:0.82rem;margin-bottom:8px; }
.debt-contact-001 { display:flex;align-items:center;gap:10px; }
.debt-contact-002 { height:28px;width:28px; }
.debt-contact-003 { margin-top:28px; }
.debt-contact-004 { margin-bottom:20px; }
.debt-contact-005 { display:block;font-size:0.82rem;font-weight:600;color:var(--text-mid);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.04em; }
.debt-contact-006 { width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text);font-size:0.92rem;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.2s; }
.debt-contact-007 { width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text);font-size:0.92rem;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.2s;cursor:pointer; }
.debt-contact-008 { margin-bottom:28px; }
.debt-contact-009 { width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text);font-size:0.92rem;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.2s;resize:vertical;min-height:140px; }
.debt-contact-010 { width:100%;justify-content:center;font-size:0.95rem; }
.debt-contact-011 { margin-top:16px;text-align:center;font-size:0.88rem;display:none; }
.debt-contact-012 { margin-bottom:60px; }
.debt-contact-013 { gap:12px;margin-top:16px; }

/* Responsive keyboard-accessible navigation debt fix. */
.nav-toggle { display: none; }
@media (max-width: 720px) {
  nav { position: relative; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; margin-left: auto; padding: var(--space-2) var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-control); background: var(--bg-card); color: var(--text); }
  .nav-links { display: none; }
  .nav-links.is-open { display: flex; position: absolute; top: calc(100% + var(--space-2)); right: 0; left: 0; z-index: 10; flex-direction: column; padding: var(--space-2); background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-card); }
}
