.course-navigation{border-top:3px solid var(--wine);padding-top:18px;margin:28px 0 32px;scroll-margin-top:20px}
.flow-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font:600 12px/1.6 var(--sans);color:var(--wine)}
.flow-meta span:last-child{font-weight:400;color:var(--muted)}
#flow-meter{display:block;appearance:none;width:100%;height:6px;border:0;background:var(--line);margin:14px 0 18px}
#flow-meter::-webkit-progress-bar{background:var(--line)}
#flow-meter::-webkit-progress-value{background:var(--signal-red)}
#flow-meter::-moz-progress-bar{background:var(--signal-red)}
.flow-map{padding:10px 14px;font-size:14px;margin:14px 0;background:transparent;border:1px solid var(--line)}
.flow-map nav{gap:6px;margin:16px 0 0}
.flow-map .flow-step{background:transparent;color:var(--wine);border:1px solid var(--line);font-size:12px;padding:10px 12px;margin:0;min-height:42px}
.flow-map .flow-step[aria-current=step]{background:var(--wine);color:var(--ivory);border-color:var(--wine)}
.flow-map .flow-step:disabled{opacity:.5}
main>section[hidden]{display:none!important}
main>section>h2:first-child{margin-top:18px}
main>section h2{color:var(--wine)}
main>section button:not(.secondary){background:var(--wine)}
main>section fieldset{background:#fffdfa;border-color:var(--line)}
.flow-controls{margin-top:36px;padding:20px 0;border-top:1px solid var(--line)}
.flow-controls>div{display:flex;justify-content:space-between;gap:15px;align-items:center}
.flow-controls p{font-size:14px;color:var(--muted);margin-top:0}
.flow-controls button{font-size:14px;margin:0;min-height:48px}
.flow-controls button[hidden]{display:none}
.flow-controls .primary{margin-left:auto;max-width:80%;text-align:left}
.source-drawer{background:transparent;border:1px solid var(--line);font-size:14px}
.completion-summary{padding:22px;border-left:3px solid var(--signal-red);background:var(--pale);font-size:16px;line-height:1.8;margin:24px 0}
#progress:empty,#storage:empty{display:none}
@media(max-width:600px){.flow-meta{display:block}.flow-meta span{display:block}.flow-meta span+span{margin-top:5px}.flow-controls .primary{max-width:72%}.flow-controls button{font-size:12px;padding:12px}.flow-map .flow-step{flex:1 0 28%}}
@media print{.course-navigation,.flow-controls,.source-drawer>summary{display:none!important}main>section[hidden]{display:block!important}.source-drawer{border:0;padding:0}.completion-summary{background:white}}

/* Keep one primary action after a successful final attempt. */
#postform button.secondary{background:transparent;color:var(--wine);border:1px solid var(--wine)}