.explanation-page #henna,.explanation-page #indigo{padding:32px 36px}.explanation-page #henna{background:var(--orange)}.explanation-page #indigo{background:var(--blue)}.explanation-page #henna .section-heading,.explanation-page #indigo .section-heading{border-top:0;margin-bottom:24px;padding-top:0}.explanation-page #henna .content-group,.explanation-page #indigo .content-group{margin-bottom:0}.explanation-page #henna .section-heading h2,.explanation-page #henna .section-index{color:#815332}.explanation-page #indigo .section-heading h2,.explanation-page #indigo .section-index{color:#3c526b}.explanation-page #types .tone-henna,.explanation-page #types .tone-blend,.explanation-page #types .tone-indigo{background:0 0;gap:32px;padding:20px 0 32px}.explanation-page #types .tone-henna,.explanation-page #types .tone-blend{border-bottom:1px solid var(--line)}.explanation-page .article-section:where(:not(#consider)) .content-group{margin-bottom:48px}.explanation-page .article-section:where(:not(#consider)) .group-copy h3{margin-bottom:26px}.explanation-page .article-section:where(:not(#consider)) .group-copy p{margin-bottom:1.65em;line-height:2.05}.explanation-page .article-section:where(:not(#consider)) .group-copy p:last-child{margin-bottom:0}.explanation-page #consider .content-list{margin:0;padding:0;list-style:none}.explanation-page #consider .content-list li{border-bottom:1px solid var(--line);white-space:normal;margin:0;padding:26px 0 28px 48px;line-height:1.9;position:relative}.explanation-page #consider .content-list li strong{color:var(--green);margin-bottom:10px;font-size:1.1875rem;line-height:1.8;display:block}.explanation-page #consider .content-list li:before{content:"";border:1.5px solid var(--green);background:var(--sage);border-radius:3px;width:24px;height:24px;position:absolute;top:31px;left:0}.explanation-page #consider .content-list li:after{content:"";border-right:2px solid var(--green);border-bottom:2px solid var(--green);width:8px;height:12px;position:absolute;top:36px;left:8px;transform:rotate(45deg)}@media (width<=760px){.explanation-page #henna,.explanation-page #indigo{padding:26px 22px}.explanation-page #types .tone-henna,.explanation-page #types .tone-blend,.explanation-page #types .tone-indigo{gap:20px}.explanation-page .article-section:where(:not(#consider)) .content-group{margin-bottom:38px}.explanation-page .article-section:where(:not(#consider)) .group-copy h3{margin-bottom:22px}.explanation-page .article-section:where(:not(#consider)) .group-copy p{margin-bottom:1.5em;line-height:2}.explanation-page #consider .content-list li{padding-left:40px}.explanation-page #consider .content-list li strong{font-size:1.125rem}.explanation-page #consider .content-list li:before{width:22px;height:22px}.explanation-page #consider .content-list li:after{top:35px;left:7px}}.explanation-page .article-section:where(:not(#consider)) .content-list{margin-top:22px;margin-bottom:26px}.explanation-page .article-section:where(:not(#consider)) .content-list li{margin-top:12px;margin-bottom:12px;line-height:1.95}.explanation-page .article-intro p{line-height:2}.explanation-page .contents li .contents-story-link{min-height:56px;color:var(--green);border-top:1px solid #b9c9bd;padding:10px 0 10px 35px}.explanation-page #okinawa .story-heading{border-bottom:1px solid #a7b5a7;width:fit-content;max-width:100%;padding-bottom:12px;scroll-margin-top:120px}.explanation-page .media-slot img{aspect-ratio:auto;object-fit:contain}.explanation-page .media-slot .image-wrap{background:0 0}.explanation-page .page-hero{grid-template-columns:minmax(0,1fr);gap:32px;max-width:850px;margin:38px auto 48px}.explanation-page .page-hero .hero-copy{padding-bottom:0}.explanation-page .page-hero .media-slot{width:100%;max-width:680px;margin:0 auto}.explanation-page #types .tone-indigo{border-bottom:1px solid var(--line)}.explanation-page #types .tone-blend{border-bottom:0}.utsushi-swatches{margin-top:34px}.utsushi-swatches-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.utsushi-swatches .utsushi-image img{width:100%;height:auto}.utsushi-swatches figcaption{color:#625f58;margin-top:20px;font-size:.95rem;line-height:1.9}@media (width<=760px){.explanation-page .page-hero{grid-template-columns:1fr;gap:24px;margin:24px auto 32px}.utsushi-swatches-grid{grid-template-columns:1fr;gap:20px}.utsushi-swatches figcaption{font-size:.9rem}}.explanation-title-word{display:inline-block}