/* (c) Intona Technology GmbH, 2026
   Product catalog /products/ (templates/intona-buy-catalog.php): the models as tiles with
   filters and search, and on wide screens the comparison view, a specification table per
   category with the cables as a grade × length matrix (.ct[data-view="table"]). Below 1000px
   there are only the tiles; below 900px the tiles become rows and the filters fold away.
   Colours are custom properties on .ct, set again for the dark colour scheme at the end. */

.ct {
    --ct-red-text: rgb(191,40,27);
    --ct-ink: #1a1a1a;
    --ct-text: #333;
    --ct-muted: #666;
    --ct-faint: #999;
    --ct-line: #e2e2e2;
    --ct-line-soft: #eee;
    --ct-soft: #f5f5f3;
    --ct-tile: white;
    --ct-tile-line: #ebebea;
    --ct-tile-hover: #d6d6d4;
    --ct-img-bg: #f3f3f1;
    --ct-chip-bg: #f6f6f4;
    --ct-chip-line: #ececea;
    --ct-head-bg: #fcfcfb;
    --ct-input-line: #cfcfcf;
    --ct-link: #337ab7;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px 80px;
}
.ct * { box-sizing: border-box; }
.ct p { padding-bottom: 0; margin-bottom: 0; clear: none; }
.ct ul { margin: 0; list-style: none; }
.ct a { color: var(--ct-link); }
/* the reset at the top of std.css gives these 13pt: here they take the size of their text,
   unless a rule below sets one */
.ct strong, .ct b, .ct em, .ct i, .ct small { font-size: inherit; line-height: inherit; }
/* what the filters leave out; also over the display of the classes below */
.ct [hidden] { display: none !important; }

/* model numbers in the site's mono font */
.ct-model { font-family: 'Inconsolata', monospace; font-size: 12pt; letter-spacing: .02em; color: var(--ct-muted); }

/* heading */
.ct-head { padding: 44px 0 26px; display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }
.ct-eyebrow { font-family: 'Roboto-Medium', sans-serif; font-size: 10.5pt; letter-spacing: .12em; text-transform: uppercase; color: var(--ct-red-text); }
.ct .ct-h1 { font-family: 'Roboto-Medium', sans-serif; font-size: 40px; line-height: 1.15; color: var(--ct-ink); margin: 6px 0 8px; }
.ct-settings { font-size: 11pt; color: #444; color: var(--ct-text); text-align: right; max-width: 440px; }
.ct-settings::before { content: "✓"; color: var(--ct-red-text); margin-right: 6px; font-family: 'Roboto-Medium', sans-serif; }

.ct-grid { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 40px; align-items: start; }

/* filters and search */
.ct-facets { position: sticky; top: calc(var(--topnav-offset, 0px) + 20px); }
.ct-facets > summary { display: none; }
.ct-search { position: relative; margin: 0 0 18px; }
.ct-search .glyphicon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 11pt; color: var(--ct-muted); pointer-events: none; }
.ct-search input { width: 100%; margin: 0; padding: 9px 12px 9px 36px; font-size: 12pt; border: 1px solid var(--ct-input-line); border-radius: 4px; font-family: 'nunito', sans-serif; background: var(--ct-tile); color: var(--ct-ink); }
.ct-search input:focus { outline: 2px solid var(--ct-ink); outline-offset: -1px; border-color: var(--ct-ink); }
.ct-fg { border: 0; border-top: 1px solid var(--ct-line); padding: 14px 0 12px; margin: 0; min-width: 0; }
.ct-fg legend { float: left; width: 100%; border: 0; font-family: 'Roboto-Medium', sans-serif; font-size: 10pt; letter-spacing: .1em; text-transform: uppercase; color: #555; color: var(--ct-muted); margin: 0 0 8px; padding: 0; line-height: 1.5; }
.ct-fg label { clear: left; display: flex; align-items: center; gap: 10px; font-weight: normal; font-size: 12pt; line-height: 1.3; padding: 5px 0; margin: 0; cursor: pointer; color: var(--ct-ink); }
.ct-fg label span { font-size: inherit; line-height: inherit; }
.ct-fg label.dim { color: #b5b5b5; cursor: default; }
.ct-fg input { margin: 0; padding: 0; width: 16px; height: 16px; flex: none; accent-color: var(--ct-ink); }
.ct-fg label b { margin-left: auto; font-weight: normal; font-size: 10.5pt; color: var(--ct-faint); }
.ct .ct-quote { margin-top: 18px; padding: 16px; background: var(--ct-soft); border-radius: 4px; font-size: 11pt; line-height: 1.5; color: var(--ct-text); }
.ct-quote strong { display: block; font-family: 'Roboto-Medium', sans-serif; font-weight: normal; font-size: 12pt; margin-bottom: 4px; color: var(--ct-ink); }
.ct-quote a { font-size: inherit; }

/* toolbar above the results */
.ct-bar { display: flex; align-items: center; gap: 14px; min-height: 40px; margin-bottom: 18px; }
.ct-count { font-size: 12pt; color: var(--ct-text); white-space: nowrap; }
.ct-count b { font-family: 'Roboto-Medium', sans-serif; font-weight: normal; }
.ct-active { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
.ct-pill { font-size: 10.5pt; padding: 3px 10px; border-radius: 20px; background: var(--ct-ink); color: var(--ct-tile); border: 0; margin: 0; cursor: pointer; font-family: 'nunito', sans-serif; }
.ct-pill::after { content: " ×"; opacity: .7; }
.ct .ct-clear { font-size: 10.5pt; background: none; border: 0; color: var(--ct-link); margin: 0; padding: 3px 4px; cursor: pointer; font-family: 'nunito', sans-serif; }
.ct-sort { font-size: 11pt; color: #555; color: var(--ct-muted); white-space: nowrap; font-weight: normal; margin: 0; }
.ct-sort select { font-family: 'nunito', sans-serif; font-size: 11.5pt; padding: 6px 8px; border: 1px solid var(--ct-input-line); border-radius: 4px; margin-left: 6px; background: var(--ct-tile); color: var(--ct-ink); }

/* view switch: two links that the script turns into a switch without reload */
.ct-switch { display: inline-flex; margin-left: auto; border: 1px solid var(--ct-input-line); border-radius: 4px; overflow: hidden; flex: none; }
.ct-switch a { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; background: var(--ct-tile); color: #444; color: var(--ct-text); font-family: 'Roboto-Medium', sans-serif; font-size: 11pt; text-decoration: none; }
.ct-switch a + a { border-left: 1px solid var(--ct-input-line); }
.ct-switch a:hover, .ct-switch a:focus { background: var(--ct-soft); color: var(--ct-ink); text-decoration: none; }
.ct-switch a[aria-current="true"] { background: var(--ct-ink); color: var(--ct-tile); }
.ct-switch .glyphicon { top: 0; font-size: 10pt; }

/* tiles */
.ct-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.ct-tile { position: relative; display: flex; flex-direction: column; background: var(--ct-tile); border: 1px solid var(--ct-tile-line); border-radius: 6px; overflow: hidden; transition: box-shadow .15s, border-color .15s; }
.ct-tile:hover { border-color: var(--ct-tile-hover); box-shadow: 0 6px 22px rgba(0,0,0,.08); }
.ct-img { position: relative; height: 210px; background: #f3f3f1; background: var(--ct-img-bg); display: flex; align-items: center; justify-content: center; padding: 22px; }
/* product photos on white melt into the grey of the box; cut-out renders are unaffected */
.ct-img img { max-height: 100%; max-width: 100%; width: auto; height: auto; mix-blend-mode: multiply; }
.ct-badge { position: absolute; z-index: 1; top: 12px; left: 12px; font-family: 'Roboto-Medium', sans-serif; font-size: 8.5pt; letter-spacing: .08em; text-transform: uppercase; padding: 2px 8px; border-radius: 3px; background: white; color: rgb(191,40,27); }
.ct-badge-req { color: #555; }
.ct-badge-free { background: rgb(191,40,27); color: white; }
.ct-glyph { font-family: 'Inconsolata', monospace; font-size: 46pt; color: #b9b9b5; line-height: 1; text-align: center; }
.ct-glyph small { display: block; font-family: 'Roboto-Medium', sans-serif; font-size: 10pt; letter-spacing: .14em; text-transform: uppercase; color: #8d8d88; margin-top: 10px; }

.ct-body { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 16px 18px 18px; }
.ct .ct-name { font-family: 'Roboto-Medium', sans-serif; font-weight: normal !important; font-size: 13.5pt; line-height: 1.3; margin: 2px 0 10px; }
.ct-name a { color: var(--ct-ink); text-decoration: none; font: inherit; }
/* the whole tile is the link to the product page; the length buttons lie above it */
.ct-name a::after { content: ""; position: absolute; inset: 0; }
.ct-name a:hover, .ct-name a:focus { color: var(--ct-ink); text-decoration: none; }
.ct-tile:focus-within { border-color: var(--ct-ink); }
.ct-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 14px !important; }
.ct-chips li { display: inline-block; font-size: 9.5pt; line-height: 1.4; padding: 1px 8px; border: 1px solid var(--ct-chip-line); border-radius: 20px; background: var(--ct-chip-bg); color: #444; color: var(--ct-text); white-space: nowrap; }
.ct-len { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 4px; margin: -4px 0 14px; }
.ct-len button { font-family: 'nunito', sans-serif; font-size: 10pt; margin: 0; padding: 2px 8px; border: 1px solid var(--ct-input-line); border-radius: 3px; background: var(--ct-tile); color: var(--ct-text); cursor: pointer; }
.ct-len button[aria-pressed="true"] { border-color: var(--ct-ink); background: var(--ct-ink); color: var(--ct-tile); }
/* price and cue side by side at the bottom of the tile, the cue on the baseline of the price's
   first line (the amount; the small lines stay below it); where both don't fit, the cue goes
   below the price, still on the right */
.ct-foot { margin-top: auto; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px; }
.ct-price { font-family: 'Roboto-Medium', sans-serif; font-size: 15pt; line-height: 1.2; color: var(--ct-ink); white-space: nowrap; }
.ct-price small { display: block; font-family: 'nunito', sans-serif; font-size: 9.5pt; color: var(--ct-muted); white-space: normal; }
.ct-price em { font-style: normal; font-family: 'nunito', sans-serif; font-size: 10.5pt; color: var(--ct-muted); }
/* in the tiles the price is quiet text, not a headline figure; always as high as with one
   small line under it, so that price and cue sit at the same height in every tile of a row */
.ct-tiles .ct-price { font-family: 'nunito', sans-serif; font-size: 12pt; color: var(--ct-text); min-height: calc(1.2em + 11.4pt); }
/* "Details →": only a cue, the whole tile is the link. The arrow is inline-block, so the
   underline leaves it out and it can move. */
.ct-more { margin-left: auto; font-family: 'Roboto-Medium', sans-serif; font-size: 11pt; line-height: 1.2; color: var(--ct-ink); white-space: nowrap; }
.ct-more-arrow { display: inline-block; margin-left: 4px; transition: transform .15s; }
.ct-tile:hover .ct-more { text-decoration: underline; }
.ct-tile:hover .ct-more-arrow { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) {
    .ct-more-arrow { transition: none; }
    .ct-tile:hover .ct-more-arrow { transform: none; }
}
.ct .ct-empty { padding: 60px 0; text-align: center; color: #777; color: var(--ct-muted); font-size: 13pt; }

/* the last tile: the first questions that the FAQ finds for the search text */
.ct-faq { display: flex; flex-direction: column; padding: 16px 18px 18px; background: var(--ct-soft); border: 1px solid var(--ct-tile-line); border-radius: 6px; }
.ct .ct-faq-n { font-family: 'Roboto-Medium', sans-serif; font-weight: normal !important; font-size: 13.5pt; line-height: 1.3; color: var(--ct-ink); margin: 4px 0 10px; }
.ct-faq-n b { font-family: inherit; font-weight: normal; }
.ct-faq li { border-top: 1px solid var(--ct-line); }
.ct .ct-faq li a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; padding: 8px 0; font-size: 11pt; line-height: 1.4; color: var(--ct-ink); text-decoration: none; }
.ct .ct-faq li a:hover, .ct .ct-faq li a:focus { color: var(--ct-red-text); text-decoration: none; }
.ct .ct-faq-all { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--ct-line); font-family: 'Roboto-Medium', sans-serif; font-size: 11pt; }
.ct .ct-faq-all:hover, .ct .ct-faq-all:focus { color: var(--ct-red-text); text-decoration: none; }
.ct-faq-all::after { content: " \2192"; }

/* comparison view: the tables, then the tiles made to order */
.ct-tables { display: none; }
.ct[data-view="table"] .ct-results { display: flex; flex-direction: column; }
.ct[data-view="table"] .ct-tables { display: block; order: 1; }
.ct[data-view="table"] .ct-tiles { order: 2; }
.ct[data-view="table"] .ct-tile:not(.ct-req), .ct[data-view="table"] .ct-sort { display: none; }

.ct-fam { margin-bottom: 56px; }
.ct-fam-head { display: flex; align-items: baseline; gap: 16px; margin: 0 0 4px; }
.ct .ct-fam-head h2, .ct .ct-req-head { font-family: 'Roboto-Medium', sans-serif; font-weight: normal !important; font-size: 24px; line-height: 1.2; color: var(--ct-ink); margin: 0; }
.ct .ct-req-head { margin: 0 0 18px; }
.ct-fam-n { font-size: 11pt; color: var(--ct-red-text); }
.ct-intro { font-size: 12pt; color: #555; color: var(--ct-muted); margin: 0 0 14px !important; max-width: 900px; }
.ct-footnote { font-size: 10.5pt; color: var(--ct-muted); margin-top: 10px !important; }

.ct-scroll { overflow-x: auto; border: 1px solid var(--ct-line); border-radius: 6px; max-width: calc(140px + var(--ct-cols, 4) * 330px); }
.ct-t { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; min-width: calc(140px + var(--ct-cols, 4) * 120px); }
/* long German words (Spannungsversorgung) break with a hyphen instead of running into the next column */
.ct-t th, .ct-t td { font-size: 11.5pt; line-height: 1.45; padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ct-line-soft); color: var(--ct-ink); hyphens: auto; overflow-wrap: break-word; }
.ct-t col.ct-label-col { width: 140px; }
/* browsers don't hyphenate a capitalized English word, so "Recommended" needs the room of the
   narrower right padding to stay whole; only long words (Spannungsversorgung) are hyphenated,
   so "Isolated output" breaks between its words and not as "out-put" */
.ct-t tbody th, .ct-t tfoot th { font-family: 'nunito', sans-serif; font-weight: normal; color: #777; color: var(--ct-muted); font-size: 10.5pt; text-transform: uppercase; letter-spacing: .05em; padding-top: 12px; padding-right: 6px; hyphenate-limit-chars: 12 5 5; overflow-wrap: anywhere; background: var(--ct-head-bg); position: sticky; left: 0; z-index: 1; border-right: 1px solid var(--ct-line-soft); }
.ct-t td small { display: block; font-size: 10pt; color: var(--ct-muted); line-height: 1.4; margin-top: 2px; }
.ct-t .ct-no { color: #aaa; }
.ct-t thead th { position: relative; padding: 30px 14px 12px; border-bottom: 1px solid var(--ct-line); font-weight: normal; }
.ct-t thead td { background: var(--ct-head-bg); position: sticky; left: 0; z-index: 1; border-right: 1px solid var(--ct-line-soft); border-bottom: 1px solid var(--ct-line); }
.ct-t tfoot td, .ct-t tfoot th { border-bottom: 0; border-top: 1px solid var(--ct-line); }
.ct-t tfoot .ct-pricerow td, .ct-t tfoot .ct-pricerow th { border-top: 0; padding-bottom: 16px; vertical-align: bottom; }
.ct-pic { height: 92px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.ct-pic img { max-height: 92px; max-width: 100%; width: auto; height: auto; mix-blend-mode: multiply; }
.ct-col-name { display: block; font-family: 'Roboto-Medium', sans-serif; font-size: 12.5pt; line-height: 1.3; color: var(--ct-ink) !important; text-decoration: none; }
a.ct-col-name:hover, a.ct-col-name:focus { color: var(--ct-red-text) !important; text-decoration: none; }
.ct-t thead .ct-model { display: block; font-size: 11.5pt; margin-top: 3px; }
.ct-pop { position: absolute; top: 10px; left: 14px; font-family: 'Roboto-Medium', sans-serif; font-size: 8.5pt; letter-spacing: .08em; text-transform: uppercase; color: var(--ct-red-text); }
.ct-pricerow .ct-price { font-size: 13.5pt; }

.ct-codes li { font-size: 11pt; line-height: 1.4; margin-bottom: 6px; }
.ct-codes li a, .ct-codes .ct-code { font-family: 'Inconsolata', monospace; font-size: 12pt; margin-right: 8px; white-space: nowrap; }
.ct-codes li span { font-size: 11pt; color: var(--ct-text); }
.ct-codes li small { display: block; color: var(--ct-muted); font-size: 10pt; margin-top: 0; }

/* cables: per product a side panel and the grade × length matrix */
.ct-cable { border: 1px solid var(--ct-line); border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
.ct-cable-side { background: var(--ct-soft); padding: 16px 22px; display: grid; grid-template-columns: 150px 300px minmax(0, 1fr); gap: 28px; align-items: center; border-bottom: 1px solid var(--ct-line); }
.ct-cable-side .ct-pic { height: 90px; margin: 0; }
.ct-cable-side .ct-pic img { max-height: 90px; }
.ct .ct-cable-side h3 { font-family: 'Roboto-Medium', sans-serif; font-weight: normal !important; font-size: 14pt; line-height: 1.25; margin: 0 0 2px; }
.ct-cable-side h3 a { color: var(--ct-ink); text-decoration: none; font: inherit; }
.ct-cable-side h3 a:hover, .ct-cable-side h3 a:focus { color: var(--ct-red-text); }
.ct-cable-side .ct-price { margin-top: 6px; font-size: 11pt; }
.ct-specs { columns: 2; column-gap: 28px; }
.ct-specs li { break-inside: avoid; font-size: 11pt; line-height: 1.45; padding: 3px 0 3px 16px; position: relative; color: var(--ct-text); }
.ct-specs li span { font-size: inherit; color: var(--ct-muted); }
.ct-specs li::before { content: ""; position: absolute; left: 0; top: .72em; width: 6px; height: 6px; background: var(--ct-red-text); border-radius: 50%; }
.ct-cable .ct-scroll { border: 0; border-radius: 0; max-width: none; }
.ct-m { min-width: 640px; }
.ct-m col.ct-grade-col { width: 260px; }
.ct-m thead th { font-family: 'Roboto-Medium', sans-serif; font-size: 11pt; color: #555; color: var(--ct-muted); background: var(--ct-head-bg); border-bottom: 1px solid var(--ct-line); vertical-align: bottom; padding: 10px 14px; text-align: right; }
.ct-m thead th:first-child { text-align: left; position: sticky; left: 0; z-index: 1; }
.ct-m tbody th { text-transform: uppercase; letter-spacing: .06em; font-family: 'Roboto-Medium', sans-serif; font-size: 11pt; color: var(--ct-ink); vertical-align: middle; }
.ct-m tbody th small { display: block; font-family: 'nunito', sans-serif; text-transform: none; letter-spacing: 0; color: var(--ct-red-text); font-size: 9.5pt; margin-top: 2px; }
.ct-m td { text-align: right; vertical-align: middle; }
.ct-m td a { display: inline-block; font-family: 'Roboto-Medium', sans-serif; font-size: 12pt; color: var(--ct-ink); padding: 4px 8px; margin-right: -8px; border-radius: 3px; text-decoration: none; }
.ct-m td a:hover, .ct-m td a:focus { background: var(--ct-ink); color: var(--ct-tile); }
.ct-m td a small { display: block; font-family: 'Inconsolata', monospace; font-size: 10pt; color: #888; margin: 0; }
.ct-m td a:hover small, .ct-m td a:focus small { color: #ccc; }
.ct-m .ct-code { font-family: 'Inconsolata', monospace; font-size: 11pt; color: var(--ct-muted); }
.ct-matrix-note { font-size: 10pt; color: var(--ct-muted); padding: 6px 14px 8px !important; text-align: right; border-top: 1px solid var(--ct-line-soft); }

@media (max-width: 1400px) {
    .ct-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* below this, three tiles next to the filters are narrower than the longest chip */
@media (max-width: 1100px) {
    .ct-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* the comparison needs a wide screen: below 1000px only the tiles exist */
@media (max-width: 999px) {
    .ct-switch { display: none !important; }
    .ct[data-view="table"] .ct-tables { display: none; }
    .ct[data-view="table"] .ct-tile:not(.ct-req) { display: flex; }
    .ct[data-view="table"] .ct-sort { display: inline; }
    .ct[data-view="table"] .ct-tiles { order: 0; }
}

@media (max-width: 900px) {
    .ct { padding: 0 16px 60px; }
    .ct-head { display: block; padding-top: 26px; padding-bottom: 20px; }
    .ct .ct-h1 { font-size: 30px; }
    .ct-settings { text-align: left; margin-top: 12px; max-width: none; }
    .ct-grid { display: block; }
    .ct-facets { position: static; border: 1px solid var(--ct-line); border-radius: 6px; padding: 0 14px; margin-bottom: 16px; }
    .ct-facets > summary { display: block; padding: 12px 0; font-family: 'Roboto-Medium', sans-serif; font-size: 12pt; cursor: pointer; }
    .ct-facets[open] { padding-bottom: 14px; }
    .ct-bar { flex-wrap: wrap; }
    .ct .ct-tiles { grid-template-columns: 1fr; gap: 12px; }
    .ct-tile { flex-direction: row; }
    .ct-img { width: 118px; height: auto; min-height: 118px; flex: none; padding: 10px; }
    .ct-glyph { font-size: 26pt; }
    .ct-glyph small { display: none; }
    .ct-badge { top: 6px; left: 6px; font-size: 7.5pt; padding: 1px 5px; }
    .ct-body { padding: 12px 14px 14px; }
    .ct .ct-name { font-size: 12.5pt; margin-bottom: 6px; }
    .ct-chips { display: none !important; }
    .ct-len { margin: 0 0 10px; }
    .ct-len button { padding: 1px 6px; font-size: 9.5pt; }
    /* smaller in proportion, as the headline figure was (15pt to 13pt) */
    .ct-tiles .ct-price { font-size: 10.5pt; }
}

@media (prefers-color-scheme: dark) {
    .ct {
        --ct-red-text: rgb(235,95,80);
        --ct-ink: #e4e4e4;
        --ct-text: var(--intona_txt, #cacac9);
        --ct-muted: #9a9aa6;
        --ct-faint: #77778a;
        --ct-line: #3a3a56;
        --ct-line-soft: #2e2e48;
        --ct-soft: #24243c;
        --ct-tile: #1b1b30;
        --ct-tile-line: #33334f;
        --ct-tile-hover: #4a4a6a;
        --ct-img-bg: #e7e7e3;
        --ct-chip-bg: #26263f;
        --ct-chip-line: #3a3a56;
        --ct-head-bg: #20203a;
        --ct-input-line: #4a4a66;
        --ct-link: #659fd3;
    }
    .ct-fg label.dim { color: #5c5c70; }
    .ct-pic { background: var(--ct-img-bg); border-radius: 4px; }
    .ct-tile:hover { box-shadow: 0 6px 22px rgba(0,0,0,.4); }
    .ct-m td a small { color: #8a8a9a; }
}