/* Shared adult-support controls on every activity and introduction. */
header.audience-header{height:auto;min-height:85px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding-top:18px;padding-bottom:18px}
.audience-header .audience-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}
.audience-actions .audience-link,.audience-actions .audience-help{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:0;min-height:40px;margin:0;padding:10px 12px;border:1px solid #cbdbe3;border-radius:10px;background:#fff;color:#172f50;font:700 12px/1.3 'Trebuchet MS',Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none}
.audience-actions .audience-help{background:#eaf2f7;border-color:#eaf2f7}
.audience-actions .audience-link:hover,.audience-actions .audience-help:hover{background:#dcebf4;border-color:#b3cbdc}
.audience-actions a:focus-visible,.audience-actions button:focus-visible,.adult-guide button:focus-visible,.adult-guide a:focus-visible{outline:3px solid #bb533e;outline-offset:4px}
.audience-header .nav,.audience-header>nav{margin-left:0;flex-shrink:0}
.adult-guide{box-sizing:border-box;position:fixed;inset:0;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:30px;border:1px solid #cbdbe3;border-radius:22px;background:#fafbf9;color:#172f50;box-shadow:0 20px 80px #172f5030;font:15px/1.65 Arial,sans-serif;text-align:left}
.adult-guide::backdrop{background:#132c4f70}
.adult-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.adult-guide-heading form{margin:0}
.adult-guide .adult-guide-eyebrow{margin:0 0 10px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#47667c}
.adult-guide h2{margin:0;font:700 29px/1.2 'Trebuchet MS',Arial,sans-serif;letter-spacing:-.6px}
.adult-guide .adult-guide-close{display:grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;margin:0;padding:0;background:#eaf2f7;border:0;border-radius:50%;color:#172f50;font:26px/1 Arial,sans-serif;cursor:pointer}
.adult-guide .adult-guide-intro{margin:20px 0;color:#47667c}
.adult-guide .adult-guide-steps{padding:0 0 0 23px;margin:20px 0}
.adult-guide .adult-guide-steps li{padding-left:5px;margin:0 0 17px}
.adult-guide h3{font:700 17px/1.4 'Trebuchet MS',Arial,sans-serif;margin:0 0 5px}
.adult-guide p{margin:0}
.adult-guide blockquote{margin:22px 0;padding:16px 20px;background:#eaf2f7;border-left:3px solid #cf735e;border-radius:0 10px 10px 0;font-weight:700}
.adult-guide .adult-guide-note{font-size:13px;color:#47667c}
.adult-guide .adult-guide-resource{margin-top:15px;font-size:13px;font-weight:700}
.adult-guide a{color:#172f50;text-underline-offset:4px}
.adult-guide .adult-guide-ending{border-top:1px solid #dbe5eb;margin-top:24px;padding-top:17px;font-size:13px;font-weight:700}
@media(max-width:1100px){header.audience-header>nav{order:3;flex-basis:100%;width:100%;justify-content:center;flex-wrap:wrap}}
@media(max-width:600px){header.audience-header{gap:12px;padding:16px 14px}.audience-header>.brand{margin-right:auto}.audience-header .audience-actions{order:2;width:100%;justify-content:center;margin-left:0}.audience-header>nav{order:3}.audience-actions .audience-link,.audience-actions .audience-help{flex:1;max-width:165px;min-height:40px;font-size:12px}.adult-guide{padding:23px 20px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px;font-size:14px}.adult-guide h2{font-size:25px}.adult-guide .adult-guide-eyebrow{font-size:9px}}
body[data-experience] .audience-header>nav{display:flex;gap:4px;padding:5px;border-radius:14px;background:#eaf1f6}
body[data-experience] .audience-header>nav>a,body[data-experience] .audience-header>nav>button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0;padding:10px 12px;border:0;border-radius:9px;background:transparent;box-shadow:none;color:#172f50;font:700 12px/1.3 'Trebuchet MS',Arial,sans-serif;text-decoration:none;white-space:nowrap}
body[data-experience] .audience-header>nav>[aria-current=page]{background:#172f50;color:white}
body[data-experience] .audience-header>nav>a:hover:not([aria-current=page]),body[data-experience] .audience-header>nav>button:hover:not([aria-current=page]){background:#d9e8f1}
@media(max-width:600px){body[data-experience] .audience-header>nav>a,body[data-experience] .audience-header>nav>button{font-size:11px;padding:9px 8px;min-height:36px}}
