@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch&family=Noto+Sans+Thai&display=swap');

/* Reviewed identity: open-source speech demo | audio workstation with waveform lanes */
:root{--site-identity-heading:"Chakra Petch";--site-identity-body:"Noto Sans Thai"}
body,input,button,textarea,select{font-family:var(--site-identity-body),Arial,sans-serif;letter-spacing:0}
h1,h2,h3,h4,h5,h6,.site-title,.brand-name{font-family:var(--site-identity-heading),Georgia,serif;letter-spacing:0}
.skip-link{position:fixed!important;left:12px!important;top:12px!important;transform:translateY(-220%);z-index:9999}.skip-link:focus{transform:none}

.dia-session-notes{max-width:1080px;margin:64px auto;padding:28px;border:1px solid #1f4450;background:#081d27;color:#eafaff;box-shadow:10px 10px 0 #24d5e4}.dia-session-notes h2{font:700 34px "Chakra Petch",sans-serif;margin:0 0 18px}.dia-track-list{list-style:none;padding:0;margin:0}.dia-track-list li{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-top:1px solid #1f4450}.dia-track-list li:before{content:'WAVE';font:700 10px "Chakra Petch";color:#ff7d6e}.dia-track-list a{color:#eafaff;text-decoration:none;font-weight:700}.dia-track-list span{font-size:12px;color:#92acb4}.managed-slot{display:none}@media(max-width:650px){.dia-session-notes{margin:48px 18px}.dia-track-list li{grid-template-columns:52px 1fr}.dia-track-list span{grid-column:2}}
