
    .yara-block {
      margin-bottom: 2.5rem;
    }

    .yara-report-heading {
      background: var(--surface);
      border: 1px solid var(--border);
      border-bottom: 3px solid var(--green);
      padding: 1rem 1.5rem;
    }

    .yara-report-title {
      font-size: 15px;
      font-weight: 500;
      color: var(--text);
      text-decoration: none;
      transition: color .15s;
    }

    .yara-report-title:hover {
      color: var(--green);
    }

    .yara-rule-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-top: none;
      margin-bottom: 1px;
    }

    .yara-rule-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: .75rem 1.5rem;
      border-bottom: 1px solid var(--border);
      cursor: pointer;
      user-select: none;
      gap: 1rem;
      flex-wrap: wrap;
    }

    .yara-rule-header:hover {
      background: var(--surface2);
    }

    .yara-rule-name {
      font-family: var(--mono);
      font-size: 13px;
      color: var(--green);
      font-weight: 700;
    }

    .yara-rule-meta {
      font-family: var(--mono);
      font-size: 11px;
      color: var(--muted);
    }

    .yara-rule-actions {
      display: flex;
      gap: 8px;
      align-items: center;
    }

    .yara-copy-btn {
      font-family: var(--mono);
      font-size: 11px;
      background: transparent;
      border: 1px solid var(--border);
      color: var(--muted);
      padding: 4px 10px;
      cursor: pointer;
      letter-spacing: .5px;
      transition: all .15s;
    }

    @media(max-width:700px) {
      .yara-copy-btn {
        padding: 9px 14px;
        font-size: 12px;
      }
    }

    .yara-copy-btn:hover {
      border-color: var(--green);
      color: var(--green);
    }

    .yara-copy-btn.copied {
      border-color: var(--green);
      color: var(--green);
    }

    .yara-chevron {
      font-size: 12px;
      color: var(--muted);
      transition: transform .2s;
    }

    .yara-rule-body {
      display: none;
      padding: 0;
    }

    .yara-rule-body.open {
      display: block;
    }

    .yara-rule-body pre {
      margin: 0;
      padding: 1.25rem 1.5rem;
      font-family: var(--mono);
      font-size: 12px;
      color: var(--text);
      line-height: 1.8;
      overflow-x: auto;
      white-space: pre;
      background: var(--surface2);
    }

    .dl-all-btn {
      font-family: var(--mono);
      font-size: 12px;
      background: transparent;
      border: 1px solid var(--green);
      color: var(--green);
      padding: 7px 16px;
      cursor: pointer;
      letter-spacing: 1px;
    }

    .dl-all-btn:hover {
      background: rgba(0, 255, 157, .08);
    }

    .stats-row {
      display: flex;
      gap: 2rem;
      margin-bottom: 2rem;
      flex-wrap: wrap;
    }

    .stat-mini {
      text-align: center;
    }

    .stat-mini-num {
      font-family: var(--mono);
      font-size: 20px;
      font-weight: 700;
      color: var(--green);
    }

    .stat-mini-label {
      font-size: 11px;
      color: var(--muted);
      letter-spacing: 1px;
      margin-top: 2px;
    }

    .tag-pill {
      margin-bottom: 0 !important;
    }

    /* ── YARA Reference tabs ── */
    .yara-tabs {
      display: flex;
      gap: 2px;
      flex-wrap: wrap;
      margin-bottom: 0;
      border-bottom: 1px solid var(--border);
    }

    .ytab {
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 1px;
      padding: 8px 16px;
      background: var(--surface);
      border: 1px solid var(--border);
      border-bottom: none;
      color: var(--muted);
      cursor: pointer;
      transition: all .15s;
      text-transform: uppercase;
    }

    .ytab:hover {
      color: var(--green);
      background: var(--surface2);
    }

    .ytab.active {
      color: var(--green);
      background: var(--surface2);
      border-bottom: 2px solid var(--green);
    }

    .ytab-panel {
      display: none;
      background: transparent;
      border: none;
      border-top: 1px solid var(--border);
      padding: 1.5rem 0;
    }

    .ytab-panel.active {
      display: block;
    }

    /* ── Carousel ── */
    .yref-carousel-wrap {
      position: relative;
    }

    .yref-carousel-nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: .85rem;
    }

    .yref-carousel-counter {
      font-family: var(--mono);
      font-size: 11px;
      color: var(--muted);
      letter-spacing: 1px;
    }

    .yref-carousel-counter span {
      color: var(--green);
    }

    .yref-nav-btns {
      display: flex;
      gap: 6px;
    }

    .yref-nav-btn {
      font-family: var(--mono);
      font-size: 14px;
      width: 32px;
      height: 32px;
      background: var(--surface);
      border: 1px solid var(--border);
      color: var(--muted);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .15s;
      user-select: none;
    }

    .yref-nav-btn:hover:not(:disabled) {
      border-color: var(--green);
      color: var(--green);
      background: var(--surface2);
    }

    .yref-nav-btn:disabled {
      opacity: .25;
      cursor: not-allowed;
    }

    .yref-carousel-viewport {
      overflow: visible;
    }

    .yref-grid {
      display: block;
      width: 100%;
    }

    .yref-card {
      width: 100%;
      min-width: 0;
      box-sizing: border-box;
      background: var(--surface);
      border: 1px solid var(--border);
      border-top: 2px solid var(--green);
      padding: 1.1rem 1.25rem 1.25rem;
      display: flex;
      flex-direction: column;
      gap: .7rem;
      transition: background .15s;
    }

    .yref-card:hover {
      background: var(--surface2);
    }

    .yref-dots {
      display: flex;
      gap: 5px;
      justify-content: center;
      margin-top: .85rem;
    }

    .yref-dot {
      width: 18px;
      height: 3px;
      background: var(--border);
      cursor: pointer;
      transition: background .2s, width .2s;
    }

    .yref-dot.active {
      background: var(--green);
      width: 28px;
    }

    .yref-card-title {
      font-family: var(--mono);
      font-size: 10px;
      color: var(--green);
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .yref-code {
      background: rgba(2, 8, 20, .7);
      border: 1px solid rgba(31, 45, 69, .6);
      padding: .85rem 1rem;
      font-family: var(--mono);
      font-size: 11px;
      color: var(--text);
      line-height: 1.75;
      overflow-x: auto;
      white-space: pre;
      flex: 1;
    }

    .yref-code::-webkit-scrollbar {
      height: 3px;
    }

    .yref-code::-webkit-scrollbar-thumb {
      background: var(--border);
    }

    .tok-comment {
      color: var(--muted);
      font-style: italic;
    }

    .tok-string {
      color: var(--amber);
    }

    .tok-var {
      color: var(--green);
    }

    .tok-num {
      color: var(--blue);
    }

    .tok-flag {
      color: var(--blue);
    }

    .tok-kw {
      color: var(--red);
    }

    .yref-note {
      font-size: 12px;
      color: var(--muted);
      line-height: 1.6;
      border-top: 1px solid var(--border);
      padding-top: .6rem;
    }

    .yref-note code {
      font-family: var(--mono);
      font-size: 11px;
      color: var(--green);
    }

    @media(max-width:700px) {
      .yref-card {
        width: 100%;
      }

      .ytab {
        font-size: 10px;
        padding: 6px 9px;
      }
    }

    /* ── Page hero ── */
    .yara-hero {
      padding-top: 2.5rem;
      padding-bottom: .5rem;
    }

    .yara-hero-crumb {
      font-family: var(--mono);
      font-size: 11px;
      color: var(--muted);
      letter-spacing: .5px;
      margin-bottom: 1rem;
    }

    .yara-hero-crumb a {
      color: var(--muted);
      text-decoration: none;
    }

    .yara-hero-crumb a:hover {
      color: var(--green);
    }

    .yara-hero-crumb span {
      margin: 0 8px;
      color: var(--border);
    }

    .yara-hero-title {
      font-size: clamp(1.7rem, 3.6vw, 2.4rem);
      color: var(--text);
      letter-spacing: .3px;
      margin-bottom: .75rem;
    }

    .yara-hero-sub {
      max-width: 720px;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.75;
    }

    /* ── Card hover polish ── */
    .yref-card,
    .yara-rule-card {
      transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

    .yref-card:hover {
      border-left-color: var(--green);
      box-shadow: 0 4px 18px rgba(0, 0, 0, .35);
      transform: translateY(-1px);
    }

    .yara-rule-card:hover {
      box-shadow: 0 4px 18px rgba(0, 0, 0, .3);
    }

    /* ── Tab icons ── */
    .ytab-icon {
      margin-right: 6px;
      opacity: .8;
    }

    .ytab {
      display: inline-flex;
      align-items: center;
    }

    /* ── Stats row polish ── */
    .stats-row {
      padding: 1rem 1.5rem;
      background: var(--surface);
      border: 1px solid var(--border);
      border-left: 2px solid var(--green);
    }

    /* ── YARA search box ── */
    .yara-search-wrap {
      margin-bottom: 1.25rem;
    }

    .yara-search {
      width: 100%;
      font-family: var(--mono);
      font-size: 13px;
      background: var(--surface);
      border: 1px solid var(--border);
      color: var(--text);
      padding: .7rem 1rem;
      letter-spacing: .3px;
      transition: border-color .15s ease;
    }

    .yara-search::placeholder {
      color: var(--muted);
    }

    .yara-search:focus {
      outline: none;
      border-color: var(--green);
    }

    .yara-no-match {
      display: none;
      padding: 2rem 0;
      text-align: center;
      font-family: var(--mono);
      font-size: 12px;
      color: var(--muted);
    }

    /* ── Back to top ── */
    .back-to-top {
      position: fixed;
      bottom: 24px;
      right: 24px;
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--surface);
      border: 1px solid var(--border);
      color: var(--muted);
      font-family: var(--mono);
      font-size: 16px;
      cursor: pointer;
      opacity: 0;
      pointer-events: none;
      transition: opacity .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
      z-index: 50;
    }

    .back-to-top.show {
      opacity: 1;
      pointer-events: auto;
    }

    .back-to-top:hover {
      border-color: var(--green);
      color: var(--green);
      transform: translateY(-2px);
    }

    @media(max-width:700px) {
      .yara-hero-sub {
        font-size: 13px;
      }
    }

    /* ── ADD RULE MODAL ── */
    .add-rule-btn {
      font-family: var(--mono); font-size: 11px; letter-spacing: .5px;
      padding: 7px 16px; background: transparent;
      border: 1px solid var(--green); color: var(--green);
      cursor: pointer; transition: all .15s;
      display: inline-flex; align-items: center; gap: 6px;
    }
    .add-rule-btn:hover { background: var(--green-faint); }

    .modal-overlay {
      position: fixed; inset: 0; z-index: 9999;
      background: rgba(4,13,31,.9); backdrop-filter: blur(4px);
      display: flex; align-items: center; justify-content: center;
      opacity: 0; pointer-events: none; transition: opacity .2s;
    }
    .modal-overlay.open { opacity: 1; pointer-events: all; }

    .modal-box {
      background: var(--surface);
      border: 1px solid var(--border); border-top: 2px solid var(--green);
      width: 100%; max-width: 660px; max-height: 90vh;
      overflow-y: auto; transform: translateY(20px); transition: transform .2s;
      scrollbar-width: thin; scrollbar-color: var(--border) transparent;
    }
    .modal-overlay.open .modal-box { transform: translateY(0); }

    .modal-head {
      display: flex; align-items: center; justify-content: space-between;
      padding: .85rem 1.25rem; border-bottom: 1px solid var(--border);
      position: sticky; top: 0; background: var(--surface); z-index: 1;
    }
    .modal-head-title {
      font-family: var(--mono); font-size: 11px;
      letter-spacing: 2px; color: var(--green);
    }
    .modal-x {
      font-size: 18px; color: var(--muted); background: none;
      border: none; cursor: pointer; padding: 0 2px; line-height: 1;
      font-family: var(--mono); transition: color .15s;
    }
    .modal-x:hover { color: var(--red); }

    .modal-body { padding: 1.25rem; display: flex; flex-direction: column; gap: .9rem; }

    .mrow { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
    .mfield { display: flex; flex-direction: column; gap: 4px; }
    .mlabel {
      font-family: var(--mono); font-size: 9px;
      letter-spacing: 1.5px; color: var(--muted);
    }
    .mlabel em { color: var(--red); font-style: normal; margin-left: 2px; }
    .minput, .msel, .mtarea {
      background: var(--surface2); border: 1px solid var(--border);
      color: var(--text); font-family: var(--mono); font-size: 12px;
      padding: 8px 10px; outline: none; width: 100%; transition: border-color .15s;
    }
    .minput:focus, .msel:focus, .mtarea:focus { border-color: var(--green); }
    .minput::placeholder, .mtarea::placeholder { color: var(--muted); opacity: .6; }
    .msel { appearance: none; cursor: pointer; }
    .msel option { background: var(--surface); }
    .mtarea { resize: vertical; min-height: 200px; line-height: 1.7; font-size: 11.5px; }

    .mhint {
      font-size: 11.5px; color: var(--muted); line-height: 1.7;
      padding: .65rem .9rem;
      border: 1px solid rgba(31,45,69,.6); border-left: 2px solid var(--amber);
      background: rgba(245,158,11,.03);
    }
    .mhint code { font-family: var(--mono); font-size: 10px; color: var(--amber); }

    .modal-foot {
      display: flex; align-items: center; justify-content: space-between;
      padding: .9rem 1.25rem; border-top: 1px solid var(--border);
      position: sticky; bottom: 0; background: var(--surface);
    }
    .modal-err-txt {
      font-family: var(--mono); font-size: 11px; color: var(--red);
      visibility: hidden;
    }
    .modal-err-txt.show { visibility: visible; }
    .modal-actions { display: flex; gap: .65rem; }
    .mbtn-cancel {
      font-family: var(--mono); font-size: 11px; padding: 7px 18px;
      background: transparent; border: 1px solid var(--border); color: var(--muted);
      cursor: pointer; transition: all .15s; letter-spacing: .5px;
    }
    .mbtn-cancel:hover { border-color: var(--text); color: var(--text); }
    .mbtn-save {
      font-family: var(--mono); font-size: 11px; padding: 7px 18px;
      background: var(--green); border: 1px solid var(--green);
      color: #0a0e17; font-weight: 700; cursor: pointer;
      transition: all .15s; letter-spacing: .5px;
    }
    .mbtn-save:hover { background: var(--green-dim); border-color: var(--green-dim); }

    /* standalone rule cards */
    .sa-block { margin-bottom: 1.5rem; }
    .sa-head {
      background: var(--surface); border: 1px solid var(--border);
      border-bottom: 3px solid var(--amber);
      padding: .8rem 1.5rem;
      display: flex; align-items: flex-start;
      justify-content: space-between; gap: .75rem; flex-wrap: wrap;
    }
    .sa-name {
      font-family: var(--mono); font-size: 14px;
      color: var(--amber); font-weight: 700; margin-bottom: 4px;
    }
    .sa-meta {
      font-family: var(--mono); font-size: 11px; color: var(--muted);
    }
    .sa-badge {
      font-family: var(--mono); font-size: 9px; letter-spacing: .5px;
      padding: 2px 8px; border: 1px solid rgba(245,158,11,.4); color: var(--amber);
      margin-left: 6px; vertical-align: middle;
    }
    .sa-actions { display: flex; gap: 6px; flex-shrink: 0; margin-top: 2px; }
    .sa-copy-btn {
      font-family: var(--mono); font-size: 11px; background: transparent;
      border: 1px solid var(--border); color: var(--muted);
      padding: 4px 10px; cursor: pointer; transition: all .15s;
    }
    .sa-copy-btn:hover, .sa-copy-btn.copied { border-color: var(--green); color: var(--green); }
    .sa-del-btn {
      font-family: var(--mono); font-size: 11px; background: transparent;
      border: 1px solid var(--border); color: var(--muted);
      padding: 4px 10px; cursor: pointer; transition: all .15s;
    }
    .sa-del-btn:hover { border-color: var(--red); color: var(--red); }

    #standalone-wrap {
      margin-bottom: .5rem;
    }

    @media(max-width:600px) {
      .mrow { grid-template-columns: 1fr; }
      .modal-box { max-width: 95vw; }
    }


    .sa-standalone-label {
      font-family: var(--mono); font-size: 9px; letter-spacing: .5px;
      padding: 2px 8px; border: 1px solid rgba(245,158,11,.35);
      color: var(--amber);
    }
    .sa-del {
      color: var(--muted) !important;
    }
    .sa-del:hover {
      border-color: var(--red) !important;
      color: var(--red) !important;
    }

/* ═══ Extractor feed (from extractors page) ═══ */
.yara-copy-btn:hover, .yara-copy-btn.copied { border-color: var(--green); color: var(--green); }
.yara-copy-btn.sa-del:hover { border-color: var(--red); color: var(--red); }
.yara-rule-body .ioc-table { border: none; }
.ex-heading-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
    }
.ex-family {
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 1px;
      color: var(--text);
      border: 1px solid var(--border);
      padding: 3px 8px;
    }
.ex-status {
      font-family: var(--mono);
      font-size: 9px;
      letter-spacing: .8px;
      padding: 3px 8px;
      border: 1px solid;
      text-decoration: none;
    }
.ex-status.noreport { color: var(--amber); border-color: rgba(245, 158, 11, .45); }
.ex-status.report { color: var(--green); border-color: rgba(0, 255, 157, .4); }
.ex-status.report:hover { background: var(--green-faint); }
.ex-status.local { color: var(--blue); border-color: rgba(56, 189, 248, .45); }
.ex-meta {
      margin-top: 8px;
      font-family: var(--mono);
      font-size: 11px;
      color: var(--muted);
    }
.ex-desc {
      margin-top: 8px;
      font-size: 13px;
      color: var(--muted);
      line-height: 1.7;
      max-width: 860px;
    }
.ex-inline-link { color: var(--green); text-decoration: none; border-bottom: 1px solid rgba(0, 255, 157, .4); }
.ex-flash { animation: exFlash 2.2s ease-out 1; }
@keyframes exFlash {
      0% { box-shadow: 0 0 0 2px var(--green); }
      100% { box-shadow: 0 0 0 2px transparent; }
    }
.ex-local-banner {
      display: none;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      margin-bottom: 1.25rem;
      padding: .8rem 1.1rem;
      border: 1px solid rgba(56, 189, 248, .35);
      border-left: 3px solid var(--blue);
      background: rgba(56, 189, 248, .05);
      font-size: 12.5px;
      color: var(--muted);
      line-height: 1.6;
    }
.ex-local-banner strong { color: var(--blue); font-weight: 600; }
.ex-toolbar {
      display: flex;
      gap: .75rem;
      align-items: stretch;
      flex-wrap: wrap;
      margin-bottom: 1.25rem;
    }
.ex-toolbar .yara-search-wrap { flex: 1 1 280px; margin-bottom: 0; }
.ex-chips { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.ex-chip {
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: .5px;
      background: transparent;
      border: 1px solid var(--border);
      color: var(--muted);
      padding: 0 14px;
      min-height: 38px;
      cursor: pointer;
      transition: all .15s;
    }
.ex-chip:hover { color: var(--text); border-color: var(--muted); }
.ex-chip.active { color: var(--green); border-color: var(--green); background: var(--green-faint); }
.ex-toast {
      position: fixed;
      left: 50%;
      bottom: 24px;
      transform: translate(-50%, 20px);
      max-width: min(620px, 92vw);
      background: var(--surface);
      border: 1px solid var(--green);
      color: var(--text);
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.6;
      padding: .8rem 1.1rem;
      opacity: 0;
      pointer-events: none;
      transition: opacity .25s, transform .25s;
      z-index: 10000;
    }
.ex-toast.show { opacity: 1; transform: translate(-50%, 0); }
.mlabel small { color: var(--muted); font-size: 9px; letter-spacing: .5px; opacity: .8; }
.mhint a { color: var(--green); cursor: pointer; text-decoration: none; border-bottom: 1px solid rgba(0, 255, 157, .4); }
.msection {
      font-family: var(--mono); font-size: 10px; letter-spacing: 2px; color: var(--green);
      padding-top: .4rem; border-top: 1px solid var(--border);
    }
.mfile-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.mfile {
      font-family: var(--mono); font-size: 10.5px; letter-spacing: .5px;
      padding: 5px 12px; border: 1px solid var(--border); color: var(--muted);
      cursor: pointer; transition: all .15s; display: inline-block;
    }
.mfile:hover { border-color: var(--green); color: var(--green); }
.mfile input { display: none; }
.mcheck { display: flex; align-items: flex-start; gap: 8px; font-size: 11.5px; color: var(--muted); line-height: 1.6; cursor: pointer; }
.mcheck input { margin-top: 3px; accent-color: #00ff9d; }
.x-summary {
      font-family: var(--mono); font-size: 11px; line-height: 1.6; color: var(--muted);
      padding: .55rem .8rem; border: 1px dashed var(--border);
    }
.x-summary.ok { color: var(--green); border-color: rgba(0, 255, 157, .35); border-style: solid; background: var(--green-faint); }
.x-summary.bad { color: var(--red); border-color: rgba(255, 77, 109, .4); border-style: solid; }
@media(max-width:640px) {
      .section-header { flex-direction: column; align-items: flex-start; gap: .85rem; }
      .section-header .dl-all-btn, .section-header .add-rule-btn { width: 100%; justify-content: center; text-align: center; }
      .section-header > div { width: 100%; flex-direction: column; align-items: stretch; }
      .ex-chip { flex: 1 1 auto; }
    }

/* ═══════════════════════════════════════════════════════════
   DETECTIONS PAGE — tab bar and panels
   ═══════════════════════════════════════════════════════════ */
.det-tabbar-wrap {
  position: sticky;
  top: 56px;
  z-index: 60;
  background: rgba(10, 14, 23, .96);
  backdrop-filter: blur(6px);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  margin-top: 1.25rem;
}

.det-tabbar {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.det-tabbar::-webkit-scrollbar { display: none; }

.det-tab {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 1.2px;
  color: var(--muted);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 15px 20px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  transition: color .15s, background .15s, border-color .15s;
}

.det-tab:hover { color: var(--text); background: rgba(255, 255, 255, .02); }
.det-tab:focus-visible { outline: 1px solid var(--green); outline-offset: -3px; }

.det-tab.active {
  color: var(--green);
  border-bottom-color: var(--green);
  background: var(--green-faint);
}

.det-tab-icon { font-size: 13px; opacity: .85; }

.det-count {
  font-size: 10px;
  letter-spacing: .5px;
  min-width: 22px;
  text-align: center;
  padding: 1px 7px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--muted);
}

.det-tab.active .det-count { border-color: rgba(0, 255, 157, .45); color: var(--green); }

.det-panel { display: none; }
.det-panel.active { display: block; }


@media(max-width:700px) {
  .det-tabbar { padding: 0 .75rem; }
  .det-tab { padding: 13px 14px; font-size: 11px; letter-spacing: .8px; }
}
