/* "A Day in a Seller's Life", shared (AK Nov 1): moved from /product to /kairos. Rules copied from public/v2/products/products.css
   (.pd-day, .pd-roi, .pd-shell, .pd-head) under a .pdd wrapper that carries the tokens. Markup: views/partials/pd-day.ejs. */
.pdd { --gold: #FFC61E; --gold3: #FFE8A5; --ink: #110A33; --violet: #341D99; --lav: #DDD6FF; --mist: #F6F4FF; --slate: #5B6478; --white: #fff;
  --disp: "Cabinet Grotesk", Cabinetgrotesk, Arial, sans-serif; --ease: cubic-bezier(.23, 1, .32, 1);
  --sh-sm: 0 2px 8px rgba(17,10,51,.08); --sh-md: 0 12px 32px -12px rgba(17,10,51,.22); --pad: clamp(40px, 4.4vw, 56px); font-family: Manrope, Arial, sans-serif; color: var(--ink); }
.pdd *, .pdd *::before, .pdd *::after { box-sizing: border-box; }
.pdd :is(h2, p, ol) { margin: 0; } .pdd ol { padding: 0; list-style: none; }
.pdd a:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; }
.pdd .pd-shell { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.pdd .pd-head { max-width: 960px; margin: 0 auto 24px; text-align: center; }
.pdd .pd-head h2 { font: 700 clamp(28px, 2.2vw + 12px, 36px)/1.12 var(--disp); letter-spacing: -.02em; }
.pdd .pd-head p { margin-top: 8px; font-size: 16px; line-height: 1.55; color: var(--slate); }
.pdd .pd-head p a { color: var(--ink); font-weight: 700; text-underline-offset: 3px; }
/* 2. A Day in a Seller's Life */
.pdd .pd-day { padding: var(--pad) 0; background: var(--mist); color: var(--ink); }
.pdd .pd-day__cal { display: grid; max-width: 960px; margin: 0 auto; padding: 0; list-style: none; }
.pdd .pd-day__row { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; align-items: center; padding: 6px 0; border-top: 1px solid var(--lav); }
.pdd .pd-day__row:first-child { border-top-color: transparent; }
.pdd .pd-day__t { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; font-variant-numeric: tabular-nums; }
.pdd .pd-day__t b { font: 700 20px/1 var(--disp); letter-spacing: -.01em; }
.pdd .pd-day__t span { font-size: 12px; font-weight: 800; letter-spacing: .06em; color: var(--slate); }
.pdd .pd-day__ev { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; min-height: 64px; padding: 12px 16px; border-radius: 16px; background: var(--white); box-shadow: var(--sh-sm); transition: box-shadow .2s var(--ease), transform .2s var(--ease); }
.pdd .pd-day__ev p { flex: 1 1 auto; font-size: 16px; line-height: 1.45; font-weight: 600; }
.pdd .pd-day__by { flex: none; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.pdd .pd-day__chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 4px 12px 4px 6px; border-radius: 999px; background: var(--mist); box-shadow: inset 0 0 0 1px var(--lav); font: 700 15px/1 var(--disp); color: var(--ink); text-decoration: none; white-space: nowrap; scroll-margin-top: 136px; transition: background-color .2s var(--ease), box-shadow .2s var(--ease), transform .16s var(--ease); }
.pdd .pd-day__chip img { display: block; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--white); object-fit: contain; }
.pdd .pd-day__chip svg { flex: none; transition: transform .2s var(--ease); }
.pdd .pd-day__chip:active { transform: scale(.97); }
.pdd .pd-day__chip:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; border-radius: 999px; }
@media (hover: hover) and (pointer: fine) {
  .pdd .pd-day__ev:hover { box-shadow: var(--sh-md); transform: translateY(-1px); }
  .pdd .pd-day__chip:hover { background: var(--gold3); box-shadow: inset 0 0 0 1px var(--gold); }
  .pdd .pd-day__chip:hover svg { transform: translateX(3px); }
}
@media (max-width: 899px) {
  .pdd .pd-day__ev { flex-direction: column; align-items: flex-start; gap: 8px; }
  .pdd .pd-day__by { justify-content: flex-start; }
}
@media (max-width: 599px) {
  .pdd .pd-day__row { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 8px 0 2px; }
  .pdd .pd-day__t { flex-direction: row; align-items: baseline; gap: 6px; }
  .pdd .pd-day__t b { font-size: 18px; }
  .pdd .pd-day__ev { padding: 12px; }
  .pdd .pd-day__ev p { font-size: 15px; }
  .pdd .pd-day__by { gap: 6px; }
  .pdd .pd-day__chip { gap: 6px; padding: 4px 10px 4px 4px; font-size: 14px; }
}
@media (max-width: 359px) { .pdd .pd-day__chip { white-space: normal; font-size: 14px; line-height: 1.2; } }
.pdd .pd-roi { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 16px; max-width: 960px; margin: 24px auto 0; font-size: 16px; line-height: 1.5; color: var(--slate); text-align: center; }
.pdd .pd-roi a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 999px; background: var(--lav); color: var(--ink); font: 700 15px/1 var(--disp); text-decoration: none; transition: background-color .15s ease-out, color .15s ease-out, transform .16s var(--ease); }
.pdd .pd-roi a:hover { background: var(--ink); color: var(--white); }
.pdd .pd-roi a:active { transform: scale(.97); }
@media (prefers-reduced-motion: reduce) { .pdd .pd-day__ev, .pdd .pd-day__chip, .pdd .pd-day__chip svg, .pdd .pd-roi a { transition: none; } .pdd .pd-day__ev:hover { transform: none; } .pdd .pd-day__chip:active, .pdd .pd-roi a:active { transform: none; } }