/* Media kit — the Night Notebook palette, built to print cleanly as well
   as scroll. Self-contained so it does not depend on the homepage plugin. */

.mk{
  --navy:#12123A;
  --navy-2:#0D0D2B;
  --sun:#FCB900;
  --coral:#FF5758;
  --paper:#FFFFFF;
  --mist:rgba(255,255,255,.62);
  --mist-2:rgba(255,255,255,.42);
  --line:rgba(255,255,255,.12);

  --disp:'Archivo','Helvetica Neue',Arial,sans-serif;
  --hand:'Caveat','Segoe Script',cursive;
  --body:'Figtree','Helvetica Neue',Arial,sans-serif;

  background:var(--navy);
  color:var(--paper);
  font-family:var(--body);
  font-size:17px;
  line-height:1.6;
  overflow-x:clip;
}
.mk *{box-sizing:border-box;}
.mk p,.mk dl,.mk dd,.mk dt{margin:0;}
.mk h1,.mk h2,.mk h3{font-family:var(--disp);font-weight:800;margin:0;line-height:1.05;letter-spacing:-.03em;color:var(--paper);}
.mk__in{width:min(1240px,100% - clamp(18px,5vw,72px)*2);margin-inline:auto;}

/* ---------- cover ---------- */
.mk-cover{
  padding-block:clamp(40px,7vw,96px) clamp(34px,5vw,70px);
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(252,185,0,.10), transparent 60%),
    radial-gradient(70% 90% at 0% 100%, rgba(255,87,88,.10), transparent 60%),
    var(--navy);
  border-bottom:1px solid var(--line);
}
.mk-cover__eye{font-family:var(--hand);font-size:25px;color:var(--coral);display:block;}
.mk-cover__h{font-size:clamp(34px,6vw,70px);margin-top:6px;max-width:16ch;}
.mk-cover__name{font-family:var(--disp);font-weight:700;font-size:clamp(19px,2.2vw,26px);color:var(--sun);margin-top:10px;}
.mk-cover__p{color:var(--mist);max-width:56ch;margin-top:16px;}
.mk-cover__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;}
.mk-cover__date,.mk-cover__win{
  font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid rgba(252,185,0,.45);border-radius:100px;padding:7px 15px;color:var(--sun);
}
.mk-cover__win{border-color:var(--line);color:var(--mist);}
.mk-cover__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}

/* the reporting window: three views of the same account */
.mk-win{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:100px;background:rgba(13,13,43,.6);}
.mk-win__b{
  font-family:var(--disp);font-weight:700;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--mist);background:transparent;border:0;border-radius:100px;padding:7px 15px;cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.mk-win__b:hover{color:var(--paper);}
.mk-win__b.is-on{background:var(--sun);color:var(--navy);}
.mk-btn{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--sun);color:var(--navy);
  font-family:var(--body);font-weight:700;font-size:15.5px;
  padding:14px 26px;border:0;border-radius:100px;cursor:pointer;text-decoration:none;
  transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s;
}
.mk-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(252,185,0,.28);color:var(--navy);}
.mk-btn--ghost{background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.28);}
.mk-btn--ghost:hover{border-color:var(--sun);color:var(--sun);box-shadow:none;}

/* ---------- section + platform heading ---------- */
.mk-sec{padding-block:clamp(36px,5vw,72px);border-bottom:1px solid var(--line);}
.mk-h2{font-size:clamp(26px,4vw,46px);margin-bottom:clamp(18px,2.5vw,30px);}

.mk-plat{display:flex;align-items:center;gap:12px;margin-bottom:clamp(18px,2.4vw,28px);flex-wrap:wrap;}
.mk-plat__dot{
  width:34px;height:34px;border-radius:11px;flex:0 0 auto;
  background:color-mix(in srgb, var(--brand) 22%, transparent);
  border:1px solid color-mix(in srgb, var(--brand) 55%, transparent);
}
.mk-plat__n{font-size:clamp(23px,3vw,34px);}
.mk-plat__h{font-family:var(--hand);font-size:23px;color:var(--brand);}

/* ---------- stat cards ---------- */
.mk-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:clamp(10px,1.2vw,16px);
}
.mk-stat{
  background:var(--navy-2);
  border:1px solid var(--line);
  border-left:3px solid var(--brand,var(--sun));
  border-radius:14px;
  padding:clamp(16px,1.8vw,22px);
  display:flex;flex-direction:column;gap:3px;
}
/* a flex display beats the browser's own [hidden] rule, so say it again */
.mk-stat[hidden],.mk-sec[hidden],.mk-empty[hidden]{display:none !important;}

.mk-stat__top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.mk-stat__n{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.035em;line-height:1;}
.mk-stat__d{font-family:var(--disp);font-weight:700;font-size:14px;color:var(--brand,var(--sun));}
.mk-stat__l{font-family:var(--disp);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-2);margin-top:6px;}
.mk-stat__note{font-size:14px;color:var(--mist);}

/* ---------- the whole account, before the split ---------- */
.mk-sec--total{
  background:
    radial-gradient(80% 140% at 0% 0%, rgba(252,185,0,.09), transparent 62%),
    var(--navy);
}
.mk-sec--total .mk-stat{background:rgba(252,185,0,.055);border-color:rgba(252,185,0,.22);}
.mk-sec--total .mk-stat__n{font-size:clamp(28px,3.6vw,42px);}

/* ---------- panels, splits, facts ---------- */
.mk-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(12px,1.4vw,18px);margin-top:clamp(12px,1.4vw,18px);}
.mk-panel{background:var(--navy-2);border:1px solid var(--line);border-radius:14px;padding:clamp(18px,2vw,24px);}
.mk-panel__t{font-size:17px;margin-bottom:14px;color:var(--mist);font-weight:700;letter-spacing:-.01em;}

.mk-split{margin-bottom:16px;}
.mk-split__head{display:flex;justify-content:space-between;font-family:var(--disp);font-weight:700;font-size:13.5px;margin-bottom:7px;}
.mk-split__bar{height:9px;border-radius:100px;background:var(--sun);overflow:hidden;}
.mk-split__bar i{display:block;height:100%;background:var(--brand,var(--coral));}

.mk-facts > div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid var(--line);}
.mk-facts > div:first-child{border-top:0;}
.mk-facts dt{font-family:var(--disp);font-weight:600;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-2);padding-top:3px;flex:0 0 auto;}
.mk-facts dd{text-align:right;font-weight:600;}
.mk-facts dd span{display:block;font-weight:400;font-size:14px;color:var(--mist);}

/* ---------- rate card ---------- */
.mk-rates{display:grid;gap:12px;max-width:820px;}
.mk-rate{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:var(--navy-2);border:1px solid var(--line);border-left:3px solid var(--sun);
  border-radius:14px;padding:clamp(16px,1.8vw,22px) clamp(18px,2vw,26px);
}
.mk-rate__t{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(19px,2.2vw,25px);letter-spacing:-.02em;}
.mk-rate__n{display:block;font-size:13.5px;color:var(--mist-2);margin-top:2px;}
.mk-rate__p{font-family:var(--disp);font-weight:700;font-size:clamp(17px,2vw,22px);color:var(--sun);white-space:nowrap;}
.mk-rates__x{font-family:var(--disp);font-weight:700;color:var(--coral);margin-top:18px;font-size:clamp(15px,1.8vw,19px);}

/* the provenance line, once the contact block moved off this page */
.mk-sec--note{border-bottom:0;padding-block:clamp(18px,2.4vw,30px);}
.mk-sec--note .mk-foot{margin-top:0;}

/* ---------- contact ---------- */
.mk-sec--contact{border-bottom:0;}
.mk-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px 26px;max-width:900px;}
.mk-contact > div{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);}
.mk-contact dt{font-family:var(--disp);font-weight:600;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mist-2);flex:0 0 84px;padding-top:3px;}
.mk-contact dd{word-break:break-word;}
.mk-contact a{color:var(--sun);text-decoration:none;}
.mk-contact a:hover{text-decoration:underline;}
.mk-foot{margin-top:26px;font-size:13.5px;color:var(--mist-2);}

/* when a window has nothing in it yet */
.mk-empty{
  padding:clamp(28px,4vw,54px) 0;
  text-align:center;
  color:var(--mist);
}
.mk-empty strong{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(20px,2.6vw,28px);color:var(--paper);margin-bottom:8px;letter-spacing:-.02em;}

@media(max-width:640px){
  .mk-win{width:100%;justify-content:center;}
  .mk-win__b{padding:7px 11px;font-size:10.5px;letter-spacing:.07em;}
  .mk-facts > div{flex-direction:column;gap:2px;}
  .mk-facts dd{text-align:left;}
  .mk-rate{flex-direction:column;align-items:flex-start;gap:8px;}
}

/* ---------- printing, which is how this becomes a PDF again ---------- */
@media print{
  @page{size:A4 landscape;margin:12mm;}
  .mk{background:#fff;color:#12123A;font-size:11pt;}
  .mk h1,.mk h2,.mk h3{color:#12123A;}
  .mk-cover{background:#fff;padding-block:0 18pt;}
  .mk-cover__act,.mk-btn{display:none !important;}
  /* on paper the switch is meaningless, but the chosen window's label stays */
  .mk-win{border:0;padding:0;background:none;}
  .mk-win__b{display:none;}
  .mk-win__b.is-on{display:inline-block;color:#12123A;background:none;padding:0;}
  .mk-sec{padding-block:14pt;break-inside:avoid;border-bottom:1px solid #d8d8e2;}
  .mk-stat,.mk-panel,.mk-rate{background:#f6f6fb;border-color:#d8d8e2;break-inside:avoid;}
  .mk-stat__l,.mk-facts dt,.mk-contact dt{color:#5a5a74;}
  .mk-stat__note,.mk-facts dd span,.mk-foot{color:#3d3d55;}
  .mk-cover__date,.mk-cover__win{color:#12123A;border-color:#12123A;}
  .mk-contact a{color:#12123A;}
  header.shfb-header,footer,.dwe-rail,#wpadminbar{display:none !important;}
  /* the borrowed rows scroll rather than sit still, so on paper they would
     print whatever happened to be mid-slide, two or three times over */
  #dwe-stage,#dwe-clients,#dwe-contact,.dwe-links{display:none !important;}
}

.mk-empty__b{
  background:none;border:0;padding:0;cursor:pointer;
  color:var(--sun);font:inherit;text-decoration:underline;text-underline-offset:3px;
}