/* Shared: what Monday looks like + annotated page-one.
   Used on the homepage, /resume-rewrite/, and /ats-scanner. */

.monday {
  position: relative;
  z-index: 2;
  max-width: 1020px;
  margin: 0 auto 3.5rem;
  padding: 0 3rem;
}
.monday-kicker {
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #C9A962;
  font-weight: 600;
  margin-bottom: 0.85rem;
}
.monday-steps {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}
.monday-steps li {
  background: #111419;
  border: 1px solid rgba(201, 169, 98, 0.12);
  padding: 1.1rem 1.15rem 1.2rem;
}
.monday-steps b {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.35rem;
  font-weight: 500;
  color: #FAF7F0;
  margin-bottom: 0.35rem;
}
.monday-steps span {
  display: block;
  font-size: 0.82rem;
  line-height: 1.5;
  color: #A8A5A0;
}

.pageone {
  position: relative;
  z-index: 2;
  max-width: 1020px;
  margin: 0 auto 4.5rem;
  padding: 0 3rem;
}
.pageone-kicker {
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #C9A962;
  font-weight: 600;
  margin-bottom: 0.7rem;
}
.pageone h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
  letter-spacing: -0.03em;
  color: #FAF7F0;
  margin: 0 0 1.4rem;
}
.pageone-desk {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 1.5rem;
  align-items: start;
}
.pageone-sheet {
  background: #F6F2EA;
  color: #0B0E11;
  padding: 1.6rem 1.55rem 1.7rem;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.35);
}
.pageone-sheet .who {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0.2rem;
}
.pageone-sheet .meta {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5F6169;
  margin-bottom: 0.95rem;
}
.pageone-sheet .tickets {
  font-size: 0.78rem;
  font-weight: 600;
  background: #E8D9A8;
  padding: 0.35rem 0.5rem;
  margin-bottom: 0.95rem;
}
.pageone-sheet h3 {
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8B7355;
  margin: 0 0 0.4rem;
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
}
.pageone-sheet p,
.pageone-sheet li {
  font-size: 0.8rem;
  line-height: 1.45;
  color: #2B2F36;
}
.pageone-sheet ul {
  margin: 0 0 0.9rem;
  padding-left: 1.05rem;
}
.pageone-sheet .hit {
  background: #E8D9A8;
  box-decoration-break: clone;
}
.pageone-notes {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pageone-notes li {
  padding: 1rem 0;
  border-top: 1px solid rgba(201, 169, 98, 0.12);
}
.pageone-notes li:first-child { border-top: 0; padding-top: 0; }
.pageone-notes strong {
  display: block;
  font-size: 0.92rem;
  margin-bottom: 0.3rem;
  color: #FAF7F0;
}
.pageone-notes p {
  font-size: 0.85rem;
  color: #A8A5A0;
  line-height: 1.5;
  margin: 0;
}
.pageone-was {
  text-decoration: line-through;
  color: #8E8C85;
}

@media (max-width: 800px) {
  .monday,
  .pageone { padding: 0 1.4rem; }
  .monday-steps,
  .pageone-desk { grid-template-columns: 1fr; }
}