/*
 * ABOUT / RULE / ACTIVITY / ASSOCIATION
 * Four related editorial experiences inside one YOU.FO design system.
 */

body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page,.youfo-activity-page,.youfo-association-page){
  --core-red:#ef2533;
  --core-blue:#0783c1;
  --core-navy:#061a33;
  --core-ink:#102943;
  --core-muted:#5f7285;
  --core-sky:#eef8fd;
  --core-line:#cfe1eb;
  background:#fff;
  color:var(--core-ink);
}

body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page,.youfo-activity-page,.youfo-association-page) .inner{
  width:min(1180px,calc(100% - 64px));
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
}

/* Shared chapter navigation. */
html body.youfo-tone-v5 .yf-about-subnav{
  position:sticky;
  top:76px;
  z-index:25;
  background:var(--core-blue)!important;
  border:0;
  box-shadow:0 8px 24px rgba(6,26,51,.14);
}
html body.youfo-tone-v5 .yf-about-subnav__inner{width:min(1180px,100%)}
html body.youfo-tone-v5 .yf-about-subnav a{
  min-height:58px;
  display:grid;
  place-items:center;
  padding:12px 18px;
  border-right:1px solid rgba(255,255,255,.25);
  color:#fff!important;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.06em;
}
html body.youfo-tone-v5 .yf-about-subnav a[aria-current="page"]{background:var(--core-red)!important}

/* Shared photo-led hero language. */
html body.youfo-tone-v5 :is(.about-hero,.rule-hero,.activity-hero,.association-hero){
  min-height:clamp(590px,76vh,800px)!important;
  display:flex;
  align-items:center;
  padding:110px 0 90px!important;
  overflow:hidden;
  text-align:left;
  border-bottom:8px solid var(--core-blue)!important;
}
html body.youfo-tone-v5 .about-hero__bg{
  background:url('../assets/home-v4/about.jpg') 68% 40%/cover no-repeat!important;
  transform:none!important;
}
html body.youfo-tone-v5 .about-hero__overlay{
  background:linear-gradient(90deg,rgba(6,26,51,.94),rgba(6,26,51,.66) 52%,rgba(6,26,51,.08))!important;
}
html body.youfo-tone-v5 .rule-hero{
  background-image:linear-gradient(90deg,rgba(6,26,51,.94),rgba(6,26,51,.6) 55%,rgba(6,26,51,.1)),url('../assets/site-renewal/ring-cross-action.jpg')!important;
  background-position:center!important;
}
html body.youfo-tone-v5 .activity-hero{
  background-image:linear-gradient(90deg,rgba(6,26,51,.9),rgba(6,26,51,.38) 56%,rgba(6,26,51,.04)),url('../assets/home-v4/fun-fairplay-friendship.jpg')!important;
  background-position:center 45%!important;
}
html body.youfo-tone-v5 .association-hero{
  background-image:linear-gradient(90deg,rgba(6,26,51,.92),rgba(6,26,51,.48) 58%,rgba(6,26,51,.08)),url('../assets/home-v4/association.jpg')!important;
  background-position:center 43%!important;
}
html body.youfo-tone-v5 :is(.about-hero,.rule-hero,.activity-hero,.association-hero):after{
  width:min(45vw,650px)!important;
  height:min(45vw,650px)!important;
  right:-15%!important;
  bottom:-38%!important;
  border:4px solid var(--core-blue)!important;
  opacity:.8;
}
html body.youfo-tone-v5 :is(.about-hero__content,.rule-hero__content,.activity-hero .inner,.association-hero .inner){
  width:min(1180px,calc(100% - 64px));
  max-width:none;
  margin-inline:auto;
  position:relative;
  z-index:2;
}
html body.youfo-tone-v5 :is(.about-hero__content,.rule-hero__content){margin-left:0}
html body.youfo-tone-v5 :is(.about-title,.rule-title,.activity-title,.association-title){
  max-width:850px;
  margin:0 0 24px!important;
  color:#fff!important;
  font-size:clamp(4.1rem,7.3vw,7.8rem)!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
  text-wrap:balance;
}
html body.youfo-tone-v5 :is(.about-lead,.rule-lead,.activity-lead,.association-lead){
  max-width:650px;
  margin:0 0 28px!important;
  color:#fff!important;
  font-size:clamp(1rem,1.5vw,1.25rem)!important;
  line-height:1.8!important;
}
html body.youfo-tone-v5 :is(.activity-hero,.association-hero) .inner:before{
  display:block;
  margin-bottom:18px;
  color:var(--core-red);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.2em;
}
html body.youfo-tone-v5 .activity-hero .inner:before{content:'OUR ACTIVITY'}
html body.youfo-tone-v5 .association-hero .inner:before{content:'JAPAN YOU.FO ASSOCIATION'}
html body.youfo-tone-v5 :is(.about-hero__eyebrow,.rule-hero__eyebrow){color:var(--core-red)!important}
html body.youfo-tone-v5 :is(.about-hero__buttons,.rule-hero__buttons){display:flex;flex-wrap:wrap;gap:12px}

/* Shared typography and reading surfaces. */
html body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page,.youfo-activity-page,.youfo-association-page) :is(.about-intro,.about-video,.about-features,.about-recommend,.about-japan,.about-next,.about-faq,.rule-basic,.rule-video,.rule-steps,.rule-faq,.rule-cta,.activity-section,.association-section){
  padding-block:clamp(76px,9vw,128px)!important;
  border-bottom:1px solid var(--core-line);
}
html body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page,.youfo-activity-page,.youfo-association-page) .section-title{
  margin:0 0 34px!important;
  color:var(--core-navy)!important;
  font-size:clamp(2.6rem,5.2vw,5.6rem)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  text-align:left!important;
  text-wrap:balance;
}
html body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page) .section-heading{
  grid-template-columns:minmax(120px,180px) minmax(0,1fr);
  margin-bottom:clamp(38px,6vw,72px);
}
html body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page) .section-eyebrow{color:var(--core-red)!important}
html body.youfo-tone-v5 :is(.youfo-activity-page,.youfo-association-page) .section-title:before{
  display:block;
  margin-bottom:14px;
  color:var(--core-red);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.18em;
}

/* ABOUT — open, human and immediately understandable. */
html body.youfo-tone-v5 .about-intro{background:var(--core-sky)!important}
html body.youfo-tone-v5 .about-intro .inner{
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
  gap:clamp(48px,8vw,120px);
  align-items:start;
}
html body.youfo-tone-v5 .about-intro .section-heading{display:block;margin:0}
html body.youfo-tone-v5 .about-intro__body{max-width:none;margin:0;font-size:clamp(1.15rem,1.6vw,1.45rem)}
html body.youfo-tone-v5 .about-intro__body p:first-child{color:var(--core-navy);font-weight:800}
html body.youfo-tone-v5 .about-video{background:#fff!important}
html body.youfo-tone-v5 .about-video__embed{overflow:hidden;border:8px solid var(--core-navy)!important;background:#000}
html body.youfo-tone-v5 .about-video__points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:0;
  list-style:none;
  border-block:0;
  counter-reset:about-point;
}
html body.youfo-tone-v5 .about-video__points li{
  counter-increment:about-point;
  padding:20px;
  border-right:1px solid var(--core-line);
  color:var(--core-navy);
  font-weight:900;
}
html body.youfo-tone-v5 .about-video__points li:before{content:'0' counter(about-point);display:block;color:var(--core-red);font-size:.7rem;letter-spacing:.12em}
html body.youfo-tone-v5 .about-features{background:var(--core-navy)!important;color:#fff!important}
html body.youfo-tone-v5 .about-features :is(.section-title,h3,p){color:#fff!important}
html body.youfo-tone-v5 .about-features__grid{border-color:var(--core-blue)!important}
html body.youfo-tone-v5 .about-features .feature-card{border-color:rgba(255,255,255,.22)!important}
html body.youfo-tone-v5 .about-features .feature-card__num{color:#64c9f3!important}
html body.youfo-tone-v5 .about-recommend{background:#fff!important}
html body.youfo-tone-v5 .about-recommend__list{display:grid;grid-template-columns:1fr 1fr;max-width:none;border-top:2px solid var(--core-blue)}
html body.youfo-tone-v5 .recommend-item{position:relative;padding:26px 42px!important;color:var(--core-navy);font-size:1.05rem;font-weight:800}
html body.youfo-tone-v5 .recommend-item:before{content:'→';position:absolute;left:0;color:var(--core-red)}
html body.youfo-tone-v5 .about-japan{background:linear-gradient(110deg,var(--core-sky) 0 58%,#dff1f9 58%)!important}
html body.youfo-tone-v5 .about-japan__body{max-width:760px;margin:0;font-size:clamp(1.08rem,1.5vw,1.35rem)}
html body.youfo-tone-v5 .about-next{background:#fff!important}
html body.youfo-tone-v5 .about-next__lead{max-width:820px;margin:0;font-size:clamp(1.05rem,1.4vw,1.3rem)}
html body.youfo-tone-v5 .about-faq{background:var(--core-sky)!important}
html body.youfo-tone-v5 .about-cta{padding-block:clamp(60px,8vw,100px);background:#fff}
html body.youfo-tone-v5 .about-cta__box{background:var(--core-navy)!important;border-radius:18px!important;border-bottom:8px solid var(--core-blue)}

/* RULE — a clear playbook, from four basics to the match flow. */
html body.youfo-tone-v5 .rule-basic{background:var(--core-sky)!important}
html body.youfo-tone-v5 .rule-basic__list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:none;
  border-top:0;
  counter-reset:rule-basic;
}
html body.youfo-tone-v5 .rule-basic__list li{
  counter-increment:rule-basic;
  min-height:230px;
  padding:28px 24px!important;
  border:0!important;
  border-left:1px solid var(--core-line)!important;
  color:var(--core-navy);
  font-size:clamp(1.05rem,1.55vw,1.35rem);
  font-weight:900;
}
html body.youfo-tone-v5 .rule-basic__list li:first-child{border-left:0!important}
html body.youfo-tone-v5 .rule-basic__list li:before{
  content:'0' counter(rule-basic);
  display:block;
  margin-bottom:54px;
  color:var(--core-red);
  font:900 3.8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
html body.youfo-tone-v5 .rule-video{background:var(--core-navy)!important;color:#fff}
html body.youfo-tone-v5 .rule-video .inner{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(36px,7vw,90px);align-items:start}
html body.youfo-tone-v5 .rule-video .section-heading{display:block;margin:0}
html body.youfo-tone-v5 .rule-video :is(.section-title,.section-eyebrow){color:#fff!important}
html body.youfo-tone-v5 .rule-video .section-eyebrow{color:#64c9f3!important}
html body.youfo-tone-v5 .rule-video__embed{width:100%;border:6px solid #fff!important}
html body.youfo-tone-v5 .rule-steps{background:#fff!important}
html body.youfo-tone-v5 .rule-steps__grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  border-top:2px solid var(--core-blue)!important;
}
html body.youfo-tone-v5 .rule-steps .step-card{
  display:block!important;
  min-height:260px!important;
  padding:30px 24px!important;
  border:0!important;
  border-right:1px solid var(--core-line)!important;
}
html body.youfo-tone-v5 .rule-steps .step-card:last-child{border-right:0!important}
html body.youfo-tone-v5 .rule-steps .step-card__num{margin-bottom:48px;color:var(--core-red)!important;font-size:.78rem!important}
html body.youfo-tone-v5 .rule-steps .step-card h3{margin-bottom:14px!important;color:var(--core-navy)!important;font-size:1.45rem!important}
html body.youfo-tone-v5 .rule-steps .step-card p{color:var(--core-muted)!important;line-height:1.7}
html body.youfo-tone-v5 .rule-faq{background:var(--core-sky)!important}
html body.youfo-tone-v5 .rule-cta{background:#fff!important}
html body.youfo-tone-v5 .rule-cta__box{background:var(--core-navy)!important;border-radius:18px!important;border-bottom:8px solid var(--core-blue)}

/* ACTIVITY — breadth, energy and real-world routes. */
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(2){background:var(--core-sky)!important}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(2) .section-title:before{content:'WHY WE MOVE'}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(3) .section-title:before{content:'FIELDS OF ACTION'}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4) .section-title:before{content:'WHAT WE DO'}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(5) .section-title:before{content:'TRACK RECORD'}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(2) .section-box{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:clamp(1.15rem,1.7vw,1.5rem);
  font-weight:700;
}
html body.youfo-tone-v5 .youfo-activity-page .activity-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  border-top:2px solid var(--core-blue)!important;
  counter-reset:activity-field;
}
html body.youfo-tone-v5 .youfo-activity-page .activity-card{
  counter-increment:activity-field;
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  gap:10px 20px!important;
  padding:30px 20px!important;
  border:0!important;
  border-bottom:1px solid var(--core-line)!important;
  background:#fff!important;
}
html body.youfo-tone-v5 .youfo-activity-page .activity-card:before{content:'0' counter(activity-field);grid-row:1/3;color:var(--core-blue);font:900 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}
html body.youfo-tone-v5 .youfo-activity-page .activity-card h3{grid-column:2;color:var(--core-navy)!important;font-size:clamp(1.35rem,2.2vw,2rem)!important}
html body.youfo-tone-v5 .youfo-activity-page .activity-card p{grid-column:2;color:var(--core-muted)!important}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4){background:var(--core-sky)!important}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4) .section-box{
  display:grid;
  grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);
  gap:0 50px;
  padding:0!important;
  background:transparent!important;
  border-top:2px solid var(--core-blue)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4) .section-box :is(h3,p){margin:0;padding:25px 0;border-bottom:1px solid var(--core-line)}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4) .section-box h3{color:var(--core-navy);font-size:1.2rem}
html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4) .section-box p{color:var(--core-muted)}
html body.youfo-tone-v5 .activity-results{background:var(--core-navy)!important;color:#fff!important}
html body.youfo-tone-v5 .activity-results .section-title{color:#fff!important}
html body.youfo-tone-v5 .activity-results .results-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-top:2px solid var(--core-blue)!important}
html body.youfo-tone-v5 .activity-results .result-card{display:block!important;padding:32px 22px!important;border:0!important;border-right:1px solid rgba(255,255,255,.2)!important;background:transparent!important}
html body.youfo-tone-v5 .activity-results .result-card strong{color:#fff!important;font-size:1.45rem!important}
html body.youfo-tone-v5 .activity-results .result-card span{color:#9ed9f2!important}

/* ASSOCIATION — credibility first, with clear routes to collaboration. */
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(2){background:var(--core-sky)!important}
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(2) .section-title:before{content:'WHO WE ARE'}
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(3) .section-title:before{content:'VISION'}
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(4) .section-title:before{content:'OUR WORK'}
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(5) .section-title:before{content:'PARTNERSHIP'}
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(6) .section-title:before{content:'MEDIA'}
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(-n+3) .section-box{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:clamp(1.1rem,1.6vw,1.4rem);
}
html body.youfo-tone-v5 .association-results{background:#fff!important}
html body.youfo-tone-v5 .association-results .results-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-top:2px solid var(--core-blue)!important}
html body.youfo-tone-v5 .association-results .result-card{display:block!important;padding:32px 22px!important;border:0!important;border-right:1px solid var(--core-line)!important;background:transparent!important}
html body.youfo-tone-v5 .association-results .result-card strong{color:var(--core-navy)!important;font-size:1.35rem!important}
html body.youfo-tone-v5 .association-results .result-card span{color:var(--core-muted)!important}
html body.youfo-tone-v5 .association-partner{background:var(--core-navy)!important;color:#fff!important}
html body.youfo-tone-v5 .association-partner .section-title{color:#fff!important}
html body.youfo-tone-v5 .association-partner .section-title:before{color:#64c9f3!important}
html body.youfo-tone-v5 .association-partner .section-box{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.youfo-tone-v5 .association-partner .section-box p{max-width:760px;color:#d6e5f0!important;font-size:1.15rem}
html body.youfo-tone-v5 .association-partner .value-list{display:grid;grid-template-columns:1fr 1fr;margin:40px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.3);list-style:none}
html body.youfo-tone-v5 .association-partner .value-list li{padding:24px 0 24px 34px;border-bottom:1px solid rgba(255,255,255,.22);color:#fff;position:relative}
html body.youfo-tone-v5 .association-partner .value-list li:before{content:'→';position:absolute;left:0;color:#64c9f3;font-weight:900}
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(6){background:var(--core-sky)!important}
html body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(6) .section-box{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.youfo-tone-v5 .association-sponsor{background:#fff!important}
html body.youfo-tone-v5 .association-sponsor .cta-box{background:var(--core-navy)!important;border-radius:18px!important;border-bottom:8px solid var(--core-blue)}

/* Shared CTA controls. */
html body.youfo-tone-v5 :is(.about-cta__box,.rule-cta__box,.activity-section .cta-box,.association-sponsor .cta-box){padding:clamp(36px,6vw,70px)!important}
html body.youfo-tone-v5 :is(.about-cta__box,.rule-cta__box,.activity-section .cta-box,.association-sponsor .cta-box) :is(h2,p){color:#fff!important}
html body.youfo-tone-v5 :is(.cta-button,.cta-button-outline){border-radius:999px!important;font-weight:900}
html body.youfo-tone-v5 .cta-button{background:var(--core-red)!important;color:#fff!important}
html body.youfo-tone-v5 .cta-button-outline{border-color:var(--core-blue);color:var(--core-navy)}

@media(max-width:900px){
  html body.youfo-tone-v5 .rule-basic__list,
  html body.youfo-tone-v5 .rule-steps__grid{grid-template-columns:1fr 1fr!important}
  html body.youfo-tone-v5 .activity-results .results-grid,
  html body.youfo-tone-v5 .association-results .results-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:768px){
  body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page,.youfo-activity-page,.youfo-association-page) .inner,
  html body.youfo-tone-v5 :is(.about-hero__content,.rule-hero__content,.activity-hero .inner,.association-hero .inner){width:calc(100% - 36px)}
  html body.youfo-tone-v5 .yf-about-subnav{top:66px;overflow-x:auto}
  html body.youfo-tone-v5 .yf-about-subnav__inner{grid-template-columns:repeat(4,minmax(112px,1fr));min-width:448px}
  html body.youfo-tone-v5 .yf-about-subnav a{min-height:52px;padding:10px 8px}
  html body.youfo-tone-v5 :is(.about-hero,.rule-hero,.activity-hero,.association-hero){min-height:620px!important;padding:90px 0 70px!important}
  html body.youfo-tone-v5 .about-hero__bg{background-position:68% center!important}
  html body.youfo-tone-v5 .rule-hero{background-position:58% center!important}
  html body.youfo-tone-v5 .activity-hero{background-position:52% center!important}
  html body.youfo-tone-v5 .association-hero{background-position:58% center!important}
  html body.youfo-tone-v5 :is(.about-title,.rule-title,.activity-title,.association-title){font-size:clamp(3rem,13vw,4rem)!important;line-height:.94!important}
  html body.youfo-tone-v5 :is(.about-hero__buttons,.rule-hero__buttons){display:grid;width:100%}
  html body.youfo-tone-v5 :is(.about-hero__buttons,.rule-hero__buttons) a{width:100%}
  html body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page) .section-heading{grid-template-columns:1fr;gap:8px}
  html body.youfo-tone-v5 :is(.youfo-about-page,.youfo-rule-page,.youfo-activity-page,.youfo-association-page) .section-title{font-size:clamp(2.35rem,11vw,3.5rem)!important}
  html body.youfo-tone-v5 .about-intro .inner{grid-template-columns:1fr;gap:32px}
  html body.youfo-tone-v5 .about-recommend__list,
  html body.youfo-tone-v5 .association-partner .value-list{grid-template-columns:1fr}
  html body.youfo-tone-v5 .about-video__points{grid-template-columns:1fr}
  html body.youfo-tone-v5 .about-video__points li{border-right:0;border-bottom:1px solid var(--core-line)}
  html body.youfo-tone-v5 .rule-basic__list,
  html body.youfo-tone-v5 .rule-steps__grid{grid-template-columns:1fr!important}
  html body.youfo-tone-v5 .rule-basic__list li{min-height:0;padding:24px 0!important;border-left:0!important;border-bottom:1px solid var(--core-line)!important}
  html body.youfo-tone-v5 .rule-basic__list li:before{display:inline-block;width:60px;margin:0;font-size:1rem}
  html body.youfo-tone-v5 .rule-video .inner{grid-template-columns:1fr}
  html body.youfo-tone-v5 .rule-steps .step-card{min-height:0!important;padding:24px 0!important;border-right:0!important;border-bottom:1px solid var(--core-line)!important}
  html body.youfo-tone-v5 .rule-steps .step-card__num{margin-bottom:14px}
  html body.youfo-tone-v5 .youfo-activity-page .activity-grid{grid-template-columns:1fr!important}
  html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4) .section-box{grid-template-columns:1fr;gap:0}
  html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4) .section-box h3{padding-bottom:6px;border-bottom:0}
  html body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4) .section-box p{padding-top:0}
  html body.youfo-tone-v5 .activity-results .results-grid,
  html body.youfo-tone-v5 .association-results .results-grid{grid-template-columns:1fr!important}
  html body.youfo-tone-v5 .activity-results .result-card,
  html body.youfo-tone-v5 .association-results .result-card{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.2)!important;text-align:left!important}
  html body.youfo-tone-v5 .association-results .result-card{border-bottom-color:var(--core-line)!important}
}

/* Parent-theme responsive CSS is printed last; keep intentional chapter colors authoritative. */
html body#body.youfo-tone-v5 .about-intro,
html body#body.youfo-tone-v5 .about-faq,
html body#body.youfo-tone-v5 .rule-basic,
html body#body.youfo-tone-v5 .rule-faq,
html body#body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(2),
html body#body.youfo-tone-v5 .youfo-activity-page .activity-section:nth-of-type(4),
html body#body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(2),
html body#body.youfo-tone-v5 .youfo-association-page .association-section:nth-of-type(6){
  background-color:#eef8fd!important;
}
html body#body.youfo-tone-v5 .about-features,
html body#body.youfo-tone-v5 .rule-video,
html body#body.youfo-tone-v5 .activity-results,
html body#body.youfo-tone-v5 .association-partner{
  background:#061a33!important;
  background-color:#061a33!important;
  background-image:none!important;
}
html body#body.youfo-tone-v5 .about-japan{background:linear-gradient(110deg,#eef8fd 0 58%,#dff1f9 58%)!important}
html body#body.youfo-tone-v5 .rule-basic__list li{display:block!important}
html body#body.youfo-tone-v5 .rule-basic__list li:before{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 54px!important;
  transform:none!important;
  color:#ef2533!important;
  font-size:3.8rem!important;
}
@media(max-width:768px){
  html body#body.youfo-tone-v5 .rule-basic__list li:before{display:inline-block!important;width:60px!important;margin:0!important;font-size:1rem!important}
}