/* Scoped to the interactive homepage examples. */
#nb-question-design{--nb-ink:#00338d;--nb-text:#24364d;--nb-muted:#526178;--nb-blue:#0077c8;--nb-line:#dce4ef;color-scheme:light;color:var(--nb-text);font-family:var(--font);max-width:100%}
#nb-question-design *{box-sizing:border-box}
#nb-question-design h2,#nb-question-design h3,#nb-question-design h4,#nb-question-design p{margin:0}
#nb-question-design .nb-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;color:var(--nb-blue);margin-bottom:14px}
#nb-question-design .nb-eyebrow:before{content:'';width:24px;height:2px;background:currentColor}
#nb-question-design h2{font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.35;letter-spacing:-.035em;color:var(--nb-ink);word-break:keep-all;overflow-wrap:anywhere}
#nb-question-design .nb-intro{max-width:960px;font-size:16px;line-height:1.8;color:var(--nb-muted);margin-top:16px;word-break:keep-all;overflow-wrap:anywhere}
#nb-question-design .nb-invitation{margin:26px 0 14px;font-size:14px;line-height:1.6;color:var(--nb-ink)}
#nb-question-design .nb-pickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
#nb-question-design .nb-pick{appearance:none;display:flex;align-items:center;gap:8px;text-align:left;min-width:0;min-height:100px;padding:18px;border:1px solid var(--nb-line);border-radius:10px;background:#fff;color:var(--nb-ink);cursor:pointer;font:inherit}
#nb-question-design .nb-pick[aria-pressed=true]{background:var(--nb-ink);border-color:var(--nb-ink);color:#fff}
#nb-question-design .nb-pick:hover{border-color:var(--nb-blue)}
#nb-question-design .nb-pick:focus-visible{outline:3px solid var(--nb-blue);outline-offset:3px}
#nb-question-design .nb-pick:disabled{cursor:default;opacity:.7}
#nb-question-design .nb-pick-copy{min-width:0}
#nb-question-design .nb-pick-name{display:block;font-size:17px;font-weight:600;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
#nb-question-design .nb-pick-type{display:block;font-size:12px;line-height:1.5;margin-top:6px}
#nb-question-design .nb-check{margin-left:auto;flex-shrink:0;visibility:hidden}
#nb-question-design .nb-pick[aria-pressed=true] .nb-check{visibility:visible}
#nb-question-design .nb-example{background:#fff;border:1px solid var(--nb-line);border-radius:16px;overflow:hidden}
#nb-question-design .nb-question{padding:28px}
#nb-question-design .nb-context{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:var(--nb-muted);margin-bottom:12px}
#nb-question-design .nb-context span:last-child{color:var(--nb-blue)}
#nb-question-design h3{font-size:clamp(21px,2vw,27px);font-weight:600;line-height:1.45;letter-spacing:-.025em;color:var(--nb-ink);word-break:keep-all;overflow-wrap:anywhere}
#nb-question-design .nb-analysis{margin-top:14px;font-size:16px;line-height:1.8;max-width:960px;word-break:keep-all;overflow-wrap:anywhere}
#nb-question-design .nb-basis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0 28px 28px}
#nb-question-design .nb-basis-card{min-width:0;background:#f5f8fc;border-top:3px solid #bfd7ec;border-radius:4px;padding:20px}
#nb-question-design h4{font-size:16px;line-height:1.5;font-weight:600;color:var(--nb-ink)}
#nb-question-design .nb-basis-card p{font-size:14px;line-height:1.75;margin-top:10px;word-break:keep-all;overflow-wrap:anywhere}
#nb-question-design .nb-tech{display:block;margin-top:16px;font-size:12px;line-height:1.7;color:#49617d;overflow-wrap:anywhere}
#nb-question-design .nb-bottom{margin-top:22px;font-size:14px;line-height:1.8;color:var(--nb-muted);word-break:keep-all}
#nb-question-design .nb-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px}
#nb-question-design .nb-links a{color:var(--nb-blue);text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){#nb-question-design .nb-basis{grid-template-columns:1fr}#nb-question-design .nb-pickers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#problem-framing{padding:48px 20px}#nb-question-design .nb-intro,#nb-question-design .nb-analysis{font-size:15px}#nb-question-design .nb-pick{padding:12px;min-height:100px}#nb-question-design .nb-pick-name{font-size:15px}#nb-question-design .nb-question{padding:20px}#nb-question-design .nb-basis{padding:0 20px 20px;gap:12px}#nb-question-design .nb-basis-card{padding:16px}#nb-question-design .nb-context{font-size:11px}}
@media(prefers-reduced-motion:no-preference){#nb-question-design .nb-pick{transition:background .15s,color .15s,border-color .15s}}