/* Make the reading order explicit in the read-only examples, too. */
#feedback-proposals{scroll-margin-top:max(0px,calc(var(--planning-header-height,90px) + var(--planning-flow-height,78px) + 16px - var(--planning-page-scroll-padding,100px)))}
.catalog-preview-program{gap:30px}
.catalog-preview-program>li{position:relative}
.catalog-preview-program>li+li::before{content:"→";position:absolute;left:-26px;top:25px;color:#8b7138;font-size:24px;line-height:1}
.catalog-session-number{align-self:flex-start;display:inline-block;background:#f9efc8;border:1px solid #d9c58b;border-radius:20px;padding:2px 13px;color:#293c4a;font-weight:600}

@media(max-width:800px){
 .catalog-preview-program{gap:36px}
 .catalog-preview-program>li+li::before{content:"↓";left:24px;top:-31px}
}
@media(max-width:600px){
 .header-inner{gap:12px}
 .header .brand{min-width:0}
 .header .brand>span:last-child{min-width:0;text-wrap:balance}
 .header .brand small{font-size:10px;line-height:1.5;text-wrap:balance}
 .header nav{flex-shrink:0}
 .header .button{font-size:16px;line-height:1.45;min-width:110px;min-height:64px;padding:9px 12px;gap:8px}
 .header [data-entry-label="short"]{display:block;max-width:3em;text-wrap:balance}
}