/* Locally hosted sketch lettering with handwritten body copy. */
body{font-family:Kalam,'Chalkboard SE',cursive;font-size:16px}
.brand,h1,h2,.hero h1,.journal-heading h1,.book-page h2{font-family:'Cabin Sketch','Chalkduster',cursive;font-weight:700}
.brand{font-size:30px}
#ritualView .hero h1{font-size:clamp(36px,4.8vw,58px);line-height:1.14;color:#765237}
button,.primary,.secondary,.textbutton,nav button,.book-page button,:is(#newFromJournal,#draw){font-family:'Cabin Sketch','Chalkduster',cursive!important;font-weight:700}
.primary,.secondary{font-size:17px}
nav button{font-size:16px}
.question label{font:700 17px/1.4 Kalam,'Chalkboard SE',cursive}
input,textarea,select,.book-page textarea{font-family:Kalam,'Chalkboard SE',cursive}
.question input{font-size:17px}
.deck-status,.deck-status-global,.hint,.pill,.ai-state{font-family:Kalam,'Chalkboard SE',cursive}
.deck-status,.deck-status-global{font-size:15px}
.hint,.pill{font-size:13px}
.face-title,.journal-card.has-illustration small,.book-page .journal-card.has-illustration small{font-family:'Cabin Sketch','Chalkduster',cursive;font-weight:700}
.face-title{font-size:20px}
.reading p{font-size:18px;line-height:1.7}
footer,.journal-privacy{font-size:13px;line-height:1.65}
@media(max-width:600px){
 .brand{font-size:25px}nav button{font-size:14px}
 #ritualView .hero h1{font-size:30px;line-height:1.15}
 #ritualView .ritual{padding-top:126px}
 .face-title{font-size:15px}
 .journal-tools .secondary{font-size:15px}
}
@media(max-width:600px){header{padding-left:14px;padding-right:14px;gap:10px}.brand{font-size:23px;white-space:nowrap}nav{gap:12px}nav button{font-size:13px;white-space:nowrap}}