/* 24 Oct 2026: picture steps on the 3 home record cards + 100 Days Challenge live. Her colours and fonts only
   (card pinks #FFF5F8/#FFE1EB/#E32C6F, ink #000/#42182D, her green chip #E8FFE3/#11650A, DM Sans + Cormorant). */
.hh .hp-rec .b3-steps{list-style:none;margin:5px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;flex:1 0 auto}
.hh .hp-rec .b3-steps li{position:relative;display:flex;align-items:center;gap:10px;min-height:30px}
.hh .hp-rec .b3-steps li+li::before{content:"";position:absolute;left:14px;top:-5px;height:6px;border-left:2px dashed #FFB3CC}
.hh .hp-rec .st-pic{position:relative;flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#FFF5F8;border:1px solid #FFE1EB}
.hh .hp-rec .st-pic img{width:24px;height:24px;object-fit:contain}
.hh .hp-rec .st-pic b{position:absolute;top:-5px;left:-7px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #E32C6F;color:#E32C6F;font-family:var(--ff-body);font-size:9px;line-height:1;font-weight:500}
.hh .hp-rec .st-t{font-family:var(--ff-body);font-size:12px;line-height:1.3;color:#000}
.hh .hp-rec .b3-live.is-live{background:#E8FFE3;border-color:#11650A;color:#11650A}
.hh .hp-rec .b3-live.is-live i{background:#1BA90F}
.hh .hp-rec .b3-tall .ttl.b3-tag{margin-top:10px}
.hh .hp-rec .b3-tall .ttl.b3-tag em{display:inline;white-space:normal}
/* /events/100-day/ page */
.c100{max-width:1100px;margin:0 auto;padding:12px 16px 40px;font-family:var(--f-body)}
.c1-hero{text-align:center;padding:8px 0 4px}
.c1-tag{margin:0 0 18px;font-family:var(--f-head);font-weight:400;font-size:32px;line-height:1.15;color:#42182D}
.c1-tag em{font-style:italic;color:#E32C6F}
.c1-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.c1-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}
.c1-steps li+li::before{content:"";position:absolute;top:42px;right:calc(50% + 56px);width:calc(100% - 88px);border-top:3px dashed #FFB3CC}
.c1-pic{position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:24px;background:#FFF5F8;border:1px solid #FFE1EB;box-shadow:4px 4px 0 #FFB3CC}
.c1-pic img{width:60px;height:60px;object-fit:contain}
.c1-pic b{position:absolute;top:-10px;left:-10px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #E32C6F;color:#E32C6F;font-size:14px;font-weight:500}
.c1-t{display:flex;flex-direction:column;font-size:15px;line-height:1.3;color:#000}
.c1-t strong{font-family:var(--f-body);font-weight:500;font-size:32px;line-height:1.1;color:#42182D}
.c1-box{margin-top:24px;padding:18px 20px;border:1px solid #1A1A1A;border-radius:24px;background:#fff;box-shadow:6px 6px 0 #FFB3CC}
.c1-box h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--f-head);font-weight:400;font-size:25px;line-height:1.2;color:#000}
.c1-n{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#000;color:#fff;font-family:var(--f-body);font-size:15px}
.c1-hint{margin:0 0 10px;font-size:15px;color:#42182D}
.c1-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:420px;overflow:auto;padding:4px}
.c1-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid #EFDAE4;border-radius:16px;background:#fff;cursor:pointer;font:inherit;font-size:12px;line-height:1.25;color:#000;text-align:center}
.c1-item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#FFF5F8}
.c1-item.on{border:2px solid #E32C6F;background:#FFF0F6}
.c1-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:15px}
.c1-go{display:inline-flex;align-items:center;gap:2px;padding:6px 18px;border:1px solid #E32C6F;border-radius:999px;background:#E32C6F;color:#fff;font:inherit;font-size:15px;line-height:1.35;cursor:pointer;width:auto}
.c1-go[disabled]{opacity:.45;cursor:default}
.c1-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.c1-form .c1-wide{grid-column:1/-1}
.c1-form input{min-height:40px;padding:6px 12px;border:1px solid #EFDAE4;border-radius:12px;font:inherit;font-size:15px}
.c1-form .c1-go{justify-self:start}
@media (max-width:640px){
  .c1-tag{font-size:25px}
  .c1-steps{grid-template-columns:1fr;gap:14px;justify-items:start}
  .c1-steps li{flex-direction:row;gap:14px;text-align:left}
  .c1-steps li+li::before{top:-14px;left:44px;right:auto;width:0;height:14px;border-top:0;border-left:3px dashed #FFB3CC}
  .c1-pic{width:72px;height:72px;border-radius:20px}.c1-pic img{width:50px;height:50px}
  html body .c100 .c1-t strong{font-size:25px}
  .c1-form{grid-template-columns:1fr}
  .c1-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:340px}
}
html body .c100 .c1-tag{font-family:var(--f-head)!important;font-weight:400!important}
html body .c100 .c1-n{font-family:var(--f-body)!important;font-size:15px!important;font-style:normal!important}