/* 0439. App guidance is a separate reading surface, never part of pupil output. */
@media screen {
html.bb-guide-modal-open{overflow:hidden!important}
#bb-app-guide{box-sizing:border-box!important;position:fixed!important;inset:0!important;margin:auto!important;width:min(820px,calc(100vw - 40px))!important;max-width:none!important;height:min(850px,calc(100dvh - 48px))!important;max-height:none!important;padding:0!important;border:1px solid var(--bb-theme-rule,#c9ced3)!important;border-radius:18px!important;background:var(--bb-theme-sheet,#faf8f3)!important;color:var(--bb-theme-ink,#18243d)!important;box-shadow:0 24px 80px #10233829!important;font:400 16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;overflow:hidden!important;text-align:left!important;letter-spacing:normal!important}
#bb-app-guide[open]{display:flex!important;flex-direction:column!important}
#bb-app-guide:not([open]){display:none!important}
#bb-app-guide::backdrop{background:#15203370;backdrop-filter:blur(3px)}
#bb-app-guide *{box-sizing:border-box!important}
#bb-app-guide [hidden]{display:none!important}
#bb-app-guide .bb-guide-header{display:flex!important;position:static!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-shrink:0!important;padding:22px 28px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--bb-theme-rule,#c9ced3)!important;background:var(--bb-theme-sheet,#faf8f3)!important;color:inherit!important;min-height:0!important;box-shadow:none!important}
#bb-app-guide .bb-guide-kicker{font:600 11px/1.4 system-ui!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--bb-theme-muted,#566476)!important;margin:0 0 5px!important}
#bb-app-guide h2{font:650 25px/1.2 system-ui!important;letter-spacing:-.035em!important;margin:0!important;color:inherit!important}
#bb-app-guide #bb-guide-title:focus{outline:none!important}
#bb-app-guide h3{font:650 15px/1.4 system-ui!important;margin:28px 0 8px!important;color:inherit!important;letter-spacing:0!important}
#bb-app-guide h4{font:650 15px/1.4 system-ui!important;margin:20px 0 6px!important;color:inherit!important;letter-spacing:0!important}
#bb-app-guide p{font:400 15px/1.65 system-ui!important;margin:0 0 14px!important;max-width:68ch!important;color:inherit!important;letter-spacing:0!important}
#bb-app-guide button,#bb-app-guide input,#bb-app-guide summary,#bb-app-guide a{font-family:system-ui!important;letter-spacing:0!important;text-transform:none!important}
#bb-app-guide .bb-guide-close{flex:none!important;min-width:64px!important;min-height:44px!important;width:auto!important;padding:8px 14px!important;border:1px solid var(--bb-theme-rule,#c9ced3)!important;border-radius:9px!important;background:transparent!important;color:inherit!important;font:600 14px/1.4 system-ui!important;box-shadow:none!important;cursor:pointer!important}
#bb-app-guide .bb-guide-scroll{flex:1!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:26px 28px 32px!important;scroll-padding-top:18px!important}
#bb-app-guide .bb-guide-lead{font:650 23px/1.3 system-ui!important;letter-spacing:-.025em!important;margin:0 0 10px!important}
#bb-app-guide .bb-guide-intro{margin:0 0 22px!important;padding:0!important;border:0!important}
#bb-app-guide .bb-guide-search label{display:block!important;font:600 13px/1.4 system-ui!important;margin-bottom:8px!important}
#bb-app-guide .bb-guide-search>div{display:flex!important;gap:8px!important}
#bb-app-guide input[type=search]{width:100%!important;min-width:0!important;min-height:48px!important;height:48px!important;border:1px solid var(--bb-theme-line,#8a94a0)!important;border-radius:9px!important;background:var(--bb-theme-sheet,#faf8f3)!important;color:inherit!important;padding:10px 12px!important;font:400 16px/1.4 system-ui!important;box-shadow:none!important;-webkit-appearance:none!important}
#bb-app-guide [data-guide-clear]{border:0!important;background:transparent!important;color:inherit!important;min-height:44px!important;padding:8px!important;font:550 14px system-ui!important}
#bb-app-guide #bb-guide-status{font-size:13px!important;margin:8px 0 0!important;color:var(--bb-theme-muted,#566476)!important}
#bb-app-guide .bb-guide-app{border:0!important;border-top:1px solid var(--bb-theme-rule,#c9ced3)!important;border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#bb-app-guide .bb-guide-app>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;list-style:none!important;padding:16px 0!important;margin:0!important;border:0!important;background:transparent!important;color:inherit!important;min-height:72px!important;cursor:pointer!important;box-shadow:none!important}
#bb-app-guide summary::-webkit-details-marker{display:none!important}
#bb-app-guide .bb-guide-app>summary::before,#bb-app-guide .bb-guide-app>summary::after{content:none!important}
#bb-app-guide .bb-guide-app>summary strong{display:block!important;font:650 17px/1.4 system-ui!important;margin-bottom:4px!important;color:inherit!important}
#bb-app-guide .bb-guide-app>summary>span>span{display:block!important;font:400 14px/1.5 system-ui!important;color:var(--bb-theme-muted,#566476)!important}
#bb-app-guide .bb-guide-chevron{font:400 26px/1 system-ui!important;flex:none!important;width:16px!important;color:var(--bb-theme-muted,#566476)!important;transition:transform .16s ease}
#bb-app-guide .bb-guide-app[open]>summary .bb-guide-chevron{transform:rotate(90deg)}
#bb-app-guide .bb-guide-detail{padding:0 0 24px!important;max-width:68ch!important}
#bb-app-guide .bb-guide-detail ol{margin:8px 0 20px!important;padding-left:26px!important;list-style:decimal!important}
#bb-app-guide .bb-guide-detail li{font:400 15px/1.65 system-ui!important;margin:0 0 12px!important;padding-left:5px!important;color:inherit!important}
#bb-app-guide .bb-guide-detail li::marker{font-weight:650!important;color:var(--bb-theme-accent,#a34422)!important}
#bb-app-guide .bb-guide-example{border-left:3px solid var(--bb-theme-accent,#a34422)!important;background:var(--bb-theme-wash,#f0ece4)!important;padding:14px 18px!important;margin:22px 0!important}
#bb-app-guide .bb-guide-example h4{margin:0 0 6px!important}
#bb-app-guide .bb-guide-example p{margin:0!important}
#bb-app-guide .bb-guide-related strong{display:block!important;font-size:13px!important;margin:0 0 3px!important}
#bb-app-guide [data-guide-related]{display:inline-block!important;border:0!important;padding:7px 12px 7px 0!important;margin:0!important;min-height:44px!important;background:transparent!important;color:var(--bb-theme-ink,#18243d)!important;text-decoration:underline!important;text-underline-offset:4px!important;font:500 13px/1.4 system-ui!important;box-shadow:none!important;border-radius:0!important}
#bb-app-guide .bb-guide-launch{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;max-width:100%!important;min-height:48px!important;padding:12px 16px!important;border-radius:9px!important;border:1px solid var(--bb-theme-ink,#18243d)!important;background:var(--bb-theme-ink,#18243d)!important;color:var(--bb-theme-sheet,#faf8f3)!important;font:600 15px/1.5 system-ui!important;text-decoration:none!important;white-space:normal!important}
#bb-app-guide .bb-guide-essentials{margin:32px 0 0!important;padding:0!important;border:0!important;border-top:1px solid var(--bb-theme-rule,#c9ced3)!important;border-radius:0!important;background:transparent!important}
#bb-app-guide .bb-guide-essentials>summary{padding:18px 0!important;font:650 16px/1.5 system-ui!important;min-height:56px!important;cursor:pointer!important;color:inherit!important}
#bb-app-guide :is(button,a,summary,input):focus-visible{outline:3px solid var(--bb-theme-accent,#a34422)!important;outline-offset:3px!important}
#bb-app-guide :is(button,summary):hover{background-color:var(--bb-theme-wash,#f0ece4)!important}
html.bb-main.bb-instrument [data-bb-view-toggle] svg{display:block!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;overflow:visible!important;transform:none!important}
html.bb-main.bb-instrument [data-bb-view-toggle] svg circle{fill:currentColor!important;stroke:none!important}
html.bb-main.bb-instrument[data-bb-route='/maths-modelling-studio/'] body[data-model='home'] .floatTools{display:none!important}
html.bb-main.bb-instrument[data-bb-route='/'] .bb-home-guide-link{display:inline-flex!important;align-items:center!important;gap:8px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--bb-theme-ink,#18243d)!important;font:550 14px/1.4 system-ui!important;min-height:44px!important;padding:8px 0!important;margin:4px 0 0!important;box-shadow:none!important;text-decoration:underline!important;text-underline-offset:4px!important;cursor:pointer!important}
@media(max-width:600px){#bb-app-guide{width:100%!important;height:100dvh!important;border:0!important;border-radius:0!important}#bb-app-guide .bb-guide-header{padding:calc(14px + env(safe-area-inset-top,0px)) 20px 14px!important;gap:10px!important}#bb-app-guide h2{font-size:21px!important}#bb-app-guide .bb-guide-scroll{padding:22px 20px calc(28px + env(safe-area-inset-bottom,0px))!important}#bb-app-guide .bb-guide-lead{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){#bb-app-guide *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){#bb-app-guide{border:1px solid CanvasText!important}#bb-app-guide .bb-guide-launch{background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important}}
}
@media print{#bb-app-guide,.bb-home-guide-link{display:none!important}}
