/* =====================================================
   STORY PAGE INTENTIONAL BROADSHEET GAZETTE (story/story.css)
   ===================================================== */

/* ---------- BACKGROUND CANVAS (PINK GINGHAM DESK) ---------- */
.story-section {
  background-color: #FFE4EC; /* Sweet pastel pink base */
  background-image: 
    linear-gradient(90deg, rgba(247, 185, 202, 0.48) 50%, transparent 50%),
    linear-gradient(rgba(247, 185, 202, 0.48) 50%, transparent 50%);
  background-size: 34px 34px;
  padding: 60px 0 90px;
  min-height: 80vh;
}

/* ---------- AUTHENTIC TORN NEWSPAPER BROADSHEET SHEET ---------- */
.torn-newspaper-sheet {
  background: #FAF6EB; /* Authentic warm aged newsprint */
  max-width: 980px;
  margin: 0 auto;
  padding: 52px 54px 44px;
  position: relative;
  filter: drop-shadow(0 16px 36px rgba(44, 32, 22, 0.14));
  
  /* Jagged Ripped Paper Silhouette on Top and Bottom */
  clip-path: polygon(
    0% 8px, 2% 2px, 4% 9px, 6% 3px, 8% 8px, 10% 2px, 12% 8px, 14% 1px, 16% 7px, 18% 3px, 20% 9px, 22% 2px, 24% 8px, 26% 2px, 28% 9px, 30% 3px, 32% 8px, 34% 1px, 36% 7px, 38% 3px, 40% 9px, 42% 2px, 44% 8px, 46% 1px, 48% 7px, 50% 3px, 52% 9px, 54% 2px, 56% 8px, 58% 2px, 60% 9px, 62% 3px, 64% 8px, 66% 1px, 68% 7px, 70% 3px, 72% 9px, 74% 2px, 76% 8px, 78% 1px, 80% 7px, 82% 3px, 84% 9px, 86% 2px, 88% 8px, 90% 2px, 92% 9px, 94% 3px, 96% 8px, 98% 1px, 100% 7px,
    100% calc(100% - 7px), 98% calc(100% - 2px), 96% calc(100% - 8px), 94% calc(100% - 2px), 92% calc(100% - 9px), 90% calc(100% - 3px), 88% calc(100% - 8px), 86% calc(100% - 1px), 84% calc(100% - 7px), 82% calc(100% - 3px), 80% calc(100% - 9px), 78% calc(100% - 2px), 76% calc(100% - 8px), 74% calc(100% - 1px), 72% calc(100% - 7px), 70% calc(100% - 3px), 68% calc(100% - 9px), 66% calc(100% - 2px), 64% calc(100% - 8px), 62% calc(100% - 2px), 60% calc(100% - 9px), 58% calc(100% - 3px), 56% calc(100% - 8px), 54% calc(100% - 1px), 52% calc(100% - 7px), 50% calc(100% - 3px), 48% calc(100% - 9px), 46% calc(100% - 2px), 44% calc(100% - 8px), 42% calc(100% - 1px), 40% calc(100% - 7px), 38% calc(100% - 3px), 36% calc(100% - 9px), 34% calc(100% - 2px), 32% calc(100% - 8px), 30% calc(100% - 2px), 28% calc(100% - 9px), 26% calc(100% - 3px), 24% calc(100% - 8px), 22% calc(100% - 1px), 20% calc(100% - 7px), 18% calc(100% - 3px), 16% calc(100% - 9px), 14% calc(100% - 2px), 12% calc(100% - 8px), 10% calc(100% - 1px), 8% calc(100% - 7px), 6% calc(100% - 3px), 4% calc(100% - 9px), 2% calc(100% - 2px), 0% calc(100% - 8px)
  );
}

/* Washi Tapes */
.newspaper-washi {
  position: absolute;
  width: 84px;
  height: 24px;
  background: rgba(247, 201, 212, 0.95);
  border: 1.2px dashed #E86B8B;
  border-radius: 3px;
  pointer-events: none;
  z-index: 5;
}
.washi-top-left {
  top: -8px;
  left: 45px;
  transform: rotate(-3deg);
}
.washi-top-right {
  top: -8px;
  right: 45px;
  background: rgba(200, 222, 157, 0.95);
  border-color: #8EA858;
  transform: rotate(3deg);
}

/* ---------- MASTHEAD ---------- */
.newspaper-masthead {
  margin-bottom: 24px;
}

.masthead-main-row {
  display: grid;
  grid-template-columns: 180px 1fr 180px;
  gap: 16px;
  align-items: center;
  padding-bottom: 14px;
}

.masthead-ear {
  border: 1.5px solid var(--pond-ink);
  padding: 8px 10px;
  background: #FFFDF8;
  text-align: center;
  border-radius: 4px;
}
.ear-title {
  font-family: 'Karla', sans-serif;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--berry-deep);
  display: block;
  border-bottom: 1px dashed rgba(44, 32, 22, 0.2);
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.ear-desc {
  font-family: 'Karla', sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--pond-ink);
  display: block;
}

.masthead-center-brand {
  text-align: center;
}

.masthead-sub-label {
  font-family: 'Karla', sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--moss-deep);
}

.masthead-broadsheet-title {
  font-family: 'Baloo 2', cursive;
  font-size: clamp(2.8rem, 5.5vw, 4.2rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--pond-ink);
  line-height: 1;
  margin: 4px 0 6px;
}

.masthead-moto-line {
  font-family: 'Karla', sans-serif;
  font-style: italic;
  font-size: 0.98rem;
  color: #55483C;
}

/* Headline Deck */
.headline-deck-wrap {
  border-top: 2px solid var(--pond-ink);
  border-bottom: 2px solid var(--pond-ink);
  padding: 20px 0 16px;
  text-align: center;
  margin-top: 8px;
}

.newspaper-primary-headline {
  font-family: 'Baloo 2', cursive;
  font-size: clamp(2.3rem, 4.4vw, 3.4rem);
  font-weight: 900;
  color: var(--pond-ink);
  line-height: 1.15;
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}

.headline-accent {
  font-family: 'Caveat', cursive;
  font-weight: 400;
  color: var(--berry-deep);
  border-bottom: 2.5px dashed var(--berry-rose);
  padding-bottom: 2px;
}

.headline-subdeck {
  font-family: 'Karla', sans-serif;
  font-size: 1.18rem;
  font-style: italic;
  color: #4A3E34;
  max-width: 760px;
  margin: 0 auto;
  line-height: 1.48;
}

/* ---------- 2-COLUMN BROADSHEET EDITORIAL GRID ---------- */
.newspaper-editorial-grid {
  display: grid;
  grid-template-columns: 1.28fr 0.82fr;
  gap: 38px;
  align-items: start;
  margin-top: 24px;
}

/* Left Main Column: Clean, highly legible Karla body */
.news-column-story {
  display: flex;
  flex-direction: column;
  padding-right: 8px;
}

.news-lead-para {
  font-family: 'Karla', sans-serif;
  font-size: 1.08rem;
  line-height: 1.8;
  color: #2C2016;
  margin: 0 0 18px;
}

.editorial-dropcap {
  font-family: 'Baloo 2', cursive;
  font-size: 3.4rem;
  float: left;
  line-height: 0.8;
  margin: 2px 6px 0 0;
  padding: 0;
  color: var(--berry-deep);
  font-weight: 800;
}

.editorial-dateline {
  font-family: 'Karla', sans-serif;
  font-size: 0.94rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--pond-ink);
  margin-right: 4px;
}

.news-body-para {
  font-family: 'Karla', sans-serif;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #382C22;
  margin: 0 0 18px;
}

/* Editorial Pullquote */
.editorial-pullquote-box {
  position: relative;
  border-top: 2.5px solid var(--pond-ink);
  border-bottom: 2.5px solid var(--pond-ink);
  background: #FFF1F4;
  padding: 22px 28px;
  margin: 24px 0;
}

.pullquote-ornament {
  font-family: 'Baloo 2', cursive;
  font-size: 3.2rem;
  color: var(--berry-rose);
  line-height: 0.4;
  margin-bottom: 6px;
}
.right-ornament {
  text-align: right;
  margin-top: 12px;
  margin-bottom: 0;
}

.editorial-pullquote-box p {
  font-family: 'Karla', sans-serif;
  font-style: italic;
  font-size: 1.22rem;
  line-height: 1.62;
  color: #2C2016;
  margin: 0;
}

.closing-statement {
  font-weight: 600;
}

/* Sign-off & Stamp */
.editorial-signoff-bar {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1.5px dashed rgba(44, 32, 22, 0.25);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.signoff-cursive {
  font-family: 'Caveat', cursive;
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--berry-deep);
}

.official-seal-badge {
  font-family: 'Karla', sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  border: 1.5px solid var(--pond-ink);
  padding: 4px 10px;
  border-radius: 4px;
  background: #FAFFC7;
  color: var(--pond-ink);
  display: flex;
  align-items: center;
  gap: 4px;
}
.seal-icon {
  color: var(--berry-rose);
}

/* Right Dispatch Column */
.news-column-dispatch {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Chronology Box */
.dispatch-chronology-card {
  border: 2px solid var(--pond-ink);
  background: #FFFDF8;
  border-radius: 8px;
  padding: 20px 18px;
  box-shadow: 3px 3px 0 var(--pond-ink);
}

.dispatch-header {
  text-align: center;
  border-bottom: 1.5px dashed rgba(44, 32, 22, 0.2);
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.dispatch-label {
  font-family: 'Karla', sans-serif;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  color: var(--moss-deep);
  display: block;
}
.dispatch-title {
  font-family: 'Baloo 2', cursive;
  font-size: 1.45rem;
  font-weight: 800;
  color: var(--pond-ink);
  margin: 2px 0 0;
}

.chronology-entries {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.chronology-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 12px;
  border-bottom: 1px dotted rgba(44, 32, 22, 0.2);
}
.chronology-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.chronology-stamp {
  font-family: 'Caveat', cursive;
  font-size: 0.82rem;
  font-weight: 700;
  color: #7A243A;
  background: var(--azalea);
  border: 1.2px solid var(--pond-ink);
  border-radius: 6px;
  padding: 2px 8px;
  flex-shrink: 0;
  margin-top: 2px;
  box-shadow: 1px 1px 0 var(--pond-ink);
}

.stamp-y2 {
  background: #C8DE9D;
  color: #2C2016;
}

.stamp-now {
  background: #FAFFC7;
  color: #7A243A;
  border-color: #E86B8B;
}

.chronology-text {
  display: flex;
  flex-direction: column;
}

.chronology-h4 {
  font-family: 'Karla', sans-serif;
  font-size: 1.02rem;
  font-weight: 800;
  color: var(--pond-ink);
  margin: 0 0 2px;
  line-height: 1.3;
}

.chronology-desc {
  font-family: 'Karla', sans-serif;
  font-size: 0.92rem;
  line-height: 1.55;
  color: #4A3E34;
  margin: 0;
}

/* Press Photo Frame */
.press-photo-frame {
  border: 1.8px solid var(--pond-ink);
  background: #FFFDF8;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  box-shadow: 3px 3px 0 var(--pond-ink);
  margin: 0;
}

.photo-inner-mat {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #FAFFC7;
  border: 2px solid var(--pond-ink);
  margin: 0 auto 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 0 var(--pond-ink);
}

.press-mascot-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.press-caption {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.caption-lead {
  font-family: 'Caveat', cursive;
  font-size: 1.32rem;
  font-weight: 700;
  color: var(--berry-deep);
  display: block;
}

.caption-sub {
  font-family: 'Karla', sans-serif;
  font-size: 0.78rem;
  color: #7E7264;
  display: block;
}

/* Studio Classified Notice */
.studio-classified-notice {
  border: 1.5px dashed var(--pond-ink);
  background: #FAFFC7;
  padding: 12px 14px;
  border-radius: 8px;
  text-align: center;
}

.notice-head {
  font-family: 'Karla', sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: var(--berry-deep);
  display: block;
  margin-bottom: 2px;
}

.notice-body {
  font-family: 'Karla', sans-serif;
  font-size: 0.88rem;
  line-height: 1.45;
  color: #3E3228;
  margin: 0;
}

/* ---------- RESPONSIVE (NEWSPAPER BROADSHEET) ---------- */
@media (max-width: 920px) {
  .masthead-main-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .masthead-ear {
    display: none;
  }
  .newspaper-editorial-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .news-column-story {
    padding-right: 0;
  }
  .torn-newspaper-sheet {
    padding: 38px 28px 30px;
  }
}

@media (max-width: 640px) {
  .story-section {
    padding: 24px 0 44px;
  }
  .torn-newspaper-sheet {
    padding: 28px 16px 22px;
    width: 100%;
    filter: drop-shadow(0 8px 20px rgba(44, 32, 22, 0.1));
  }
  .washi-top-left {
    left: 14px;
    top: -6px;
    width: 56px;
    height: 16px;
  }
  .washi-top-right {
    right: 14px;
    top: -6px;
    width: 56px;
    height: 16px;
  }
  .masthead-sub-label {
    font-size: 0.62rem;
    letter-spacing: 0.1em;
    line-height: 1.35;
  }
  .masthead-broadsheet-title {
    font-size: clamp(1.75rem, 7.8vw, 2.5rem);
    margin: 4px 0 6px;
    letter-spacing: -0.02em;
    overflow-wrap: break-word;
    word-break: normal;
  }
  .masthead-moto-line {
    font-size: 0.88rem;
    line-height: 1.35;
  }
  .headline-deck-wrap {
    padding: 14px 0 12px;
    margin-top: 4px;
  }
  .newspaper-primary-headline {
    font-size: clamp(1.4rem, 5.5vw, 1.95rem);
    margin-bottom: 8px;
    line-height: 1.22;
  }
  .headline-subdeck {
    font-size: 0.95rem;
    line-height: 1.48;
  }
  .news-lead-para {
    font-size: 0.98rem;
    line-height: 1.7;
    margin-bottom: 14px;
  }
  .editorial-dropcap {
    font-size: 3.2rem;
    line-height: 0.8;
    padding: 2px 6px 0 0;
  }
  .news-body-para {
    font-size: 0.94rem;
    line-height: 1.7;
    margin-bottom: 14px;
  }
  .editorial-pullquote-box {
    padding: 16px 14px;
    margin: 18px 0;
  }
  .editorial-pullquote-box p {
    font-size: 1.02rem;
    line-height: 1.5;
  }
  .pullquote-ornament {
    font-size: 2.2rem;
  }
  .editorial-signoff-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .signoff-cursive {
    font-size: 1.25rem;
  }
  .dispatch-chronology-card {
    padding: 16px 12px;
  }
  .chronology-row {
    flex-direction: column;
    gap: 6px;
  }
  .chronology-stamp {
    align-self: flex-start;
  }
  .press-photo-frame {
    padding: 12px;
  }
}

@media (max-width: 380px) {
  .torn-newspaper-sheet {
    padding: 20px 10px 18px;
  }
  .masthead-broadsheet-title {
    font-size: 1.6rem;
  }
  .newspaper-primary-headline {
    font-size: 1.28rem;
  }
}