/* Rokyo.cz reference: Archivo 400 body, 600 headings, compact display spacing.
   The planner retains its original palette and layout; scale fits everyday use. */
:root{--type-display-weight:600;--type-title-weight:550;--type-display-tracking:-.045em}
body{font-kerning:normal}
.wordmark{font-weight:650;letter-spacing:-.06em}
.intro h1{font-weight:var(--type-display-weight);font-size:clamp(calc(32px * var(--text-scale,1)),3.4vw,calc(48px * var(--text-scale,1)));line-height:1.08;letter-spacing:var(--type-display-tracking);max-width:22ch;text-wrap:balance}
.intro p{font-size:calc(14px * var(--text-scale,1));line-height:1.6}
.date-line{font-size:calc(13px * var(--text-scale,1));line-height:1.5}
.day-heading h2,.next-title{font-weight:600;font-size:calc(30px * var(--text-scale,1));line-height:1.15;letter-spacing:-.04em}
.companion h3{font-weight:600;font-size:calc(30px * var(--text-scale,1));line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.companion p{font-size:calc(12px * var(--text-scale,1));line-height:1.6}
.task-copy h3{font-weight:var(--type-title-weight);font-size:calc(15px * var(--text-scale,1));line-height:1.35;letter-spacing:-.015em}
.task-note{font-size:calc(12px * var(--text-scale,1));line-height:1.5}
.task-time,.task-meta{font-size:calc(11px * var(--text-scale,1));font-variant-numeric:tabular-nums}
.week-day b{font-weight:550;font-size:calc(20px * var(--text-scale,1));font-variant-numeric:tabular-nums}
.preview-title{font-weight:550;font-size:calc(14px * var(--text-scale,1));line-height:1.4;letter-spacing:-.01em}
.tomorrow-sub,.buddy-conversation p{font-size:calc(12px * var(--text-scale,1));line-height:1.6}
.button{font-weight:550;letter-spacing:-.01em}
.filters button,.text-button,.add-plan,.tomorrow-add{font-size:calc(12px * var(--text-scale,1))}
dialog h2,#cheers-dialog h2,#goodness-dialog h2,#goodness-praise-dialog h2{font-family:var(--font);font-weight:600;letter-spacing:-.04em;line-height:1.15;text-wrap:balance}
dialog h2,#cheers-dialog h2{font-size:calc(29px * var(--text-scale,1))}
.dialog-eyebrow{font-size:calc(11px * var(--text-scale,1));letter-spacing:0;text-transform:none;line-height:1.5}
.memory-copy strong,.memory-editor-date{font-weight:550}
.memory-copy strong{font-size:calc(15px * var(--text-scale,1));line-height:1.4;letter-spacing:-.015em}
.memory-label,.memory-write{font-size:calc(12px * var(--text-scale,1))}
.sticker-heading h3,.goodness-mini-heading h3{font-weight:600;letter-spacing:-.035em}
.goodness-hello{font-weight:550!important;letter-spacing:-.025em}
.good-check{font-size:calc(12px * var(--text-scale,1))}
.cheers-hero p{font-size:calc(18px * var(--text-scale,1));line-height:1.45;letter-spacing:-.02em}
.cheers-hero b{font-weight:600}
.cheers-collection h3{font-weight:600;font-size:calc(19px * var(--text-scale,1));letter-spacing:-.025em}
.cheer-entry p,.cheers-popup p{font-size:calc(14px * var(--text-scale,1));line-height:1.6}
.cheers-popup h3{font-weight:600;font-size:calc(23px * var(--text-scale,1));letter-spacing:-.035em}
#cheers-popup-kicker{letter-spacing:0;text-transform:none;font-size:calc(11px * var(--text-scale,1));line-height:1.5}
@media(max-width:1100px){.intro h1{font-size:calc(39px * var(--text-scale,1))}.companion h3{font-size:calc(27px * var(--text-scale,1))}.task-copy h3{font-size:calc(14px * var(--text-scale,1))}}
@media(max-width:700px){.intro h1{font-size:calc(36px * var(--text-scale,1));max-width:17ch}.intro p{font-size:calc(13px * var(--text-scale,1))}.date-line{font-size:calc(12px * var(--text-scale,1))}.companion h3{font-size:calc(28px * var(--text-scale,1))}.companion p{font-size:calc(11px * var(--text-scale,1))}.task-copy h3{font-size:calc(14px * var(--text-scale,1))}.task-note{font-size:calc(11px * var(--text-scale,1))}.task-meta{font-size:calc(10px * var(--text-scale,1))}.day-heading h2,.next-title{font-size:calc(28px * var(--text-scale,1))}.wordmark{font-size:calc(27px * var(--text-scale,1))}dialog h2,#cheers-dialog h2{font-size:calc(26px * var(--text-scale,1))}.cheers-hero p{font-size:calc(16px * var(--text-scale,1))}.day-heading{gap:10px}.day-heading>span{font-size:calc(11px * var(--text-scale,1))}}
@media(max-width:380px){.intro h1{font-size:calc(32px * var(--text-scale,1))}.companion h3{font-size:calc(25px * var(--text-scale,1))}.wordmark{font-size:calc(24px * var(--text-scale,1))}.task-copy h3{font-size:calc(13px * var(--text-scale,1))}}