/*
    MY / TERMS

*/



main::before { content: ''; display: block; width: 100%; height: 8rem; background-color: transparent; }
main::after { display: none; }



article.terms { margin: 0 auto; width: var(--width); font-size: 0.9rem; font-variation-settings: 'wght' 400; color: var(--color-black); line-height: 1.5rem; opacity: 0; animation: start 0.5s ease-out 1 forwards; }
@keyframes start {
    0%      { opacity: 0; transform: translateY(5rem); }
    100%    { opacity: 1; transform: translateY(0); }
}



article.terms h3 { width: 100%; font-size: 1rem; font-variation-settings: 'wght' 600; color: rgba(0, 0, 0, 1); }
article.terms h4 { margin: 1rem 0 0 0; padding: 0 0 0 1.25rem; width: 100%; font-size: 0.9rem; font-variation-settings: 'wght' 500; }
article.terms h4::before { content: attr(data-idx) '.'; position: absolute; left: 0; }
article.terms section { padding: 0 0 0 1.25rem; width: 100%; }
article.terms section::before { position: absolute; left: 1.25rem; }
article.terms section.sub { padding: 0 0 0 2.25rem; }
article.terms section.sub-inner { padding: 0 0 0 2.25rem; }

article.terms section.sub-1::before { content: '\2460'; }
article.terms section.sub-2::before { content: '\2461'; }
article.terms section.sub-3::before { content: '\2462'; }
article.terms section.sub-4::before { content: '\2463'; }
article.terms section.sub-5::before { content: '\2464'; }
article.terms section.sub-6::before { content: '\2465'; }
article.terms section.sub-7::before { content: '\2466'; }
article.terms section.sub-8::before { content: '\2467'; }
article.terms section.sub-9::before { content: '\2468'; }
article.terms section.sub-10::before { content: '\2469'; }