@font-face {
 font-family: "Gowron pIqaD";
 src: url("fonts/pIqaD-qolqoS.ttf") format("truetype");
 font-weight: 400; font-style: normal; font-display: swap;
}
.piqad-text { display: none; }
.klingon-word { white-space: nowrap; }
html[data-script="piqad"] .piqad-text {
 display: inline; font-family: "Gowron pIqaD";
 font-weight: 400; font-style: normal; font-synthesis: none;
 text-transform: none; letter-spacing: .035em;
}
/* Preserve the romanization for assistive technology, selection, and no-JS fallback. */
html[data-script="piqad"] .roman-text {
 position: absolute; width: 1px; height: 1px; padding: 0;
 margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
html[lang="tlh"] .hero h1 { font-size: clamp(2rem, 6.4vw, 6rem); overflow-wrap: normal; }
/* Shared hero styles make all spans block-level: reset nested script spans. */
html[lang="tlh"] .hero h1 span { display: inline; }
html[lang="tlh"] .hero h1 .headline-line { display: block; white-space: nowrap; }
html[lang="tlh"] .hero h1 .klingon-word { white-space: nowrap; }
html[lang="tlh"] .hero h1 .piqad-text { display: none; }
html[lang="tlh"][data-script="piqad"] .hero h1 .piqad-text { display: inline; }
html[lang="tlh"] main { overflow-wrap: anywhere; }
.script-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; padding-block: .85rem; font-family: var(--body); font-size: .8rem; }
.script-label { color: var(--muted); }
.script-toolbar button { font: inherit; color: var(--text); background: var(--panel); border: 1px solid var(--line); padding: .4rem .65rem; cursor: pointer; }
.script-toolbar button[aria-pressed="true"] { color: var(--bg); background: var(--gold); border-color: var(--gold); }
.script-toolbar button:disabled { opacity: .5; cursor: wait; }
.script-toolbar button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.script-status { color: var(--muted); font-size: .72rem; }
.font-credit { font-size: .78rem; }