/*
Theme Name: Socialbilitty Trade Desk — Cinematic Editorial
Version: 3.4.0
Author: Socialbilitty Studios, LLC
*/
:root{--b:#2387ff;--w:#f6f7f9;--m:#8e9aa6;--l:#18222d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--w);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(1380px,92vw);margin:auto}.kicker,.category{font-size:12px;font-weight:900;letter-spacing:.16em;color:#72b4ff;text-transform:uppercase}.top{height:170px;background:#000;position:relative;z-index:20;border-bottom:1px solid #111}.topin{height:100%;display:flex;align-items:center;gap:24px}.custom-logo{width:auto;height:auto;max-width:512px;max-height:512px;}.wordmark{display:flex;flex-direction:column;line-height:1}.wordmark b{font-size:18px}.wordmark span{font-size:34px;font-weight:900;color:var(--b)}.top nav{margin-left:auto;display:flex;gap:17px}.top nav a,.terminal{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.top nav a:hover{color:#78b9ff}.terminal{padding:14px 0;border-bottom:2px solid var(--b)}.menub{display:none;background:none;border:0;color:#fff;font-weight:900;font-size:14px}.hero{height:820px;position:relative;overflow:hidden;background:#000;padding:48px 0 56px}.hero>img{position:absolute;top:48px;right:2vw;bottom:56px;width:66%;height:calc(100% - 104px);object-fit:contain;object-position:center center;}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 28%,rgba(0,0,0,.60) 43%,rgba(0,0,0,.04) 63%,transparent 82%),linear-gradient(0deg,#000 0%,transparent 14%)}.hero-copy{height:100%;position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:48%}.hero h1{font-size:clamp(66px,6.6vw,104px);line-height:.82;letter-spacing:-.065em;margin:20px 0 28px;max-width:980px}.hero h1 i{font-style:normal;color:var(--b)}.dek{max-width:620px;color:#d6dee6;font-size:14px;line-height:1.55}.hero-links{display:flex;gap:35px;margin-top:28px}.hero-links a{font-size:11px;font-weight:900;border-bottom:1px solid #62778b;padding-bottom:8px}.hero-links b{color:var(--b)}.heroart{position:absolute;inset:0;z-index:3;pointer-events:none}.heroart .tc{position:absolute;right:4vw;top:65px;font-size:12px;letter-spacing:.15em;color:#77b8f7}.heroart .cross{position:absolute;right:4vw;top:100px;font-size:28px;color:var(--b)}.heroart .frame{position:absolute;right:4vw;bottom:115px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.16em;color:#7aa8d1}.scroll{position:absolute;z-index:5;bottom:35px;left:4vw;font-size:12px;letter-spacing:.15em;color:#788694}.ticker{border-top:1px solid #15202b;border-bottom:1px solid #15202b;overflow:hidden;padding:20px 0}.ticker-track{display:flex;justify-content:center;gap:28px;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.1em;color:#9eabb7}.ticker i{color:var(--b);font-style:normal}.lead{display:grid;grid-template-columns:210px 1fr;padding:120px 0 150px}.lead-label{border-right:1px solid var(--l);display:flex;flex-direction:column;justify-content:space-between}.lead-label span{font-size:12px;letter-spacing:.15em;color:#6faef0;font-weight:900}.lead-label b{font-size:100px;line-height:.8;color:#0b1824}.lead-story{padding-left:70px;max-width:1050px}.lead-story h2{font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.045em;margin:15px 0 20px}.lead-story>p:not(.category){max-width:760px;color:#aab7c3;line-height:1.65;font-size:14px}.arrow{display:inline-block;margin-top:25px;font-size:14px;font-weight:900;border-bottom:1px solid var(--b);padding-bottom:8px}.manifesto{padding:150px 0;background:linear-gradient(110deg,#020406,#06111c)}.manifesto-grid{display:grid;grid-template-columns:80px 1.3fr .7fr;gap:65px;align-items:center}.vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.2em;color:#5d7d9b}.manifesto h2{font-size:clamp(55px,6vw,90px);line-height:.9;letter-spacing:-.055em;margin:15px 0}.manifesto h2 i{font-style:normal;color:#6db4ff}.manifesto-copy{color:#a6b3bf;font-size:14px;line-height:1.7;border-left:1px solid #23405b;padding-left:35px}.story-photo{height:820px;position:relative;overflow:hidden}.story-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.58) 35%,rgba(0,0,0,.05) 68%),linear-gradient(0deg,#000 0%,transparent 25%)}.story-copy{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.story-copy span{font-size:12px;letter-spacing:.15em;color:#76b7f8;font-weight:900}.story-copy h2{font-size:clamp(60px,6.5vw,96px);line-height:.87;letter-spacing:-.055em;margin:18px 0 35px}.story-copy a{font-size:14px;font-weight:900;border-bottom:1px solid #fff;padding-bottom:8px}.annotation{position:absolute;z-index:4;right:4vw;bottom:70px;font-size:12px;letter-spacing:.15em;color:#86b8e7}.channels{padding:140px 0;display:grid;grid-template-columns:390px 1fr;gap:80px}.channels-title>span,.latest-head>span{color:#2687e9;font-size:80px;font-weight:900;opacity:.22}.channels-title h2{font-size:58px;line-height:.9;letter-spacing:-.05em;margin:5px 0 25px}.channels-title p{color:#9eacb8;line-height:1.65;font-size:14px}.channel-list{border-top:1px solid var(--l)}.channel-list a{display:grid;grid-template-columns:50px 1fr 310px 25px;gap:20px;align-items:center;padding:32px 0;border-bottom:1px solid var(--l);transition:.25s}.channel-list a:hover{padding-left:18px}.channel-list b{font-size:12px;color:#5aa7ef}.channel-list h3{font-size:22px;margin:0}.channel-list span{font-size:14px;color:#788996}.channel-list em{font-style:normal;color:var(--b)}.latest{padding:80px 0 150px}.latest-head{display:flex;align-items:end;gap:25px;margin-bottom:25px}.latest-head h2{font-size:52px;margin:0 0 8px}.latest article{display:grid;grid-template-columns:130px 1fr 30px;align-items:center;padding:30px 0;border-top:1px solid var(--l)}.latest .date{font-size:12px;color:#58718a}.latest article p{font-size:12px;color:#65aef1;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.latest article h3{font-size:24px;margin:7px 0}.app-end{position:relative;z-index:1;padding-top:110px;padding:150px 0;background:radial-gradient(circle at 80% 50%,rgba(35,135,255,.24),transparent 30%),#03070b;border-top:1px solid #17304a}.app-end h2{font-size:clamp(55px,6vw,92px);line-height:.9;letter-spacing:-.055em}.app-end h2 i{font-style:normal;color:#71b6ff}.app-end a{display:inline-block;margin-top:25px;font-size:14px;font-weight:900;border-bottom:2px solid var(--b);padding-bottom:10px}footer{padding:65px 0;border-top:1px solid var(--l)}.foot{display:flex;align-items:end;justify-content:space-between}.foot p{font-size:12px;color:#71808d;line-height:1.6}.foot nav{display:flex;gap:25px;font-size:14px;font-weight:900}.standard{padding:110px 0;min-height:70vh}.standard>h1{font-size:clamp(55px,7vw,100px);line-height:.9;letter-spacing:-.055em;max-width:1100px}.archive-row{display:grid;grid-template-columns:120px 1fr 30px;gap:25px;padding:35px 0;border-top:1px solid var(--l)}.archive-row time{font-size:12px;color:#6b7c8c}.archive-row h2{font-size:30px;margin:0}.archive-row p,.bodycopy{color:#a1aeb9;line-height:1.7}.article>img,.article .wp-post-image{width:min(760px,100%);height:auto;max-height:460px;object-fit:cover;object-position:center;display:block;margin:34px 0 52px;border:0}.bodycopy{font-size:18px;max-width:850px}.bodycopy a{color:#77b8f7;text-decoration:underline}

/* =========================================================
   v3.1.1 DESKTOP STABILIZATION
   Desktop keeps the approved cinematic layout.
   Responsive behavior begins only below 1000px.
   ========================================================= */

html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

img,video,iframe,svg{
  max-width:100%;
  height:auto;
}

.recovered-logo{
  display:flex;
  align-items:center;
  width:512px;
  max-width:512px;
}

.recovered-logo img{
  width:auto;
  height:auto;
  max-width:512px;
  max-height:512px;
  object-fit:contain;
}

.recovered-logo,
.custom-logo-link{
  isolation:isolate;
}

.recovered-logo img,
.custom-logo{
  image-rendering:auto;
  -webkit-font-smoothing:antialiased;
  backface-visibility:hidden;
  filter:
    drop-shadow(1px 0 0 rgba(174,205,230,.78))
    drop-shadow(-1px 0 0 rgba(174,205,230,.78))
    drop-shadow(0 1px 0 rgba(174,205,230,.78))
    drop-shadow(0 -1px 0 rgba(174,205,230,.78));
}

/* Sydney: approved controlled desktop height, full-width composition, no distortion. */
.story-photo{
  height:460px;
  position:relative;
  overflow:hidden;
}

.story-photo>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center center;
}

.story-copy{
  height:100%;
}

/* Ponch: approved controlled desktop presentation. */
.closing-photo{
  height:540px;
  position:relative;
  overflow:visible;
  background:#000;
  border:0;
  margin-bottom:-64px;
  z-index:2;
}

.closing-photo>img{
  position:absolute;
  inset:-24px 0 -72px 0;
  width:100%;
  height:calc(100% + 96px);
  max-width:none;
  object-fit:cover;
  object-position:center 48%;
}

.closing-photo:after{
  content:"";
  position:absolute;
  inset:-24px 0 -90px 0;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.78) 30%,rgba(0,0,0,.24) 49%,rgba(0,0,0,.02) 66%,transparent 84%),
    linear-gradient(0deg,#000 0%,rgba(0,0,0,.82) 7%,rgba(0,0,0,.36) 16%,transparent 31%),
    linear-gradient(180deg,#000 0%,transparent 13%);
}

.closing-copy{
  position:relative;
  z-index:3;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

.closing-copy h2{
  font-size:clamp(48px,5.4vw,78px);
  line-height:.9;
  letter-spacing:-.05em;
  margin:16px 0 28px;
}

.closing-copy h2 i{
  font-style:normal;
  color:#72b7ff;
}

.closing-copy a{
  font-size:14px;
  font-weight:900;
  border-bottom:2px solid var(--b);
  padding-bottom:9px;
}

/* Archive/category desktop */
.archive-shell{
  width:min(1380px,92vw);
  margin:auto;
  padding:92px 0 130px;
  min-height:68vh;
}

.archive-hero{
  padding-bottom:54px;
  border-bottom:1px solid var(--l);
}

.archive-hero h1{
  margin:0;
  max-width:1080px;
  font-size:clamp(52px,6.2vw,92px);
  line-height:.92;
  letter-spacing:-.055em;
}

.archive-description{
  max-width:850px;
  margin-top:24px;
  color:#aab7c3;
  font-size:16px;
  line-height:1.72;
}

.archive-feed{
  padding-top:18px;
}

.archive-row{
  display:grid;
  grid-template-columns:115px minmax(0,1fr) 34px;
  gap:28px;
  align-items:start;
  padding:34px 0;
  border-top:1px solid var(--l);
}

.archive-row:first-child{
  border-top:0;
}

.archive-row-copy{
  min-width:0;
}

.archive-row h2{
  margin:0;
  max-width:900px;
  font-size:clamp(26px,3vw,38px);
  line-height:1.06;
  letter-spacing:-.025em;
}

.archive-row p{
  max-width:780px;
  margin:12px 0 0;
  color:#99a8b6;
  font-size:14px;
  line-height:1.65;
}

.archive-empty{
  padding:70px 0 10px;
  max-width:760px;
}

.archive-pagination{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-top:38px;
  border-top:1px solid var(--l);
  font-weight:900;
}

/* =========================
   TABLET + MOBILE ONLY
   ========================= */
@media(max-width:1000px){
  .wrap,
  .topin,
  .hero-copy,
  .lead-story,
  .manifesto-grid,
  .channels,
  .latest,
  .app-end,
  .foot,
  .archive-shell{
    width:min(100% - 34px, 1180px);
    margin-left:auto;
    margin-right:auto;
  }

  .top{
    height:auto;
    min-height:138px;
  }

  .topin{
    min-height:138px;
    height:auto;
    padding:10px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  .recovered-logo{
    width:min(440px,72vw);
    max-width:min(440px,72vw);
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(440px,72vw);
    max-height:118px;
  }

  .menub{
    display:block;
    margin-left:auto;
    flex:0 0 auto;
  }

  .top nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:1000;
    margin:0;
    padding:22px 24px 28px;
    background:rgba(0,0,0,.98);
    border-top:1px solid #1c2a36;
    border-bottom:1px solid #1c2a36;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .top nav.open{
    display:flex;
  }

  .top nav a,
  .terminal{
    width:100%;
    font-size:14px;
    padding:12px 0;
  }

  .terminal{
    border-top:1px solid #22313d;
    margin-top:8px;
  }

  .hero{
    height:auto;
    min-height:760px;
    padding:28px 0 46px;
  }

  .hero>img{
    position:absolute;
    top:215px;
    right:0;
    bottom:auto;
    width:72%;
    height:500px;
    object-fit:contain;
    object-position:center;
  }

  .hero-copy{
    min-height:700px;
    padding-right:36%;
    justify-content:flex-start;
    padding-top:34px;
  }

  .lead{
    grid-template-columns:1fr;
  }

  .lead-label{
    display:none;
  }

  .lead-story{
    padding-left:0;
  }

  .manifesto-grid,
  .channels{
    grid-template-columns:1fr;
  }

  .vertical{
    display:none;
  }

  .channel-list a{
    grid-template-columns:45px 1fr 25px;
  }

  .channel-list span{
    display:none;
  }

  .archive-row{
    grid-template-columns:95px minmax(0,1fr) 28px;
  }
}

@media(max-width:650px){
  .wrap,
  .topin,
  .hero-copy,
  .lead-story,
  .manifesto-grid,
  .channels,
  .latest,
  .app-end,
  .foot,
  .archive-shell{
    width:calc(100% - 28px);
  }

  .top{
    min-height:128px;
  }

  .topin{
    min-height:128px;
  }

  .recovered-logo{
    width:min(340px,76vw);
    max-width:min(340px,76vw);
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(340px,76vw);
    max-height:108px;
  }

  .menub{
    font-size:12px;
    padding:10px 0 10px 8px;
  }

  .hero{
    min-height:900px;
    padding:18px 0 34px;
  }

  .hero>img{
    top:365px;
    right:-10%;
    width:120%;
    height:500px;
    object-fit:contain;
    object-position:center top;
  }

  .hero-copy{
    min-height:860px;
    padding:24px 0 0;
    padding-right:0;
    justify-content:flex-start;
  }

  .hero h1{
    font-size:clamp(42px,13vw,66px);
    line-height:.88;
  }

  .hero-links{
    flex-direction:column;
    gap:15px;
  }

  .ticker-track{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
    padding-left:14px;
    padding-right:14px;
  }

  .story-photo{
    height:auto;
    min-height:0;
  }

  .story-photo>img{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    max-height:460px;
    object-fit:contain;
    object-position:center;
  }

  .story-copy{
    position:absolute;
    inset:0;
    height:100%;
  }

  .manifesto h2,
  .story-copy h2{
    font-size:48px;
  }

  .channels-title h2{
    font-size:48px;
  }

  .channel-list a{
    grid-template-columns:1fr;
    gap:4px;
  }

  .latest article{
    grid-template-columns:1fr;
    gap:8px;
  }

  .latest .date{
    order:2;
  }

  .closing-photo{
    height:540px;
  }

  .closing-photo>img{
    object-position:58% center;
  }

  .foot{
    display:block;
  }

  .foot p{
    margin-top:25px;
  }

  .archive-shell{
    padding:58px 0 90px;
  }

  .archive-row{
    grid-template-columns:1fr 24px;
    gap:10px 12px;
  }

  .archive-row time{
    grid-column:1 / -1;
  }
}

@media(max-width:390px){
  .recovered-logo{
    width:min(300px,78vw);
    max-width:min(300px,78vw);
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(300px,78vw);
    max-height:100px;
  }
}


/* =========================================================
   v3.2.0 LAUNCH HARDENING
   Functional/accessibility polish only — no redesign.
   ========================================================= */

.skip-link{
  position:fixed;
  left:16px;
  top:16px;
  z-index:99999;
  transform:translateY(-180%);
  padding:12px 16px;
  background:#fff;
  color:#000;
  font-weight:900;
  text-decoration:none;
  border:2px solid #1677d2;
}
.skip-link:focus{
  transform:translateY(0);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid #72b7ff;
  outline-offset:4px;
}

.menub{
  cursor:pointer;
}

.archive-arrow{
  text-decoration:none;
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* v3.2.1 — restore approved bottom Ponch photo */
.closing-photo{
 display:block!important;position:relative!important;width:100%!important;
 height:540px!important;min-height:540px!important;margin:0!important;
 overflow:hidden!important;background:#000!important;isolation:isolate;
}
.closing-photo>img{
 display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
 width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;
 opacity:1!important;visibility:visible!important;object-fit:cover!important;
 object-position:center 48%!important;
}
.closing-photo:after{
 z-index:1!important;inset:0!important;pointer-events:none;
 background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.62) 24%,rgba(0,0,0,.16) 48%,transparent 76%),
 linear-gradient(0deg,#000 0%,rgba(0,0,0,.48) 9%,transparent 27%),
 linear-gradient(180deg,#000 0%,rgba(0,0,0,.18) 8%,transparent 20%)!important;
}
.closing-copy{position:relative!important;z-index:2!important;height:100%!important;}
@media(max-width:650px){
 .closing-photo{height:540px!important;min-height:540px!important;}
 .closing-photo>img{object-position:58% center!important;}
}

/* v3.2.2 desktop classroom camera visibility */
@media(min-width:1001px){
  .story-photo{
    height:520px!important;
    min-height:520px!important;
    padding:30px 5vw!important;
    background:#000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .story-photo>img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:460px!important;
    max-width:1180px!important;
    max-height:460px!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .story-photo .story-copy{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    height:100%!important;
    pointer-events:none;
  }
  .story-photo .story-copy a{pointer-events:auto;}
}


/* =========================================================
   v3.2.3 DESKTOP CLASSROOM PHOTO — STRETCHED + CAMERA VISIBLE
   Keep the image wide/full-section while adding vertical
   breathing room and moving the crop upward to reveal camera.
   ========================================================= */
@media(min-width:1001px){
  .story-photo{
    width:100% !important;
    height:508px !important;
    min-height:508px !important;
    padding:24px 0 !important;
    background:#000 !important;
    overflow:hidden !important;
    display:block !important;
    position:relative !important;
  }

  .story-photo>img{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:460px !important;
    max-height:460px !important;
    object-fit:cover !important;
    object-position:center 27% !important;
    margin:0 !important;
  }

  .story-photo .story-copy{
    position:absolute !important;
    inset:24px 0 !important;
    z-index:2 !important;
    height:460px !important;
  }
}


/* =========================================================
   v3.3.0 LAUNCH CORRECTION POLISH
   ========================================================= */

/* App CTA is intentionally hidden until app.socialbilitty.com is launch-ready. */
.terminal,
.app-end{
  display:none !important;
}

/* Keep related-reporting fallback editorial, not card-like. */
.archive-related{
  padding-bottom:24px;
  border-bottom:1px solid var(--l);
}

.archive-related .kicker{
  color:#72b7ff;
  margin-bottom:12px;
}

.archive-related h2{
  margin:0 0 10px;
}

.footer-parent{
  opacity:.72;
}

@media(max-width:650px){
  .archive-related{
    padding-top:42px;
  }
}


/* =========================================================
   v3.4.0 TYPOGRAPHY + MOBILE LOGO REFINEMENT
   Readability and brand-presence pass only. No redesign.
   ========================================================= */

/* Readable supporting copy */
body{
  font-size:16px;
}

.dek,
.lead-story p,
.manifesto p,
.story-copy p,
.archive-description,
.archive-row p,
.article p,
.article li,
.page-content p,
.page-content li{
  font-size:16px;
  line-height:1.68;
}

/* Article/report summaries */
.latest article p,
.latest article .excerpt,
.archive-row p{
  font-size:15.5px;
  line-height:1.62;
}

/* Category/section descriptions */
.archive-description,
.category-description,
.term-description{
  font-size:15px;
  line-height:1.68;
}

/* Navigation and CTAs */
.top nav a,
.hero-links a,
.closing-copy a,
.archive-empty a,
.archive-pagination a,
.button,
.wp-block-button__link,
input[type="submit"],
button[type="submit"]{
  font-size:15px;
}

/* Keep technical/editorial labels intentionally small */
.kicker,
.category,
.date,
.meta,
.archive-row time,
.ticker-track,
.heroart .tc{
  font-size:12px;
}

/* Tablet logo presence */
@media(max-width:1000px){
  .recovered-logo{
    width:min(500px,78vw) !important;
    max-width:min(500px,78vw) !important;
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(500px,78vw) !important;
    max-height:132px !important;
  }

  .topin{
    min-height:148px !important;
  }

  .top{
    min-height:148px !important;
  }
}

/* Mobile logo: intentionally larger and more dominant */
@media(max-width:650px){
  .top{
    min-height:142px !important;
  }

  .topin{
    min-height:142px !important;
    gap:6px !important;
  }

  .recovered-logo{
    width:min(390px,82vw) !important;
    max-width:min(390px,82vw) !important;
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(390px,82vw) !important;
    max-height:122px !important;
  }

  .menub{
    flex:0 0 auto;
    font-size:12px !important;
    padding-left:6px !important;
  }

  .dek,
  .lead-story p,
  .manifesto p,
  .story-copy p,
  .archive-description,
  .archive-row p,
  .article p,
  .article li,
  .page-content p,
  .page-content li{
    font-size:16px !important;
  }

  .latest article p,
  .latest article .excerpt{
    font-size:15px !important;
  }

  .top nav a,
  .hero-links a,
  .closing-copy a,
  .archive-empty a,
  .archive-pagination a,
  .button,
  .wp-block-button__link,
  input[type="submit"],
  button[type="submit"]{
    font-size:14px !important;
  }
}

/* Narrow phones still keep a strong logo presence */
@media(max-width:390px){
  .top{
    min-height:136px !important;
  }

  .topin{
    min-height:136px !important;
  }

  .recovered-logo{
    width:min(350px,84vw) !important;
    max-width:min(350px,84vw) !important;
  }

  .custom-logo,
  .recovered-logo img{
    max-width:min(350px,84vw) !important;
    max-height:116px !important;
  }
}