/* ==========================================================================
   Martin Design System — MDS / Martin 7.0
   Single source of visual truth. Tokens from MDS_IMPLEMENTATION_MAP.md and
   the interactive reference (Martin Design System.dc.html).
   Two eras, one component set: [data-era="modern"] / [data-era="teen"].
   Do not hardcode visual values outside this file.
   ========================================================================== */

/* ------------------------------------------------------------------ fonts */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../fonts/Oswald-var.woff2') format('woff2');
}
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/AlegreyaSans-400.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/AlegreyaSans-500.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/AlegreyaSans-700.woff2') format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/AlegreyaSans-800.woff2') format('woff2'); }

/* ----------------------------------------------------------------- tokens */
:root {
  /* colour */
  --mds-black: #0B0C0E;            /* Agent Black — base surface */
  --mds-white: #F6F2E9;            /* Shirt White — light surface, primary text */
  --mds-yellow: #F2C230;           /* Pissed Yellow — titles, act numbers, primary action. BLACK text only */
  --mds-yellow-hover: #FFD24A;
  --mds-red: #E0452C;              /* Evidence Red — critical, timers ending */
  --mds-red-fill: #B03E24;         /* destructive button fill, white text */
  --mds-blue: #74A8E9;             /* Sunglasses Blue — links, focus, interaction */
  --mds-blue-hover: #9FC3F0;
  --mds-amber: #DBA32E;            /* Sauna Amber — caution/warning ONLY */
  --mds-sea: #2F6ABE;              /* North Sea Blue — transport, Rott, offline */
  --mds-green: #4CCB97;            /* Rott Green — success/clearance ONLY */
  --mds-surface: #141619;          /* raised surface: cards, panels */
  --mds-surface-2: #16181C;        /* deep panel / device frame */
  --mds-interactive: #1C1F24;      /* secondary buttons, active fields (+border) */
  --mds-border: #2A2F37;
  --mds-body-muted: #CFCCC2;       /* readable secondary body */
  --mds-meta: #A8A79F;             /* metadata */
  --mds-meta-dim: #7C7A73;         /* labels; watch contrast at small sizes */
  --mds-paper: #E8E2D2;            /* Evidence Paper — dark brown/black text */
  --mds-paper-ink: #2A241C;
  --mds-disabled: #4A4E56;

  /* type */
  --mds-font-display: 'Oswald', sans-serif;
  --mds-font-ui: 'Alegreya Sans', ui-sans-serif, system-ui, sans-serif;
  --mds-font-mono: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, monospace;
  --mds-display-1: 64px;
  --mds-display-2: 40px;
  --mds-display-3: 30px;
  --mds-ui-lg: 19px;
  --mds-ui-md: 17px;
  --mds-ui-base: 16px;   /* minimum on mobile */
  --mds-ui-sm: 14px;
  --mds-mono-size: 12px;
  --mds-mono-size-sm: 11px;

  /* space (4px base) */
  --mds-s1: 4px;  --mds-s2: 8px;  --mds-s3: 12px; --mds-s4: 16px;
  --mds-s5: 20px; --mds-s6: 24px; --mds-s7: 28px; --mds-s8: 32px;
  --mds-s10: 40px; --mds-s12: 48px;

  /* radius — era defaults, overridden per era below */
  --mds-r-sm: 6px;
  --mds-r: 10px;
  --mds-r-lg: 12px;
  --mds-r-xl: 22px;
  --mds-r-pill: 999px;

  /* motion */
  --mds-ease: cubic-bezier(.25, 0, .15, 1);
  --mds-fast: 150ms;
  --mds-slow: 250ms;

  /* layers */
  --mds-shadow-card: 0 12px 36px rgba(0, 0, 0, .55);
  --mds-shadow-device: 0 24px 60px rgba(0, 0, 0, .6);
}

/* Era B — Teen Agent Martin: square 4–8, mono caps, harder contrast */
[data-era="teen"] {
  --mds-r-sm: 4px;
  --mds-r: 6px;
  --mds-r-lg: 8px;
  --mds-r-xl: 8px;
}
/* Era A — Modern Martin: rounded 12–22, sentence case */
[data-era="modern"] {
  --mds-r-sm: 8px;
  --mds-r: 12px;
  --mds-r-lg: 16px;
  --mds-r-xl: 22px;
}

/* ------------------------------------------------------------------- base */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--mds-black);
  color: var(--mds-white);
  font-family: var(--mds-font-ui);
  font-size: var(--mds-ui-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--mds-blue); text-decoration: none; }
a:hover { color: var(--mds-blue-hover); text-decoration: underline; }
:focus-visible {
  outline: 2px solid var(--mds-blue);
  outline-offset: 2px;
  border-radius: 2px;
}
button { font-family: var(--mds-font-ui); }
img { max-width: 100%; }

@keyframes mdsPulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes mdsScan { 0% { transform: translateY(0); } 100% { transform: translateY(188px); } }
@keyframes mdsWalk { 0%, 100% { transform: translateX(-5px); } 50% { transform: translateX(5px); } }
@keyframes mdsRun { 0%, 100% { transform: translateX(-9px) translateY(0); } 50% { transform: translateX(9px) translateY(-3px); } }
@keyframes mdsDrive { 0% { transform: translateX(-14px); } 100% { transform: translateX(14px); } }
@keyframes mdsSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: 0ms !important; }
}

/* ------------------------------------------------------------- typography */
.mds-display {
  font-family: var(--mds-font-display);
  font-weight: 600;
  text-transform: uppercase;
  line-height: .95;
  letter-spacing: -.01em;
  margin: 0;
}
.mds-display--1 { font-size: var(--mds-display-1); }
.mds-display--2 { font-size: var(--mds-display-2); font-weight: 500; }
.mds-display--3 { font-size: var(--mds-display-3); font-weight: 400; line-height: 1.1; letter-spacing: .04em; }
.mds-display--yellow { color: var(--mds-yellow); }

.mds-kicker {
  font-family: var(--mds-font-mono);
  font-size: var(--mds-mono-size-sm);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--mds-meta-dim);
}
.mds-kicker--yellow { color: var(--mds-yellow); }
.mds-kicker--red { color: var(--mds-red); }

.mds-mono { font-family: var(--mds-font-mono); font-size: var(--mds-mono-size); }
.mds-muted { color: var(--mds-body-muted); }
.mds-meta-text { color: var(--mds-meta); font-size: var(--mds-ui-sm); }

/* ---------------------------------------------------------------- buttons */
.mds-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--mds-s3);
  min-height: 44px; /* touch target */
  padding: 0 var(--mds-s5);
  border: none;
  border-radius: var(--mds-r-lg);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background var(--mds-fast) var(--mds-ease),
              border-color var(--mds-fast) var(--mds-ease),
              transform var(--mds-fast) var(--mds-ease);
  text-decoration: none;
}
.mds-btn:active { transform: translateY(2px); }
.mds-btn:disabled, .mds-btn[aria-disabled="true"] {
  cursor: not-allowed; opacity: .45; transform: none;
}

/* Martin primary: Pissed Yellow, black Oswald label. Never white text. */
.mds-btn--primary {
  height: 52px;
  background: var(--mds-yellow);
  color: var(--mds-black);
  font-family: var(--mds-font-display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.mds-btn--primary:hover { background: var(--mds-yellow-hover); }

.mds-btn--secondary {
  background: var(--mds-interactive);
  border: 1px solid var(--mds-border);
  color: var(--mds-white);
}
.mds-btn--secondary:hover { border-color: var(--mds-blue); }

.mds-btn--ghost {
  background: transparent;
  border: 1px solid var(--mds-border);
  color: var(--mds-blue);
}
.mds-btn--ghost:hover { border-color: var(--mds-blue); }

/* Destructive: red fill, white text, names the object in its label */
.mds-btn--danger { background: var(--mds-red-fill); color: #FFFFFF; }
.mds-btn--danger:hover { background: var(--mds-red); }

.mds-btn--block { display: flex; width: 100%; }

.mds-btn .mds-btn__face {
  width: 36px; height: 36px; flex: none;
  border-radius: var(--mds-r-sm);
  overflow: hidden; background: var(--mds-black);
  margin-left: -10px;
}
.mds-btn .mds-btn__face img { width: 100%; height: 100%; object-fit: cover; }

.mds-btn--loading { position: relative; color: transparent !important; }
.mds-btn--loading::after {
  content: ""; position: absolute; width: 18px; height: 18px;
  border: 2px solid rgba(11,12,14,.35); border-top-color: var(--mds-black);
  border-radius: 999px; animation: mdsSpin .7s linear infinite;
}
.mds-btn--secondary.mds-btn--loading::after,
.mds-btn--ghost.mds-btn--loading::after {
  border-color: rgba(246,242,233,.3); border-top-color: var(--mds-white);
}

/* ------------------------------------------------------------------ cards */
.mds-card {
  background: var(--mds-surface);
  border: 1px solid var(--mds-border);
  border-radius: var(--mds-r-lg);
  padding: var(--mds-s5);
}
.mds-card--flush { padding: 0; overflow: hidden; }
.mds-card--dashed { border-style: dashed; background: var(--mds-surface); }

.mds-divider { height: 1px; background: var(--mds-border); border: 0; margin: var(--mds-s4) 0; }

/* ------------------------------------------------------------------ chips */
.mds-chip {
  display: inline-flex; align-items: center; gap: var(--mds-s2);
  padding: 8px 12px;
  border-radius: var(--mds-r-sm);
  font-family: var(--mds-font-mono);
  font-size: 13px;
}
.mds-chip--paper {
  background: var(--mds-paper); color: var(--mds-paper-ink);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
.mds-chip--success { background: rgba(76,203,151,.14); border: 1px solid rgba(76,203,151,.45); color: var(--mds-green); }
.mds-chip--warning { background: rgba(219,163,46,.14); border: 1px solid rgba(219,163,46,.45); color: var(--mds-amber); }
.mds-chip--danger  { background: rgba(224,69,44,.14);  border: 1px solid rgba(224,69,44,.45);  color: var(--mds-red); }
.mds-chip--info    { background: rgba(116,168,233,.14); border: 1px solid rgba(116,168,233,.45); color: var(--mds-blue); }
.mds-chip--offline { background: rgba(47,106,190,.14);  border: 1px solid rgba(47,106,190,.5);  color: #8FB4E8; }
.mds-chip--yellow  { background: rgba(242,194,48,.12);  border: 1px solid rgba(242,194,48,.4);  color: var(--mds-yellow); }
.mds-chip__dot { width: 8px; height: 8px; border-radius: 999px; flex: none; }

/* ------------------------------------------------------------ state cards */
.mds-state {
  display: flex; gap: var(--mds-s3); align-items: center;
  padding: var(--mds-s3);
  border-radius: var(--mds-r);
  border: 1px solid var(--mds-border);
  background: var(--mds-interactive);
}
.mds-state img, .mds-state .mds-state__media {
  width: 52px; height: 52px; border-radius: var(--mds-r-sm);
  object-fit: cover; flex: none; overflow: hidden; background: var(--mds-black);
}
.mds-state__title { font-weight: 700; }
.mds-state__body { font-size: var(--mds-ui-sm); color: var(--mds-meta); }
.mds-state--success { background: rgba(76,203,151,.1); border-color: rgba(76,203,151,.4); }
.mds-state--success .mds-state__title { color: var(--mds-green); }
.mds-state--error { background: rgba(224,69,44,.1); border-color: rgba(224,69,44,.4); }
.mds-state--error .mds-state__title { color: var(--mds-red); }
.mds-state--warning { background: rgba(219,163,46,.1); border-color: rgba(219,163,46,.4); }
.mds-state--warning .mds-state__title { color: var(--mds-amber); }

/* ------------------------------------------------------------------ forms */
.mds-field { display: flex; flex-direction: column; gap: var(--mds-s2); }
.mds-label {
  font-family: var(--mds-font-mono);
  font-size: var(--mds-mono-size-sm);
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--mds-meta-dim);
}
.mds-input, .mds-select, .mds-textarea {
  min-height: 48px;
  padding: 0 var(--mds-s4);
  background: var(--mds-interactive);
  border: 1px solid var(--mds-border);
  border-radius: var(--mds-r-sm);
  color: var(--mds-white);
  font-family: var(--mds-font-ui);
  font-size: var(--mds-ui-base);
  transition: border-color var(--mds-fast) var(--mds-ease);
}
.mds-textarea { padding: var(--mds-s3) var(--mds-s4); line-height: 1.5; resize: vertical; }
.mds-input::placeholder, .mds-textarea::placeholder { color: var(--mds-meta-dim); }
.mds-input:focus, .mds-select:focus, .mds-textarea:focus {
  outline: none; border-color: var(--mds-blue);
}
.mds-input--error { border-color: var(--mds-red); }
.mds-error-text { color: var(--mds-red); font-size: var(--mds-ui-sm); }
.mds-input--mono {
  font-family: var(--mds-font-mono);
  letter-spacing: .3em; text-transform: uppercase; text-align: center;
}

/* ----------------------------------------------------------------- avatar */
.mds-avatar {
  border-radius: var(--mds-r-pill);
  padding: 2px;
  display: inline-block; flex: none;
  background: linear-gradient(135deg, var(--av-c1, var(--mds-yellow)), var(--av-c2, var(--mds-red-fill)));
}
.mds-avatar img, .mds-avatar__fallback {
  display: block; width: 100%; height: 100%;
  border-radius: var(--mds-r-pill); object-fit: cover;
}
.mds-avatar__fallback {
  background: var(--mds-black); color: var(--mds-white);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--mds-font-display); text-transform: uppercase;
}
.mds-avatar--42 { width: 42px; height: 42px; }
.mds-avatar--56 { width: 56px; height: 56px; padding: 3px; }
.mds-avatar--84 { width: 84px; height: 84px; padding: 3px; }

/* ----------------------------------------------------------------- timer */
.mds-timer { font-family: var(--mds-font-mono); color: var(--mds-white); font-variant-numeric: tabular-nums; }
.mds-timer--warning { color: var(--mds-amber); }
.mds-timer--critical { color: var(--mds-red); }

.mds-stat {
  flex: 1; padding: 10px var(--mds-s3);
  border-radius: var(--mds-r-sm);
  background: var(--mds-surface);
  border: 1px solid var(--mds-border);
}
.mds-stat__label {
  font-family: var(--mds-font-mono); font-size: var(--mds-mono-size-sm);
  color: var(--mds-meta-dim); text-transform: uppercase; letter-spacing: .1em;
}
.mds-stat__value { font-family: var(--mds-font-mono); font-size: 22px; }

/* --------------------------------------------------------------- textures */
/* Atmosphere only. Never behind rules, timers, numbers or points. */
.mds-tx-scanlines::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: repeating-linear-gradient(0deg, rgba(0,0,0,.16) 0 1px, transparent 1px 3px);
}
.mds-tx-grain {
  background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px);
}
.mds-tx-weave {
  background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 1px, transparent 1px 5px);
}
.mds-tx-paper {
  background-color: var(--mds-paper);
  background-image: repeating-linear-gradient(0deg, rgba(11,12,14,.09) 0 1px, transparent 1px 14px);
  color: var(--mds-paper-ink);
}
.mds-page-scanlines {
  position: fixed; inset: 0; pointer-events: none; z-index: 40; opacity: .45;
  background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 3px);
}

/* ------------------------------------------------------------- locked act */
.mds-locked {
  position: relative; overflow: hidden;
  border: 1px solid var(--mds-border);
  border-radius: var(--mds-r-lg);
  background: var(--mds-black);
  padding: var(--mds-s5) var(--mds-s4);
}
.mds-locked::before {
  content: ""; position: absolute; inset: 0;
  background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px);
}
.mds-locked__title {
  font-family: var(--mds-font-display); text-transform: uppercase;
  font-size: 24px; color: var(--mds-disabled);
}
.mds-locked__bar { height: 12px; background: var(--mds-border); border-radius: 2px; margin-top: 8px; }
.mds-redacted-tag {
  position: relative; display: inline-flex; align-items: center; gap: var(--mds-s2);
  padding: 6px 10px; border: 1px solid var(--mds-red); color: var(--mds-red);
  font-family: var(--mds-font-mono); font-size: var(--mds-mono-size);
  letter-spacing: .1em; text-transform: uppercase; transform: rotate(-1.5deg);
}

/* ------------------------------------------------------------------ toast */
.mds-toast {
  display: flex; gap: var(--mds-s3);
  padding: var(--mds-s3);
  border-radius: var(--mds-r-lg);
  background: var(--mds-interactive);
  border: 1px solid var(--mds-border);
  box-shadow: var(--mds-shadow-card);
}
.mds-toast img { width: 64px; height: 80px; border-radius: var(--mds-r-sm); object-fit: cover; flex: none; }

/* ------------------------------------------------------------ bottom nav */
.mds-bottomnav {
  display: flex;
  height: calc(64px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  border-top: 1px solid var(--mds-border);
  background: var(--mds-black);
}
.mds-bottomnav__item {
  flex: 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 3px;
  color: var(--mds-meta-dim); font-size: 12px;
  background: none; border: none; cursor: pointer;
  text-decoration: none;
}
.mds-bottomnav__item .mds-bottomnav__num { font-family: var(--mds-font-display); font-size: 17px; }
.mds-bottomnav__item[aria-current="page"], .mds-bottomnav__item.is-active { color: var(--mds-yellow); }

/* -------------------------------------------------------------- scoreboard */
.mds-standing {
  display: flex; align-items: center; gap: var(--mds-s3);
  min-height: 64px; padding: var(--mds-s2) var(--mds-s2);
  border-radius: var(--mds-r);
}
.mds-standing--leader { background: rgba(242,194,48,.1); }
.mds-standing__rank { font-family: var(--mds-font-display); font-size: 22px; color: var(--mds-meta-dim); width: 22px; flex: none; }
.mds-standing--leader .mds-standing__rank { color: var(--mds-yellow); }
.mds-standing__name { font-weight: 700; }
.mds-standing__members { font-size: 13px; color: var(--mds-meta-dim); }
.mds-standing__score { font-family: var(--mds-font-mono); font-size: 17px; margin-left: auto; }

/* --------------------------------------------------------------- dialogs */
.mds-dialog-backdrop {
  position: fixed; inset: 0; z-index: 90;
  background: rgba(11,12,14,.7);
  display: flex; align-items: center; justify-content: center;
  padding: var(--mds-s5);
}
.mds-dialog {
  width: 100%; max-width: 420px;
  background: var(--mds-surface);
  border: 1px solid var(--mds-border);
  border-radius: var(--mds-r-lg);
  padding: var(--mds-s6);
  box-shadow: var(--mds-shadow-device);
}

/* --------------------------------------------------------- hold to confirm */
.mds-hold {
  position: relative; width: 100%; height: 56px;
  border: 1px solid var(--mds-border);
  border-radius: var(--mds-r-lg);
  overflow: hidden; cursor: pointer; touch-action: none;
  background: var(--mds-interactive); color: var(--mds-white);
  font-family: var(--mds-font-display); font-size: 18px;
  letter-spacing: .06em; text-transform: uppercase;
}
.mds-hold__fill {
  position: absolute; left: 0; top: 0; bottom: 0; width: 0;
  background: rgba(242,194,48,.28);
  transition: width 60ms linear;
}
.mds-hold--done { background: var(--mds-green); color: var(--mds-black); border-color: var(--mds-green); }
.mds-hold > span { position: relative; }

/* ---------------------------------------------------------------- loaders */
.mds-loader {
  display: flex; align-items: center; gap: var(--mds-s3);
}
.mds-loader__media {
  width: 52px; height: 52px; border-radius: var(--mds-r-sm);
  overflow: hidden; flex: none; background: var(--mds-black);
  border: 1px solid var(--mds-border);
}
.mds-loader__media img { width: 100%; height: 100%; object-fit: cover; }
.mds-loader--walking .mds-loader__media img { animation: mdsWalk 1.8s ease-in-out infinite; }
.mds-loader--running .mds-loader__media img { animation: mdsRun .7s ease-in-out infinite; }
.mds-loader--driving .mds-loader__media img { animation: mdsDrive 2.4s ease-in-out infinite alternate; }

/* ------------------------------------------------------------ progressbar */
.mds-progress {
  height: 8px; border-radius: var(--mds-r-pill);
  background: var(--mds-border); overflow: hidden;
}
.mds-progress__fill {
  height: 100%; border-radius: var(--mds-r-pill);
  background: var(--mds-blue);
  transition: width var(--mds-slow) var(--mds-ease);
}
.mds-progress__fill--success { background: var(--mds-green); }

/* ----------------------------------------------------------------- tables */
.mds-table { width: 100%; border-collapse: collapse; font-size: var(--mds-ui-sm); }
.mds-table th {
  text-align: left; font-family: var(--mds-font-mono);
  font-size: var(--mds-mono-size-sm); letter-spacing: .12em;
  text-transform: uppercase; color: var(--mds-meta-dim);
  padding: var(--mds-s2) var(--mds-s3);
  border-bottom: 1px solid var(--mds-border);
}
.mds-table td { padding: var(--mds-s3); border-bottom: 1px solid var(--mds-border); }

/* ------------------------------------------------------------------ misc */
.mds-rec {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--mds-font-mono); font-size: var(--mds-mono-size-sm);
  color: var(--mds-red);
}
.mds-rec::before {
  content: ""; width: 7px; height: 7px; border-radius: 999px;
  background: var(--mds-red); animation: mdsPulse 1.4s infinite;
}
.mds-glasses { flex: none; }

/* Sauna Mode: few, huge controls (ACT_PLAN act 2). Activated on <body>. */
body.sauna-mode .mds-btn { min-height: 64px; font-size: 19px; }
body.sauna-mode .mds-btn--primary { height: 72px; font-size: 24px; }
body.sauna-mode .mds-bottomnav { height: calc(80px + env(safe-area-inset-bottom, 0px)); }
body.sauna-mode .mds-bottomnav__item { font-size: 15px; }
body.sauna-mode .pl-views { font-size: 18px; }
body.sauna-mode input[type="checkbox"] { width: 32px !important; height: 32px !important; }

.mds-stack { display: flex; flex-direction: column; gap: var(--mds-s3); }
.mds-row { display: flex; align-items: center; gap: var(--mds-s3); }
.mds-grow { flex: 1; min-width: 0; }
.visually-hidden {
  position: absolute; width: 1px; height: 1px; margin: -1px;
  clip: rect(0 0 0 0); overflow: hidden; white-space: nowrap;
}