/* @requirements REQ-PRODUCT-MOBILE REQ-PRODUCT-A11Y */
@layer choices-example {
 .choices-page{--nb-page-bg:#f8f8f4;--nb-text:#252b34;--nb-muted:#606866;--nb-line:#dedfd8;--nb-surface:#fff;--nb-soft:#f0f1e9;--nb-accent:#415949;--nb-action-bg:#293d32;--nb-action-text:#fff;--nb-focus:#6a65c7;--nb-radius:1.1rem;background:var(--nb-page-bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--nb-text);text-rendering:optimizeLegibility}
 .choices-page *{box-sizing:border-box}.choices-page h1,.choices-page h2,.choices-page h3,.choices-page p{margin-top:0}.choices-page a{color:inherit;text-underline-offset:.25em}.choices-page button{font-family:inherit}.choices-page a:focus-visible,.choices-page button:focus-visible{outline:3px solid var(--nb-focus);outline-offset:5px}.choices-page h1,.choices-page h2,.choices-page h3{line-height:1.12;letter-spacing:-.045em}.choices-page p{line-height:1.7}.choices-header,.choices-heading,.choice-principles,.choices-theme-card,.recording-panel,.choices-footer,.choices-noscript{max-width:1320px;margin-inline:auto;padding-inline:clamp(1.25rem,5.5vw,5rem)}
 .choices-header{display:flex;align-items:center;justify-content:space-between;padding-top:1.6rem;padding-bottom:1.6rem;gap:1.5rem}.juniper-brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.35rem;font-weight:650;text-decoration:none;letter-spacing:-.04em;white-space:nowrap}.juniper-brand svg{color:var(--nb-accent)}.brand-separator{color:#9a9e91;margin-inline:.22rem;font-weight:400}.choices-header nav{display:flex;align-items:center;gap:2rem}.choices-header nav a{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;min-height:44px;font-size:.8rem;font-weight:500}.theme-link{border:1px solid var(--nb-line);padding:.45rem .9rem;border-radius:100px}.theme-link>span{font-size:1.2rem}.back-to-examples{color:var(--nb-muted)!important}
 .choices-heading{padding-top:2.5rem}.choices-kicker{font-size:.64rem;font-weight:600;letter-spacing:.13em;color:var(--nb-muted);line-height:1.65;margin:0 0 1.5rem;display:flex;align-items:center;gap:.7rem}.live-dot{width:6px;height:6px;border-radius:50%;background:#6c8973;display:inline-block}.kicker-separator{color:#b9beb2}.choices-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:2.4rem 3.7rem}.choices-overline{font-size:.9rem;color:var(--nb-muted);margin-bottom:1.2rem}.choices-copy h1{font-size:clamp(4.5rem,7.8vw,7.2rem);font-weight:510;letter-spacing:-.045em;line-height:.98;margin-bottom:1.8rem}.choices-copy h1>span{color:#83937a}.choices-lede{font-size:1.02rem;color:var(--nb-muted);max-width:28rem;line-height:1.85!important}.choices-actions{display:flex;align-items:center;gap:1.65rem;flex-wrap:wrap;margin:2rem 0 1.1rem}.choices-primary{display:inline-flex;justify-content:space-between;gap:1.5rem;align-items:center;min-height:50px;padding:.85rem 1.1rem;background:var(--nb-action-bg);color:var(--nb-action-text);border:1px solid var(--nb-action-bg);border-radius:.6rem;font-size:.85rem;font-weight:550;cursor:pointer}.choices-primary:hover{filter:brightness(1.13)}.choices-guide{font-size:.8rem;font-weight:550;text-decoration:none}.choices-guide span{padding-left:.6rem}.choices-small{font-size:.7rem;color:var(--nb-muted)}.tiny-shield{margin-right:.4rem}
 .permission-studio{--studio-ink:#f3f5ee;background:#26392f;color:var(--studio-ink);padding:1.6rem 1.7rem 0;border:1px solid #32493c;border-radius:8px;box-shadow:0 24px 65px #2436280c;min-width:0;position:relative}.studio-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.studio-eyebrow{font-size:.55rem;letter-spacing:.16em;color:#b5c1b1;margin:0 0 .7rem}.studio-top h2{font-size:1.5rem;font-weight:530;letter-spacing:-.04em;margin-bottom:.75rem;color:var(--studio-ink)}.studio-marker{font-size:1.5rem;color:#b4c7ac;line-height:1}.studio-summary{font-size:.8rem;color:#bec9bb;margin-bottom:1.5rem;min-height:2.6em}.service-preview{display:flex;align-items:center;gap:.85rem;padding:1.1rem 0;border-top:1px solid #4e5e4d;min-width:0}.service-icon{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;background:#3a4d3c;border-radius:.6rem;color:#cfdbc7}.service-icon svg{width:24px;height:24px}.service-description{min-width:0;flex:1}.service-description h3{font-size:.85rem;font-weight:550;color:#f1f4eb;margin:0 0 .2rem;letter-spacing:-.02em}.service-description p{font-size:.72rem;color:#bec9bb;margin:0}.service-status{font-size:.68rem;border:1px solid #67745e;border-radius:100px;color:#d7e0ce;padding:.35rem .6rem;white-space:nowrap;font-weight:500}.service-preview[data-state=active] .service-status{background:#d3e5b5;border-color:#d3e5b5;color:#293f29}.studio-count{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #4e5e4d;padding:1.15rem 0 1.3rem;gap:1rem}.studio-count p{font-size:.72rem;margin:0 0 .2rem;color:#e5eddd}.studio-count span{font-size:.65rem;color:#b6c3ae}.studio-count output{font-size:3rem;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:450}.studio-bottom{margin-inline:-1.7rem;padding:.85rem 1.7rem;display:flex;align-items:center;gap:.5rem;border-top:1px solid #4e5e4d;background:#223329;border-radius:0 0 1.15rem 1.15rem;font-size:.65rem;color:#c5d2ba}.studio-status-dot{width:5px;height:5px;border-radius:50%;background:#bacd9e;flex-shrink:0}.playground-caption{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--nb-line);padding:1rem 0;margin:0;color:var(--nb-muted);font-size:.62rem}.playground-caption span:last-child{font-size:.55rem;letter-spacing:.12em}
 .choice-principles{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;padding-block:5rem}.principles-intro h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:520;margin-bottom:1.25rem}.principles-intro>p:last-child{font-size:.85rem;color:var(--nb-muted)}.choice-steps{list-style:none;padding:0;margin:0}.choice-steps li{display:flex;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--nb-line)}.choice-steps li:first-child{padding-top:0}.choice-steps li>span{font-size:.68rem;color:var(--nb-muted);padding-top:.2rem}.choice-steps h3{font-size:1rem;font-weight:550;letter-spacing:-.025em;margin:0 0 .5rem}.choice-steps p{font-size:.82rem;color:var(--nb-muted);margin:0;max-width:27rem}.choices-theme-card{background:#edeee5;border-top:1px solid var(--nb-line);border-bottom:1px solid var(--nb-line);padding-block:3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.choices-theme-card h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:520;margin-bottom:1rem}.choices-theme-card>div>p:not(.choices-kicker){font-size:.85rem;color:var(--nb-muted)}.choices-theme-card a{display:inline-flex;align-items:center;gap:2rem;font-size:.83rem;font-weight:600;min-height:44px}.theme-composition{position:relative;min-height:240px;margin:.5rem 1rem}.theme-tile{position:absolute;width:62%;height:220px;border-radius:.7rem;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 25px #1f2d2810}.theme-tile span{font-size:.5rem;letter-spacing:-.01em}.theme-tile b{font-size:2.4rem;font-weight:500;line-height:1;letter-spacing:-.06em}.theme-tile i{font-size:.45rem;letter-spacing:.16em;font-style:normal}.theme-day{background:#fafbf5;color:#344335;border:1px solid #d7dbca;left:1%;top:0;transform:rotate(-5deg)}.theme-night{background:#26392f;color:#e3edcf;border:1px solid #4e6248;right:0;top:20px;transform:rotate(5deg)}.recording-panel{padding-block:2rem 4rem}.recording-panel h2{font-size:1.8rem}.recording-panel>p:not(.choices-kicker){font-size:.85rem}.choices-footer{padding-block:2.5rem 3rem}.choices-footer-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.8rem}.choices-footer .nb-legal-links{margin:0}.choices-footer-note{display:flex;justify-content:space-between;gap:1rem;font-size:.58rem;line-height:1.7;color:var(--nb-muted);border-top:1px solid var(--nb-line);margin-top:1.7rem;padding-top:1.3rem}.choices-noscript{font-size:.8rem;padding-block:1rem}
 .choices-midnight{color-scheme:dark;--nb-page-bg:#181e20;--nb-text:#edf0e5;--nb-muted:#a5afa6;--nb-line:#39433e;--nb-soft:#252e28;--nb-surface:#222a25;--nb-accent:#ccd9b8;--nb-action-bg:#d2ddbf;--nb-action-text:#233024;--nb-focus:#b3c1f3}.choices-midnight .choices-copy h1>span{color:#b4c79c}.choices-midnight .choices-theme-card{background:#232b26}.choices-midnight .permission-studio{box-shadow:none}
 @media(max-width:900px){.choices-hero{gap:2rem}.choices-copy h1{font-size:4rem}.permission-studio{padding:1.3rem 1.2rem 0}.studio-bottom{margin-inline:-1.2rem;padding-inline:1.2rem}.choice-principles{gap:2rem}.service-description p{max-width:11rem}.theme-composition{margin-inline:0}.theme-tile b{font-size:2rem}}
 @media(max-width:700px){.choices-header{padding-block:1rem;gap:1rem}.juniper-brand{font-size:1.15rem;gap:.35rem}.juniper-brand svg{width:24px}.choices-header nav{gap:.65rem}.choices-header nav a{font-size:.68rem}.back-to-examples{font-size:0!important;gap:0!important;min-width:44px;justify-content:center}.back-to-examples span{font-size:1rem}.theme-link{padding:.3rem .65rem}.choices-heading{padding-top:1.7rem}.choices-kicker{font-size:.54rem;gap:.5rem;letter-spacing:.1em;flex-wrap:wrap}.choices-hero{grid-template-columns:1fr;gap:2rem;padding-top:.7rem;padding-bottom:2rem}.choices-copy h1{font-size:clamp(3rem,13vw,4rem);margin-bottom:1.3rem}.choices-overline{font-size:.8rem}.choices-lede{font-size:.92rem;max-width:30rem}.choices-actions{margin-top:1.5rem;gap:1rem}.choices-primary{font-size:.78rem;gap:1rem;min-height:48px}.choices-guide{font-size:.73rem}.choices-small{font-size:.65rem}.permission-studio{max-width:100%;padding:1.4rem 1.2rem 0}.studio-top h2{font-size:1.35rem}.studio-summary{min-height:0}.service-description p{max-width:none;font-size:.72rem}.service-status{font-size:.68rem;padding:.3rem .45rem}.service-preview{gap:.65rem}.service-icon{width:33px;height:33px}.studio-count output{font-size:2.7rem}.playground-caption span:last-child{display:none}.choice-principles{grid-template-columns:1fr;padding-block:3rem;gap:1.5rem}.principles-intro h2{font-size:2.1rem}.choice-steps li{gap:1rem}.choice-steps h3{font-size:.95rem}.choices-theme-card{grid-template-columns:1fr;gap:1.3rem;padding-block:2.5rem}.theme-composition{min-height:230px;max-width:380px;width:100%;margin-inline:auto}.theme-tile{height:210px}.theme-tile b{font-size:2.4rem}.choices-footer-top{margin-bottom:1.2rem}.choices-footer-note{flex-direction:column;gap:.4rem}.choices-footer .nb-legal-links{gap:1.2rem}.choices-footer .nb-legal-links a{font-size:.75rem}.choices-footer .nb-reopen{font-size:.75rem}.choices-footer{padding-bottom:2rem}}
 @media(prefers-reduced-motion:reduce){.choices-page *{scroll-behavior:auto!important}}@media(forced-colors:active){.permission-studio,.theme-tile,.service-status,.choices-primary{border:1px solid CanvasText}.service-icon,.studio-bottom{forced-color-adjust:auto}.live-dot,.studio-status-dot{background:CanvasText}}
}