/* Athledex × Inter Da Nang giveaway rules: the legal layout (brand-system.css) plus the title,
   the countdown, the summary, the steps and the prize ranking. Selectors carry .legal-page so they hold over brand-system.css.
   Orange appears once, on the countdown label: the closing time is the one thing to act on. No orange rules or bars. */
/* Title on two full-weight lines: each half sized to hold on one line of the reading column. */
.revamp.legal-page .page-hero.giveaway-hero .mast{font-size:clamp(1.9rem,8.2vw,3.75rem);font-weight:800;line-height:.95;letter-spacing:0;max-width:none;}
.legal-page .giveaway-hero .mast .line{display:block;}
.legal-page .giveaway-hero .giveaway-lede{max-width:34rem;margin-top:1.25rem;font-size:1.05rem;line-height:1.6;color:var(--head);opacity:.8;}

/* Countdown (giveaway.js): chalk numbers on a framed strip; a number rolls in when it changes. */
.legal-page .giveaway-countdown{position:relative;margin-top:2rem;padding:1.1rem 1.25rem 1.2rem;background:var(--ink-3);border:1px solid var(--hair);}
.legal-page .giveaway-countdown .cd-label{margin:0 0 .6rem;color:var(--accent-hi);}
.legal-page .giveaway-countdown .cd-units{display:flex;align-items:flex-start;gap:clamp(.5rem,2.5vw,1.25rem);}
.legal-page .giveaway-countdown .cd-unit{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;}
.legal-page .giveaway-countdown .cd-num{display:block;font-size:clamp(2.4rem,11vw,4.25rem);line-height:1;font-variant-numeric:tabular-nums;color:var(--head);}
.legal-page .giveaway-countdown .cd-num.roll{animation:cd-roll .45s cubic-bezier(.2,.8,.2,1);}
.legal-page .giveaway-countdown .cd-name{color:var(--head);opacity:.6;}
.legal-page .giveaway-countdown .cd-sep{align-self:stretch;width:1px;margin:.3rem 0 1.4rem;background:var(--hair);}
.legal-page .giveaway-countdown .cd-date{margin:.9rem 0 0;padding-top:.8rem;border-top:1px solid var(--hair-soft);font-size:.95rem;color:var(--head);opacity:.75;}
.legal-page .giveaway-countdown .cd-closed{margin:0;font-size:1.3rem;color:var(--head);}
@keyframes cd-roll{from{transform:translateY(-.35em);opacity:0;}to{transform:none;opacity:1;}}
@media (prefers-reduced-motion:reduce){
  .legal-page .giveaway-countdown .cd-num.roll{animation:none;}
}

/* The Instagram post visual, under the countdown. */
.legal-page .giveaway-visual{margin:2rem 0 0;border:1px solid var(--hair);background:var(--ink-3);}
.legal-page .giveaway-visual img{display:block;width:100%;height:auto;filter:none;}

/* Undo the base legal bullet (styles.css .legal ul / li) on the blocks below. */
.legal-page .legal :is(.giveaway-facts,.giveaway-prizes){max-width:none;}
.legal-page .legal :is(.giveaway-facts,.giveaway-prizes,.giveaway-steps) li{margin:0;}
.legal-page .legal :is(.giveaway-facts,.giveaway-prizes,.giveaway-steps) li::before{background:none;}

.legal-page .giveaway-facts{display:grid;grid-template-columns:1fr 2fr;gap:1px;margin:0 0 2.5rem;padding:0;list-style:none;background:var(--hair);border:1px solid var(--hair);}
.legal-page .legal .giveaway-facts li{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;background:var(--ink-2);line-height:1.4;}
.legal-page .giveaway-facts .k{color:var(--head);opacity:.6;}
.legal-page .giveaway-facts .v{font-size:1rem;color:var(--head);}

/* Prizes as a ranking, not three equal cards: one row per place, the first prize set larger. */
.legal-page .giveaway-prizes{margin:1.25rem 0 1rem;padding:0;list-style:none;border-top:1px solid var(--hair);}
.legal-page .legal .giveaway-prizes li{display:grid;grid-template-columns:7.5rem 1fr;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--hair);line-height:1.45;}
.legal-page .giveaway-prizes .rank{font-size:1.6rem;line-height:1;color:var(--head);}
.legal-page .giveaway-prizes .gift{font-size:1rem;color:var(--head);}
.legal-page .legal .giveaway-prizes li:first-child{padding:1.25rem 0;}
.legal-page .giveaway-prizes li:first-child .rank{font-size:2.4rem;}
.legal-page .giveaway-prizes li:first-child .gift{font-size:1.15rem;}

.legal-page .giveaway-steps{counter-reset:step;margin:1rem 0;padding:0;list-style:none;}
.legal-page .legal .giveaway-steps li{counter-increment:step;padding:.7rem 0 .7rem 2.4rem;border-bottom:1px solid var(--hair-soft);}
.legal-page .legal .giveaway-steps li::before{content:counter(step,decimal-leading-zero);top:.7rem;width:auto;height:auto;font-family:var(--f-cond);font-weight:800;font-size:1.1rem;line-height:1.75;color:var(--head);opacity:.5;}

@media (max-width:720px){
  .legal-page .giveaway-facts{grid-template-columns:1fr;}
  .legal-page .legal .giveaway-prizes li{grid-template-columns:1fr;gap:.4rem;}
}