/* ==========================================================
   THE POLITICAL RIFT — EDITORIAL STANDARDS
   File: editorial-standards.css
   Scope: /editorial-standards/ only
   Target: <section class="pr-page pr-editorial-standards">
========================================================== */

/* Token bridge */
:root{
  --pr-bg:#fdf6e3;
  --pr-text:#333333;
  --pr-muted:rgba(51,51,51,0.68);
  --pr-accent:#ff6f00;
  --pr-card:rgba(255,255,255,0.60);
  --pr-border:rgba(0,0,0,0.10);
  --pr-radius:16px;
  --pr-shadow:0 16px 46px rgba(0,0,0,0.07);
}

/* HARD SCOPE LOCK */
.pr-editorial-standards{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  padding:10px 14px 34px;
  color:var(--pr-text);
  background:transparent;
}

/* TITLE */
.pr-editorial-standards > h1{
  margin:10px 0 18px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-0.4px;
  color:var(--pr-accent);
}

/* SECTION HEADERS */
.pr-editorial-standards > h2{
  margin:34px 0 10px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-0.2px;
  color:var(--pr-accent);
}

/* PARAGRAPHS */
.pr-editorial-standards > p{
  margin:0 0 16px;
  line-height:1.75;
  font-size:18px;
}

/* STRONG */
.pr-editorial-standards strong{
  font-weight:750;
}

/* LISTS */
.pr-editorial-standards > ul,
.pr-editorial-standards > ol{
  margin:10px 0 18px 22px;
  padding:0;
  line-height:1.75;
  font-size:18px;
}

.pr-editorial-standards li{
  margin:0 0 10px;
}

/* LINKS */
.pr-editorial-standards a{
  color:var(--pr-accent);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

.pr-editorial-standards a:hover{
  text-decoration-thickness:3px;
}

/* Divider */
.pr-editorial-standards::before{
  content:"";
  display:block;
  height:1px;
  margin:6px 0 18px;
  background:rgba(0,0,0,0.08);
}

/* Gutenberg width guard */
.page .entry-content .pr-editorial-standards{
  width:100%;
  max-width:900px;
}

/* MOBILE */
@media (max-width:520px){

  .pr-editorial-standards{
    padding-left:14px;
    padding-right:14px;
  }

  .pr-editorial-standards > h1{
    font-size:34px;
  }

  .pr-editorial-standards > h2{
    font-size:24px;
  }

  .pr-editorial-standards > p,
  .pr-editorial-standards > ul,
  .pr-editorial-standards > ol{
    font-size:17px;
  }
}