/* Shared navigation, controls, and footer. Does not restyle reading or game content. */
body.tqc-family {--family-paper:#fffaf0;--family-ink:#10182a;--family-rust:#b53c1b;--family-rule:#ded5c4}
.tqc-family :is(header nav,.site-header nav,.tqc-navlinks) {font-family:Arial,Helvetica,sans-serif}
.tqc-family :is(.tqc-btn,.tqc-btn-ghost,.tqc-btn-light,.button,.nav-login,.nav-subscribe,.btn) {border-radius:3px;font-family:Arial,Helvetica,sans-serif;font-weight:600;text-decoration:none}
.tqc-family :is(.button-primary,.btn:not(.btn-ghost):not(.btn-paper):not(:disabled)) {background:var(--family-ink);color:var(--family-paper);border-color:var(--family-ink);box-shadow:none}
.tqc-family :is(.button-primary,.btn:not(.btn-ghost):not(.btn-paper):not(:disabled)):hover {background:var(--family-rust);border-color:var(--family-rust);color:white}
.tqc-family :is(.nav-login,.nav-subscribe) {background:transparent;border:1px solid var(--family-ink);padding:11px 16px;color:var(--family-ink);font-size:13px;font-weight:600}
.tqc-family :is(.nav-login,.nav-subscribe):hover {background:var(--family-ink);color:var(--family-paper)}
.tqc-family :is(.button-light,.btn-paper) {background:var(--family-paper);color:var(--family-ink);border:1px solid var(--family-paper)}
.tqc-family :is(.button-light,.btn-paper):hover {background:#eee7d7;color:var(--family-ink)}
.tqc-family :is(.btn-ghost,.button-secondary) {background:transparent;border:1px solid var(--family-ink);color:var(--family-ink)}
.tqc-family :is(.btn-ghost,.button-secondary):hover {border-color:var(--family-rust);color:var(--family-rust)}
.tqc-family :is(a,button,input):focus-visible {outline:3px solid var(--family-rust);outline-offset:4px}
.tqc-family .tqc-family-links {display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:14px 25px!important;font:500 13px/1.5 Arial,Helvetica,sans-serif!important;margin:0 0 24px!important;padding:0!important;max-width:100%;text-align:left}
.tqc-family .tqc-family-links a {font:inherit!important;color:inherit!important;white-space:normal;text-decoration:none!important;border:0!important;margin:0!important;padding:0!important;border-radius:0!important}
.tqc-family .tqc-family-links a:hover {text-decoration:underline!important;text-underline-offset:4px}
.tqc-family .tqc-family-links a[aria-current=page] {font-weight:700!important;text-decoration:underline!important;text-underline-offset:5px}
.tqc-family .site-footer {background:#10182a;color:#fffaf0}
.tqc-family .site-footer .footer-grid {grid-template-columns:1.1fr 1.5fr;align-items:start;gap:30px 50px}
.tqc-family .site-footer .copyright {grid-column:1/-1}
.tqc-family .site-header nav a:not(.nav-subscribe) {display:inline-flex}
.tqc-family .site-header .header-inner {gap:24px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.tqc-family .site-header nav {gap:24px;flex-wrap:wrap;justify-content:flex-end}
.tqc-family .site-header .brand {flex-shrink:0}
.tqc-family .site-header .brand small {display:block}
@media(max-width:900px) {
 .tqc-family .site-footer .footer-grid {grid-template-columns:1fr}
 .tqc-family .site-header .header-inner {align-items:flex-start;gap:18px}
 .tqc-family .site-header nav {justify-content:flex-start;gap:14px 22px}
}
@media(max-width:600px) {
 .tqc-family .site-header .header-inner {flex-direction:column;align-items:flex-start}
 .tqc-family .site-header nav {font-size:13px}
 .tqc-family .tqc-family-links {gap:13px 20px!important}
}