.gmt { position:relative; width:100%; min-width:0; background:#070604; color:#d7b577; border-block:1px solid #3a2a12; font-family:inherit; }
.gmt .gmt-canvas { display:block; width:100%; height:64px; }
.gmt .gmt-meta { display:flex; align-items:center; gap:8px; min-height:44px; padding:0 10px; font-size:11px; line-height:1.35; letter-spacing:.02em; }
.gmt .gmt-indicator { flex:1; min-width:0; }
.gmt .gmt-pause { min-width:44px; min-height:44px; margin:0; padding:0 6px; border:0; border-radius:0; color:#d7b577; background:transparent; font:inherit; cursor:pointer; }
.gmt .gmt-pause:disabled { cursor:default; opacity:.7; }
.gmt .gmt-details { position:static; }
.gmt .gmt-details summary { display:flex; align-items:center; min-height:44px; cursor:pointer; }
.gmt .gmt-source { position:static; padding:12px; border:1px solid #5d4220; background:#100c06; color:#e6c78c; line-height:1.65; overflow-wrap:anywhere; }
.gmt .gmt-meta:has(.gmt-details[open]) { flex-wrap:wrap; }
.gmt .gmt-details[open] { flex-basis:100%; }
.gmt .gmt-source a { color:inherit; text-decoration:underline; }
.gmt .gmt-pause:focus-visible,.gmt summary:focus-visible,.gmt a:focus-visible { outline:2px solid #e9b859; outline-offset:-3px; }
.gmt .gmt-quotes { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.gmt:has(.gmt-details[open]) .gmt-quotes,
.gmt.gmt-reduced .gmt-quotes { position:static; width:auto; height:auto; margin:0; padding:8px 14px 12px 28px; overflow:visible; clip:auto; white-space:normal; font-size:12px; line-height:1.6; }
@media(max-width:600px) { .gmt .gmt-canvas { height:48px; } .gmt .gmt-meta { gap:4px; padding-inline:6px; font-size:11px; } }