html[data-live-onboarding] #v3-bottom,html[data-live-onboarding] #v3-playing-more{display:none!important}
.onb-drafts{position:fixed;inset:0;z-index:100000;overflow:auto;background:#f8f7f3;color:#123f49;padding:clamp(20px,5vw,64px);font:16px/1.5 Arial,sans-serif}.onb-drafts header{display:flex;justify-content:space-between;align-items:center}.onb-drafts h1{font:clamp(30px,5vw,48px)/1.1 Georgia,serif;margin:44px 0 20px}.onb-drafts button,.onb-guide button{background:#074653;color:white;border:0;border-radius:12px;padding:14px 20px;cursor:pointer;font:inherit}.onb-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;margin:32px 0}.onb-list article{border:1px solid #d9e2df;border-radius:20px;padding:24px;background:white}.onb-list h2{font:26px Georgia,serif}.onb-guide{position:fixed;z-index:100002;left:50%;transform:translateX(-50%);bottom:calc(130px + env(safe-area-inset-bottom));width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 240px);overflow:auto;box-sizing:border-box;padding:24px;background:#f8f7f3;border-radius:22px;color:#123f49;font:15px/1.5 Arial,sans-serif;box-shadow:0 8px 40px #1234}.onb-guide h2{font:30px/1.1 Georgia,serif;margin:20px 0 12px}.onb-guide footer,.onb-guide header{display:flex;justify-content:space-between;gap:10px;align-items:center}.onb-guide header{font-size:12px}.onb-guide button.secondary{background:transparent;color:#074653;padding:10px 0}.onb-guide progress{width:100%;height:5px;accent-color:#074653}.onb-guide-shade{position:fixed;inset:0;background:transparent;z-index:100000}.onb-guide-focus{position:fixed;pointer-events:none;z-index:100001;border:3px solid #ead28b;border-radius:14px;box-shadow:0 0 0 9999px #022833ab;box-sizing:border-box}.onb-guide button:focus-visible,.onb-drafts button:focus-visible{outline:3px solid #d2ae55;outline-offset:3px}@media(min-width:900px){.onb-guide{bottom:150px}}@media(max-height:560px){.onb-guide{bottom:100px;max-height:calc(100dvh - 120px);padding:16px}.onb-guide h2{font-size:24px}}

.onb-guide.onb-welcome{top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:clamp(24px,4vw,36px)}
.onb-welcome p{margin:18px 0;line-height:1.6}.onb-welcome footer{margin-top:26px}.onb-welcome header{letter-spacing:2px}.onb-welcome-shade{background:#022833ab}.onb-guide-focus[hidden]{display:none!important}
.onb-guide progress{appearance:none;-webkit-appearance:none;border:0;border-radius:4px;overflow:hidden;background:#dce5e2;color:#074653}
.onb-guide progress::-webkit-progress-bar{background:#dce5e2;border-radius:4px}.onb-guide progress::-webkit-progress-value{background:#074653;border-radius:4px}.onb-guide progress::-moz-progress-bar{background:#074653;border-radius:4px}

/* Draft preparation and shared competition setup. */
.bnh-preparation,.competition-planner{color:#124b55;background:#f8f7f2;padding:24px;border-radius:24px;margin:16px 0}.bnh-preparation h2,.competition-planner h1{font-family:Georgia,serif;font-size:28px;line-height:1.2;margin:12px 0}.bnh-preparation p,.competition-planner>p{font-size:15px;line-height:1.55}.prep-label,.competition-planner header span{font-size:11px;letter-spacing:1.5px}.bnh-preparation h3{font-size:14px;margin:24px 0 10px}.prep-row{display:grid;grid-template-columns:24px 1fr 12px;gap:12px;align-items:center;width:100%;text-align:left;background:white;border:1px solid #dce4df;border-radius:14px;padding:16px;margin:8px 0;color:#124b55}.prep-row strong{display:block;font-size:16px}.prep-row small{display:block;font-size:13px;line-height:1.45;margin-top:4px;color:#5c747a}.prep-check{width:23px;height:23px;border:1.5px solid #819b9f;border-radius:6px;display:grid;place-items:center}.prep-check.done{background:#084b59;border-color:#084b59;color:white}.prep-primary{background:#084b59!important;color:#fff!important;border:0;border-radius:14px;padding:16px 20px;font-weight:600}.bnh-preparation>.prep-primary{width:100%}.prep-note{font-size:13px!important;color:#5c747a}.competition-planner{margin:0;min-height:100%;padding-bottom:30px}.competition-planner header,.competition-planner footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.competition-planner header>button,.competition-planner footer>button:not(.prep-primary){padding:12px;color:#124b55}.competition-planner progress{appearance:none;width:100%;height:5px;margin:18px 0;background:#dbe4e2;border:0}.competition-planner progress::-webkit-progress-bar{background:#dbe4e2}.competition-planner progress::-webkit-progress-value{background:#084b59}.competition-planner progress::-moz-progress-bar{background:#084b59}.competition-planner>nav{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.competition-planner>nav button{white-space:nowrap;padding:10px;border-radius:20px;font-size:13px;background:#e6ece9;color:#124b55}.competition-planner>nav button[aria-current]{background:#084b59;color:white}.competition-planner footer{margin-top:24px}.competition-planner footer button:disabled{opacity:.35}.v3c-planner{margin-bottom:24px;width:100%}@media(max-width:480px){.bnh-preparation,.competition-planner{padding:18px}.competition-planner header span{font-size:10px}.competition-planner footer .prep-primary{font-size:14px}}

/* The embedded competition editors share the petrol palette. */
html body #app .competition-planner .adm-primary,html body #app .competition-planner .adm-day-n,html body #app .competition-planner .adm-formats button.active{background:#084b59!important;border-color:#084b59!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #app .competition-planner .adm-formats button:not(.active),html body #app .competition-planner .adm-days .adm-list-label strong,html body #app .competition-planner .adm-days .adm-list-label em:not(.is-warn),html body #app .competition-planner .adm-linkbtn,html body #app .competition-planner .adm-secondary{color:#124b55!important;-webkit-text-fill-color:#124b55!important}
html body #app .competition-planner .adm-formats button.is-used{border-color:#084b59!important;box-shadow:inset 0 0 0 1px #084b59!important}
html body #app .competition-planner .adm-formats button:not(.active) img{filter:brightness(0) saturate(100%) invert(21%) sepia(38%) saturate(1180%) hue-rotate(145deg) brightness(92%) contrast(98%)}
html body #app .competition-planner .adm-eyebrow,html body #app .competition-planner .adm-field>span,html body #app .competition-planner .adm-note,html body #app .competition-planner .adm-list-label small{color:#607b80!important;-webkit-text-fill-color:#607b80!important}
html body #app .competition-planner .adm-note{background:#eef3f2!important;border-color:#d9e4e3!important}
html body #app .competition-planner input{accent-color:#084b59}