/* FXRDG tank graphics page + FXRDG model page additions (Oct 8, 2026, PREVIEW ONLY; copied in by _build/tank_graphics.py). */
.tg-hero { margin: 0 0 2rem; }
.tg-hero .tg-mock { margin: 0 0 1rem; max-width: 960px; }
.tg-hero .tg-mock img { background: #111; }
.tg-fig { margin: 0; }
.tg-fig img { border-radius: var(--radius); }
.tg-cta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: 0 0 1.4rem; }
.tg-cta .small { margin: 0; color: var(--muted); }
.tg-btn { background: #6e1426; border-color: #6e1426; font-size: 1rem; padding: 0 1.4rem; min-height: 48px; }
.tg-btn:hover, .tg-btn:focus-visible { background: #8a1a30; border-color: #8a1a30; }
.tg-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem 1.25rem; align-items: start; }
.tg-hero .tg-cmp { max-width: 860px; margin-top: 1.4rem; }
@media (max-width: 1080px) { .tg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tg-grid .tg-fig figcaption { margin-top: .4rem; }
.tg-orig { align-items: start; }
.tg-orig .tg-fig { max-width: 520px; }
.tg-terms { margin-top: 1rem; }
.tg-terms ul { margin-bottom: 0; }
.tg-cta-2 { margin-top: .4rem; }
/* request dialog */
.tg-dialog { border: 0; border-radius: 14px; padding: 0; width: min(560px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto;
  box-shadow: 0 18px 60px rgba(0,0,0,.35); color: var(--ink); background: var(--surface); }
.tg-dialog::backdrop { background: rgba(10,10,12,.62); }
.tg-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.1rem .4rem; position: sticky; top: 0; background: var(--surface); z-index: 1; }
.tg-dialog-head h2 { margin: 0; font-size: 1.2rem; }
.tg-x { border: 0; background: none; font-size: 1.9rem; line-height: 1; width: 44px; height: 44px; cursor: pointer; color: var(--muted); border-radius: 8px; }
.tg-x:hover { background: var(--bg); color: var(--ink); }
.tg-form { padding: .2rem 1.1rem 1.1rem; }
.tg-form .field { margin-bottom: .9rem; }
.tg-form .input { width: 100%; box-sizing: border-box; }
.tg-form .opt { font-weight: 400; color: var(--muted); }
.tg-form-note { margin: 0 0 .9rem; color: var(--muted); }
.tg-attest { border: 1.5px solid #c9a75a; background: #fbf6ea; border-radius: 12px; padding: .8rem .9rem; }
.tg-attest-h { margin: 0 0 .5rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; font-size: .78rem; color: #6e1426; }
.tg-attest-h span { color: var(--muted); font-weight: 600; text-transform: none; letter-spacing: 0; }
.tg-attest .check { font-style: italic; line-height: 1.45; }
.tg-form .btns .btn { background: #6e1426; border-color: #6e1426; min-height: 48px; width: 100%; }
.tg-form.sent .field, .tg-form.sent .btns, .tg-form.sent .tg-form-note { display: none; }
.tg-form .form-status.ok { font-size: 1.05rem; }
.tg-preview-note { display: block; margin-top: .5rem; font-weight: 400; color: var(--muted); font-size: .85rem; }
.tg-priv { color: var(--muted); margin: .6rem 0 0; }
/* FXRDG model page: studio photo shown at its own size (369 px source), and the graphics card */
.fig.fxrdg-studio, .toc-content .sec > .fig.fxrdg-studio { max-width: 760px; margin: 0 0 1.1rem; }
.fig.fxrdg-studio img { width: 100%; height: auto; }
.tg-card-wrap { max-width: 370px; }
@media (max-width: 767.98px) {
  .tg-grid { grid-template-columns: minmax(0, 1fr); }
  .tg-cta .tg-btn { flex: 1 1 100%; }
  .fig.fxrdg-studio, .toc-content .sec > .fig.fxrdg-studio { max-width: 100%; }
  .fig.fxrdg-studio img { max-width: 369px; }
  .tg-card-wrap { max-width: none; }
}
#features > .two-col { margin-bottom: 1.1rem; }