/* 30 Days of Light (/challenge). Uses nly.css; only page-specific layout here. */
.c-hero .hero-bg{left:auto;width:min(100%,70vw);background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%);bottom:0}
.c-hero h1 em{font-size:.5em;display:inline-block;margin-top:.6rem}
.c-prose{text-align:left;color:var(--muted);font-size:1.08rem;display:grid;gap:1.1rem}
.statement .c-prose{max-width:40rem;margin:0 auto}
.c-prose strong{color:var(--brown);font-weight:600}
.c-prose h3{font-size:1.9rem;color:var(--brown);margin-top:1.2rem}
.c-prose ol,.c-prose ul{padding-left:1.3rem;display:grid;gap:.7rem}
.statement h2 em,.practice h2 em,.stillness h2 em{color:var(--amber-deep)}
.statement h2,.practice h2,.stillness h2{color:var(--brown)}
.c-how ul{list-style:none;padding:0}
.c-how ul li{border-left:2px solid var(--amber);padding-left:1.2rem}
.c-strip{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem 1.2rem;margin-top:3rem}
.c-strip a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}
.c-disc{width:min(150px,38vw);aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);margin-bottom:.6rem;transition:transform .4s}
.c-strip a:hover .c-disc{transform:translateY(-4px)}
.c-strip .num{color:var(--gold);font-size:1.4rem;min-width:0}
.c-name{font-family:var(--serif);font-size:1.45rem;line-height:1.1}
.c-dur{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.c-steps{background:var(--sand-2);padding:5rem 0}
.c-step{display:grid;gap:2rem;align-items:center;padding:3.5rem 0;border-bottom:1px solid #E4D8C6;scroll-margin-top:5rem}
.c-step:last-child{border-bottom:0}
.c-fig{border-radius:4px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(43,36,32,.45)}
.c-fig img{width:100%;height:auto}
.c-step h3{font-size:clamp(2.2rem,6vw,3.2rem);color:var(--brown);margin-bottom:1.2rem}
.c-step-copy p:not(.eyebrow){color:var(--muted);margin-bottom:.9rem}
.c-step-copy strong{color:var(--brown);font-weight:600}
.c-step-copy .does{border-top:1px solid #E4D8C6;padding-top:.9rem;margin-top:1.2rem}
.c-tracker{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin:2.4rem 0 1.6rem}
.c-day{border:1px solid #E4D8C6;border-radius:6px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .3rem .9rem}
.c-day .lbl{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.c-day .d{font-family:var(--serif);font-size:1.8rem;color:var(--amber-deep);line-height:1}
.c-day .box{width:1.1rem;height:1.1rem;border:1.3px solid var(--amber-deep);border-radius:2px}
.c-start{color:var(--muted);display:flex;gap:.6rem;align-items:flex-end}
.c-start .line{flex:0 1 14rem;border-bottom:1px solid var(--muted);height:1.2em}
.c-download{margin-top:1rem}
.c-safety ul{list-style:none;padding:0}
.c-safety li{padding-left:1.4rem;position:relative}
.c-safety li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--amber)}
.c-closing p{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,4.6vw,2.4rem);line-height:1.3;color:#fff;margin-bottom:2.4rem}
.c-cta{justify-content:center}
@media (min-width:860px){
 .c-strip{grid-template-columns:repeat(6,1fr)}
 .c-step{grid-template-columns:1.1fr 1fr;gap:4rem}
 .c-step:nth-child(even) .c-fig{order:2}
 .c-tracker{grid-template-columns:repeat(6,1fr)}
 .c-steps{padding:7rem 0}
}
@media print{
 .topbar,.hero,.c-strip,.cta,.foot,.c-download,.scroll-cue{display:none}
 .reveal{opacity:1;transform:none}
}
/* /30-days opt-in and /30-days/thank-you */
.o-hero .hero-inner{padding-top:7rem;padding-bottom:5rem}
.o-hero h1{font-size:clamp(2.6rem,7vw,4.6rem);max-width:16ch}
.o-hero .optin-form{max-width:30rem}
.o-hero .lede{margin-bottom:2rem}
.o-list{text-align:left;max-width:40rem;margin:2rem auto 0;font-size:1.05rem}
.pillars h2 em{color:var(--gold)}
.o-thanks .optin-lede.soft{margin-top:2.4rem}
.o-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}
.o-actions .pill-ghost{padding:.95rem 2rem;font-size:.85rem}
@media (min-width:860px){.o-actions{flex-direction:row;justify-content:center}}