/* JSM Loudness - Original layout styles */
*{box-sizing:border-box}
body{margin:0;background:#0A0C0F;color:#E6E8EC;font-family:Inter,ui-sans-serif,system-ui,-apple-system;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:#D6FF57;text-decoration:none}
a:hover{opacity:0.9}
.header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #1E232E;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;background:rgba(10,12,15,0.88)}
.logo{display:flex;gap:10px;align-items:center;text-decoration:none;color:#E6E8EC;font-weight:700;letter-spacing:-0.02em}
.logo-mark{width:28px;height:28px;border-radius:8px;background:#D6FF57;color:#000;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.nav{display:flex;gap:20px;align-items:center;font-size:13px}
.nav a{color:#9AA0A8;text-decoration:none;transition:color .15s}
.nav a:hover{color:#E6E8EC}
.btn-lime{background:#D6FF57;color:#000;padding:9px 16px;border-radius:999px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;border:0;cursor:pointer}
.btn-ghost{border:1px solid #1E232E;background:#151821;color:#E6E8EC;padding:9px 16px;border-radius:999px;font-size:13px;cursor:pointer}
.badge{display:inline-flex;background:rgba(16,18,22,0.9);border:1px solid #1E232E;color:#9AA0A8;padding:6px 10px;border-radius:999px;font-size:11px;gap:6px}
.card{background:rgba(19,22,29,0.82);border:1px solid #1E232E;border-radius:20px;padding:24px;backdrop-filter:blur(20px)}
.prose{max-width:820px;margin:32px auto;padding:0 20px;line-height:1.7}
.prose h1{font-size:36px;line-height:1.1;margin:0 0 12px;letter-spacing:-0.02em}
.prose h2{font-size:22px;margin:32px 0 12px;color:#E6E8EC}
.prose p{color:#C5CAD2;margin:12px 0}
.prose code{background:#11141A;border:1px solid #1E232E;padding:2px 6px;border-radius:6px;font-size:13px}
.footer{border-top:1px solid #1E232E;padding:32px 24px;color:#6B7280;font-size:11px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:64px;background:linear-gradient(180deg,rgba(15,17,21,0.8),rgba(8,10,12,0.9))}
.footer a{color:#9AA0A8;text-decoration:none}
.footer a:hover{color:#E6E8EC}
.consent{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(19,22,29,0.96);border:1px solid #1E232E;border-radius:16px;padding:16px;display:none;gap:12px;max-width:640px;width:calc(100% - 32px);z-index:100;backdrop-filter:blur(20px)}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, monospace}

.footer-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:0 auto}
.footer-row1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.footer-row2{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;color:#6B7280}
.footer-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}
.dropdown{position:relative}
.dropdown>a{display:flex;align-items:center;gap:4px}
.dropdown-menu{opacity:0;visibility:hidden;transform:translateY(8px);transition:all .18s ease;position:absolute;top:100%;left:0;min-width:240px;z-index:1000;background:rgba(15,17,21,0.96);backdrop-filter:blur(20px);border:1px solid #1E232E;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.5);padding:8px;display:flex;flex-direction:column;gap:2px}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu a{padding:10px 12px;border-radius:8px;font-size:13px;color:#E6E8EC;border:1px solid transparent;text-decoration:none}
.dropdown-menu a:hover{background:#151821;color:#D6FF57;border-color:rgba(214,255,87,0.15)}
@media (max-width:720px){
  .nav{display:none}
  .header{padding:12px 16px}
}


/* ===== JSM visual polish / responsive cleanup ===== */
html{scroll-behavior:smooth}
body{min-height:100vh;overflow-x:hidden}
img{max-width:100%;height:auto}
button,a{ -webkit-tap-highlight-color:transparent }
:focus-visible{outline:2px solid #D6FF57;outline-offset:3px}
.header{min-height:58px}
.logo{white-space:nowrap}
.footer{width:100%}
.footer a{transition:color .18s ease,opacity .18s ease}
.prose{padding-bottom:24px}
.prose h1,.prose h2,.prose h3{overflow-wrap:anywhere}
#jsm-lang-selector{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
#jsm-lang-selector a{transition:color .18s ease,opacity .18s ease,background .18s ease}
#jsm-lang-selector a:hover{opacity:1!important}
#jsm-site-footer{margin-top:72px}
#jsm-site-footer .footer-grid{max-width:1120px}
@media(max-width:900px){
  .header{gap:12px}
  .header .btn-lime{padding:8px 12px}
}
@media(max-width:720px){
  .header .btn-lime{font-size:12px}
  .prose{margin-top:24px}
  .prose h1{font-size:30px}
  .footer{padding:28px 16px}
  #jsm-lang-selector{top:8px!important;right:8px!important}
}
@media(max-width:480px){
  #jsm-lang-selector{font-size:11px!important;padding:5px 9px!important;gap:6px!important}
  #jsm-lang-selector svg{width:18px;height:12px}
}