/* Block: argos/copy-board */
.prepare-grid { grid-template-columns: .76fr 1.24fr; }
.prepare-grid .sticky-copy { top: 130px; }
.prepare-board { overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: var(--card-glass); box-shadow: 0 30px 70px rgba(35,24,59,.08); }
.prepare-board-head { min-height: 74px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); background: rgba(17,16,21,.025); }
.prepare-board-head div span, .prepare-board-head div strong { display: block; }
.prepare-board-head div span { margin-bottom: 3px; color: var(--violet); font-size: .55rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.prepare-board-head div strong { font-size: .84rem; }
.prepare-board-head p { margin: 0; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: .78rem; white-space: nowrap; }
.prepare-board-head p i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(29,214,190,.1); }
.prepare-card-grid { padding: 13px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.prepare-card { min-height: 275px; padding: 23px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: var(--card-glass); }
.prepare-card:nth-child(1) { background: linear-gradient(145deg, rgba(97,24,215,.12), rgba(255,255,255,.5)); }
.prepare-card:nth-child(2) { background: linear-gradient(145deg, rgba(241,174,80,.14), rgba(255,255,255,.5)); }
.prepare-card:nth-child(3) { background: linear-gradient(145deg, rgba(91,141,239,.14), rgba(255,255,255,.5)); }
.prepare-card:nth-child(4) { background: linear-gradient(145deg, rgba(29,214,190,.16), rgba(255,255,255,.5)); }
.prepare-card-top { min-height: 54px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.prepare-card-top > span { color: var(--violet); font-size: .78rem; font-weight: 900; letter-spacing: .08em; }
.prepare-card h3 { max-width: 260px; margin: 27px 0 10px; font-size: 1.35rem; line-height: 1.06; }
.prepare-card > p { margin: 0 0 22px; color: var(--muted); font-size: .9rem; line-height: 1.65; }
.prepare-card > small { margin-top: auto; padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }

/* Dark themes */
.on-dark .prepare-board { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.045); box-shadow: 0 30px 70px rgba(0,0,0,.22); }
.on-dark .prepare-board-head { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.025); }
.on-dark .prepare-board-head div span { color: var(--mint); }
.on-dark .prepare-board-head p { color: rgba(255,255,255,.72); }
.on-dark .prepare-card { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.04); }
.on-dark .prepare-card:nth-child(1) { background: linear-gradient(145deg, rgba(97,24,215,.23), rgba(255,255,255,.035)); }
.on-dark .prepare-card:nth-child(2) { background: linear-gradient(145deg, rgba(241,174,80,.11), rgba(255,255,255,.035)); }
.on-dark .prepare-card:nth-child(3) { background: linear-gradient(145deg, rgba(91,141,239,.13), rgba(255,255,255,.035)); }
.on-dark .prepare-card:nth-child(4) { background: linear-gradient(145deg, rgba(29,214,190,.13), rgba(255,255,255,.035)); }
.on-dark .prepare-card-top > span { color: var(--mint); }
.on-dark .prepare-card > p { color: rgba(255,255,255,.82); }
.on-dark .prepare-card > small { border-color: rgba(255,255,255,.11); color: rgba(255,255,255,.72); }

@media (max-width: 1100px) {
  .prepare-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .prepare-card-grid { grid-template-columns: 1fr; }
  .prepare-card { min-height: 245px; }
}

@media (max-width: 430px) {
  .prepare-board-head { align-items: flex-start; flex-direction: column; gap: 10px; }
}
