@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Noto+Serif+JP:wght@400;700;900&family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap');

body { font-family: 'Plus Jakarta Sans', sans-serif; text-align: left; background-color: #FDFBF7; }
h1, h2, h3, .font-serif { font-family: 'Noto Serif JP', serif; }
.font-handwriting { font-family: 'Caveat', cursive; }

.active-tab { border-bottom: 4px solid #1c1917; color: #1c1917; }

.marker-highlight {
    background-image: linear-gradient(104deg, rgba(253,230,138,0) 0.9%, rgba(253,230,138,1) 2.4%, rgba(253,224,71,0.5) 5.8%, rgba(253,224,71,0.8) 93%, rgba(253,224,71,0) 96%);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0.2em;
    border-radius: 0.2em;
    transition: background-size 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.marker-highlight.active { background-size: 100% 100%; }