/* ══════════════════════════════════════
   SLOW CAMPAIGN — SHARED STYLES
   Used by: marketing-teams, marketing-manager, and all variants
══════════════════════════════════════ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --paper:#f2ede4;--paper-dark:#e8e1d5;--paper-mid:#ded6c8;
  --ink:#1a1612;--ink-mid:#3d3630;--ink-light:#6b6258;--ink-faint:#9b9188;--ink-ghost:#c5bfb6;
  --green:#4a7c3f;--green-light:#ddefd8;--green-mid:#8bbf82;
  --red:#c0392b;--red-light:#f5dbd9;
  --amber:#b8730a;--amber-light:#f5e9d5;
  --blue:#2c5f8a;--blue-light:#d5e5f0;
  --rule:#b8b0a4;--rule-light:#d5cfc7;
  --mono:'DM Mono',monospace;--serif:'Manrope',ui-sans-serif,system-ui,sans-serif;--display:'Manrope',ui-sans-serif,system-ui,sans-serif;
  --ease:cubic-bezier(.4,0,.2,1);
}
.mi{font-family:'Material Icons Outlined';font-weight:normal;font-style:normal;font-size:18px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;vertical-align:middle;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}
html{font-size:15px;-webkit-font-smoothing:antialiased}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.5;min-height:100vh}

/* ══════════════════════════════════════
   WIZARD SHELL
══════════════════════════════════════ */
#wizard{
  position:fixed;inset:0;background:var(--paper);
  display:flex;flex-direction:column;
  z-index:200;
  transition:opacity .6s var(--ease), transform .6s var(--ease);
}
#wizard.exiting{opacity:0;transform:translateY(-16px);pointer-events:none;transition:opacity .5s var(--ease), transform .5s var(--ease)}

.wiz-header{
  padding:24px 2rem 0;
  display:flex;align-items:center;justify-content:space-between;
  flex-shrink:0;
}
.wiz-logo{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}
.wiz-progress-wrap{display:flex;align-items:center;gap:12px}
.wiz-progress-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-faint)}
.wiz-progress-track{width:120px;height:1px;background:var(--rule)}
.wiz-progress-fill{height:100%;background:var(--green);transition:width .4s var(--ease)}

/* question area */
.wiz-body{
  flex:1;display:flex;flex-direction:column;justify-content:center;
  padding:0 2rem;max-width:680px;margin:0 auto;width:100%;
}
.wiz-step{
  display:none;
  animation:stepIn .35s var(--ease) both;
}
.wiz-step.active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* ── intro cover (step 0) ── */
.wiz-intro{max-width:640px}
.wiz-intro-kicker{
  font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;
  color:var(--ink-faint);display:flex;align-items:center;gap:10px;margin-bottom:20px;
}
.wiz-intro-kicker::before{content:'';width:24px;height:1px;background:var(--rule)}
.wiz-intro-headline{
  font-family:var(--display);font-size:clamp(2.6rem,6vw,4.6rem);font-weight:900;
  line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin-bottom:24px;
}
.wiz-intro-headline em{font-style:normal;color:var(--red)}
.wiz-intro-rule{border:none;border-top:2px solid var(--ink);margin:0 0 20px;width:64px}
.wiz-intro-lede{
  font-family:var(--serif);font-size:clamp(1rem,2vw,1.15rem);color:var(--ink-mid);
  line-height:1.85;max-width:520px;margin-bottom:32px;
}
.wiz-intro-lede strong{color:var(--ink);font-weight:700}
.wiz-intro-meta{
  display:flex;gap:24px;margin-bottom:36px;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);
}
.wiz-intro-meta span{display:flex;align-items:center;gap:6px}
.wiz-intro-meta .mi{font-size:15px;color:var(--ink-ghost)}
.wiz-intro-cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 28px;background:var(--ink);color:var(--paper);
  font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.06em;
  border:none;border-radius:3px;cursor:pointer;
  transition:all .2s var(--ease);
}
.wiz-intro-cta:hover{background:var(--ink-mid);transform:translateY(-1px)}
.wiz-intro-cta .mi{font-size:16px}

.wiz-chapter{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.wiz-chapter::before{content:'';width:16px;height:1px;background:var(--rule)}
.wiz-q{font-family:var(--display);font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}
.wiz-q em{font-style:normal;color:var(--green)}
.wiz-hint{font-family:var(--serif);font-size:18px;color:var(--ink-light);line-height:1.6;margin-bottom:28px}

/* option buttons */
.wiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}
.wiz-opt{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;
  background:var(--paper-dark);border:1px solid var(--rule-light);border-radius:4px;
  font-family:var(--mono);font-size:15px;color:var(--ink-light);
  cursor:pointer;transition:all .15s var(--ease);
  text-align:left;
}
.wiz-opt:hover{background:var(--paper-mid);border-color:var(--rule);color:var(--ink)}
.wiz-opt.selected{background:var(--green-light);border-color:var(--green);color:var(--green)}
.wiz-opt-key{font-size:11px;letter-spacing:.1em;color:var(--ink-ghost);transition:color .15s}
.wiz-opt.selected .wiz-opt-key{color:var(--green)}

/* slider question */
.wiz-slider-wrap{margin-bottom:32px}
.wiz-slider-display{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}
.wiz-slider-num{font-family:var(--display);font-size:clamp(3rem,8vw,5rem);font-weight:900;color:var(--green);line-height:1;letter-spacing:-.03em}
.wiz-slider-unit{font-family:var(--mono);font-size:15px;color:var(--ink-faint)}
.wiz-track{position:relative;height:32px;display:flex;align-items:center;margin-bottom:6px}
.wiz-track-bg{position:absolute;left:0;right:0;height:1px;background:var(--rule)}
.wiz-track-fill{position:absolute;left:0;height:1px;background:var(--green);pointer-events:none}
input.wiz-range{-webkit-appearance:none;appearance:none;width:100%;height:1px;background:transparent;cursor:pointer}
input.wiz-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid var(--green);box-shadow:0 0 0 4px rgba(74,124,63,.15);transition:box-shadow .2s}
input.wiz-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px rgba(74,124,63,.15)}
input.wiz-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid var(--green)}
.wiz-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--ink-faint)}

/* nav */
.wiz-nav{display:flex;align-items:center;justify-content:space-between;gap:80px}
.wiz-back{font-family:var(--mono);font-size:13px;color:var(--ink-faint);cursor:pointer;background:none;border:none;letter-spacing:.05em;padding:0;transition:color .15s}
.wiz-back:hover{color:var(--ink-light)}
.wiz-next{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;background:var(--ink);color:var(--paper);
  font-family:var(--mono);font-size:14px;font-weight:500;
  border:none;border-radius:3px;cursor:pointer;
  transition:all .15s var(--ease);letter-spacing:.05em;
}
.wiz-next:hover{background:var(--ink-mid);transform:translateY(-1px)}
.wiz-next:disabled{background:var(--paper-mid);color:var(--ink-faint);cursor:default;transform:none}

/* step dots */
.wiz-dots{display:flex;gap:5px;justify-content:center;padding:20px 0;flex-shrink:0}
.wiz-dot{width:4px;height:4px;border-radius:50%;background:var(--rule);transition:all .2s}
.wiz-dot.done{background:var(--green)}
.wiz-dot.active{background:var(--green);width:16px;border-radius:2px}

/* ══════════════════════════════════════
   REPORT (hidden until wizard done)
══════════════════════════════════════ */
#report{
  display:none;
  opacity:0;
  transform:translateY(0);
  transition:opacity .6s var(--ease), transform .6s var(--ease);
}
#report.visible{display:block}
#report.shown{opacity:1;transform:translateY(0)}

/* edit pill */
.edit-bar{background:var(--ink);padding:10px 0;position:sticky;top:0;z-index:100}
.edit-inner{max-width:1100px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:center}
.edit-btn{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper);background:none;border:1px solid var(--ink-light);border-radius:2px;padding:5px 12px;cursor:pointer;transition:border-color .15s;white-space:nowrap}
.edit-btn:hover{border-color:var(--paper)}

/* ── base report styles ── */
.masthead{padding:28px 0 20px}
.masthead-inner{max-width:1100px;margin:0 auto;padding:0 2rem}
.mast-top{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:10px;margin-bottom:10px}
.mast-tag{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-light)}
.mast-date{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-faint)}
.mast-title{font-family:var(--display);font-size:clamp(2.8rem,6vw,5.2rem);font-weight:900;line-height:.95;letter-spacing:-.02em;margin-bottom:10px}
.mast-title em{font-style:normal;color:var(--red)}
.mast-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.mast-dek{font-family:var(--serif);font-size:15px;color:var(--ink-light);max-width:520px;line-height:1.65}
.mast-byline{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}

.page{max-width:1100px;margin:0 auto;padding:0 2rem 4rem}
.chapter{border-top:1px solid var(--rule);padding-top:6px;margin:28px 0 20px;display:flex;align-items:baseline;justify-content:space-between}
.chapter-title{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.chapter-num{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}
.rule-light{border:none;border-top:1px solid var(--rule-light);margin:12px 0}

.cols-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--rule)}
.cols-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:var(--rule)}
.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule)}
.cols-2-1{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--rule)}
.cell{background:var(--paper);padding:16px 14px}
.cell-dark{background:var(--paper-dark);padding:16px 14px}

.stat-giant{font-family:var(--display);font-weight:900;line-height:.9;letter-spacing:-.03em}
.stat-xl{font-size:clamp(3rem,6vw,5.5rem)}.stat-lg{font-size:clamp(2rem,4vw,3.5rem)}.stat-md{font-size:clamp(1.4rem,2.5vw,2.2rem)}.stat-sm{font-size:clamp(1.1rem,1.8vw,1.5rem)}
.c-red{color:var(--red)}.c-green{color:var(--green)}.c-amber{color:var(--amber)}.c-blue{color:var(--blue)}
.stat-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);margin-bottom:5px;line-height:1.4}
.stat-sub{font-family:var(--serif);font-size:13px;color:var(--ink-light);line-height:1.5;margin-top:5px}
.stat-note{font-family:var(--serif);font-size:12px;color:var(--ink-faint);font-style:italic;margin-top:4px}
.body{font-family:var(--serif);font-size:14px;color:var(--ink-mid);line-height:1.7}
.body strong{font-weight:600;color:var(--ink)}
.lede{font-family:var(--serif);font-size:16px;color:var(--ink);line-height:1.65;font-weight:300}
.lede strong{font-weight:600}
.sec-header{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}
.sec-num{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--ink-faint)}
.sec-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--green)}
.divtext{font-family:var(--display);font-size:clamp(1rem,1.8vw,1.4rem);font-weight:700;color:var(--ink-light);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px 0;margin:14px 0;line-height:1.2}

.hbar-chart{padding:0}
.hbar-row{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:8px;margin-bottom:5px}
.hbar-name{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--ink-light);text-align:right;line-height:1.3}
.hbar-track{height:14px;background:var(--paper-dark);border:1px solid var(--rule-light);overflow:hidden}
.hbar-fill{height:100%;transition:width .9s cubic-bezier(.16,1,.3,1);width:0%}
.hbar-fill.red{background:var(--red);opacity:.75}.hbar-fill.amber{background:var(--amber);opacity:.75}
.hbar-fill.green{background:var(--green);opacity:.75}.hbar-fill.blue{background:var(--blue);opacity:.75}.hbar-fill.ghost{background:var(--rule)}
.hbar-val{font-family:var(--mono);font-size:11px;color:var(--ink-light)}

.col-chart{display:flex;align-items:flex-end;gap:4px;height:80px;border-bottom:1px solid var(--rule);margin-bottom:6px}
.col-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}
.col-bar{width:100%;transition:height .8s cubic-bezier(.34,1.1,.64,1)}
.col-bar.red{background:var(--red);opacity:.65}.col-bar.green{background:var(--green);opacity:.75}.col-bar.ghost{background:var(--rule)}
.col-bar-label{font-family:var(--mono);font-size:10px;color:var(--ink-faint);text-align:center;margin-top:4px;letter-spacing:.03em;line-height:1.3}

.pill{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border:1px solid currentColor;border-radius:2px;vertical-align:middle}
.pill.red{color:var(--red);background:var(--red-light)}.pill.green{color:var(--green);background:var(--green-light)}.pill.amber{color:var(--amber);background:var(--amber-light)}

.callout{background:var(--paper-dark);border-left:2px solid var(--ink);padding:10px 12px;margin:10px 0}
.callout.red{border-left-color:var(--red);background:var(--red-light)}.callout.green{border-left-color:var(--green);background:var(--green-light)}.callout.amber{border-left-color:var(--amber);background:var(--amber-light)}
.callout p{font-family:var(--serif);font-size:13px;color:var(--ink-mid);line-height:1.65}
.callout p strong{color:var(--ink);font-weight:600}

.dot-grid{display:flex;flex-wrap:wrap;gap:3px;margin:8px 0}
.dot{width:8px;height:8px;border-radius:1px}
.dot.active{background:var(--red);opacity:.8}.dot.inactive{background:var(--rule)}

.total-strip{background:var(--ink);color:var(--paper);padding:32px 0;margin-top:28px}
.total-inner{max-width:1100px;margin:0 auto;padding:0 2rem}
.total-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#333;border:1px solid #333;margin:20px 0}
.total-cell{background:var(--ink);padding:20px 16px}
.total-num{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;line-height:.95;letter-spacing:-.02em;margin-bottom:6px}
.total-num.red{color:#ff7b72}.total-num.amber{color:#ffa657}.total-num.green{color:#a6ff00}.total-num.blue{color:#79b8ff}
.total-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#666;line-height:1.5}
.total-title{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900;margin-bottom:6px;line-height:1}
.total-title em{font-style:normal;color:#ffa657}
.total-sub{font-family:var(--serif);font-size:14px;color:#888;line-height:1.6;max-width:460px}
.cb-row{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:10px;margin-bottom:6px}
.cb-name{font-family:var(--mono);font-size:10px;color:#888;text-align:right}
.cb-track{height:12px;background:#2a2a2a}
.cb-fill{height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);width:0%}
.cb-val{font-family:var(--mono);font-size:10px;color:#888}

.cta-strip{background:var(--paper-dark);border-top:2px solid var(--ink);padding:28px 0}
.cta-inner{max-width:1100px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cta-hed{font-family:var(--display);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:900;margin-bottom:4px}
.cta-hed em{font-style:normal;color:var(--red)}
.cta-sub{font-family:var(--serif);font-size:14px;color:var(--ink-light)}
.btn-p{display:inline-flex;align-items:center;gap:6px;padding:.6rem 1.3rem;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:13px;font-weight:500;border:none;border-radius:2px;cursor:pointer;text-decoration:none;transition:background .15s;letter-spacing:.03em}
.btn-p:hover{background:var(--ink-mid)}
.btn-g{display:inline-flex;align-items:center;gap:6px;padding:.6rem 1.3rem;background:transparent;color:var(--ink);font-family:var(--mono);font-size:13px;border:1px solid var(--rule);border-radius:2px;cursor:pointer;text-decoration:none}
.btn-g:hover{background:var(--paper-mid)}
.cta-btns{display:flex;gap:8px;flex-wrap:wrap}
.footnote{max-width:1100px;margin:0 auto;padding:16px 2rem;font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.05em;line-height:1.8;border-top:1px solid var(--rule)}

/* ── wired-style chapter narrative ── */
.ch-narrative{
  border-bottom:1px solid var(--rule);margin-bottom:1px;
  background:var(--paper);
}
.ch-narrative-lede{
  font-family:var(--serif);font-size:14px;color:var(--ink-light);line-height:1.6;
  padding:20px 14px 16px;
}
.ch-narrative-lede strong{font-weight:700;color:var(--ink)}
.ch-narrative-lede::first-line{font-weight:700}
.ch-narrative-meta{
  display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;
  background:var(--rule);
}
.ch-narrative-meta-item{background:var(--paper);padding:14px}
.ch-narrative-meta-item dt{
  font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:4px;
}
.ch-narrative-meta-item dd{
  font-family:var(--serif);font-size:13px;color:var(--ink-light);line-height:1.5;margin:0;
}

/* ── toast (share link) ── */
.toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:13px;
  padding:10px 20px;border-radius:4px;opacity:0;transition:all .3s var(--ease);
  z-index:999;pointer-events:none;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:760px){
  .ch-narrative-meta{grid-template-columns:1fr 1fr}
  .cols-3,.cols-4{grid-template-columns:1fr 1fr}
  .cols-2-1{grid-template-columns:1fr}
  .total-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:500px){
  .ch-narrative-meta{grid-template-columns:1fr}
  .cols-3,.cols-4,.cols-2{grid-template-columns:1fr}
}

/* ══════════════════════════════════════
   PRINT
══════════════════════════════════════ */
@media print{
  @page{size:A4;margin:10mm 12mm}
  #wizard{display:none!important}
  .edit-bar{display:none!important}
  .toast{display:none!important}
  #report{display:block!important;opacity:1!important}
  body{background:#fff;font-size:11px}

  .masthead{padding:10px 0 8px}
  .masthead-inner{padding:0}
  .mast-top{padding-bottom:4px;margin-bottom:4px}
  .mast-tag,.mast-date{font-size:8px}
  .mast-title{font-size:1.6rem;margin-bottom:4px}
  .mast-dek{font-size:11px}
  .mast-byline{font-size:8px}

  .page{padding:0 0 8px;max-width:100%}
  .chapter{margin:10px 0 6px;padding-top:3px}
  .chapter-title{font-size:9px;letter-spacing:.15em}
  .chapter-num{font-size:8px}

  .cell,.cell-dark{padding:8px 8px}
  .cols-3,.cols-2{gap:1px}

  .stat-giant{letter-spacing:-.02em}
  .stat-xl{font-size:2rem}
  .stat-lg{font-size:1.4rem}
  .stat-md{font-size:1.1rem}
  .stat-sm{font-size:.95rem}
  .stat-label{font-size:8px;letter-spacing:.1em;margin-bottom:2px}
  .stat-sub{font-size:10px;margin-top:2px}
  .stat-note{font-size:9px;margin-top:2px}
  .body{font-size:10px}
  .sec-header{margin-bottom:2px}
  .sec-kicker{font-size:8px}
  .rule-light{margin:4px 0}

  .hbar-row{grid-template-columns:70px 1fr 36px;gap:4px;margin-bottom:3px}
  .hbar-name{font-size:8px}
  .hbar-track{height:10px}
  .hbar-val{font-size:8px}
  .hbar-fill{width:var(--print-w,0%)!important;transition:none}

  .callout{padding:6px 8px;margin:4px 0}
  .callout p{font-size:10px;line-height:1.5}
  .callout.green p{font-size:11px}

  .cta-strip{padding:10px 0;border-top-width:1px}
  .cta-inner{padding:0;gap:10px}
  .cta-hed{font-size:1rem}
  .cta-sub{font-size:10px}
  .cta-btns{display:none}

  .footnote{padding:6px 0;font-size:8px;line-height:1.4}

  .cols-3,.callout,.cta-strip{break-inside:avoid}

  .ch-narrative{break-inside:avoid}
  .ch-narrative-lede{font-size:10px;padding:8px 8px 6px}
  .ch-narrative-meta-item{padding:6px}
  .ch-narrative-meta-item dt{font-size:7px}
  .ch-narrative-meta-item dd{font-size:10px}
}