/* ---------------------------------------------------------------------------
   localnav-pills.css

   NOT hand-written. Apple's chapternav/localnav rules, taken verbatim from
   apple.com/v/apple-intelligence/h/built/styles/overview.built.css
   (fetched 14 Aug 2026) — every rule in that file whose selector touches
   .localnav, with @media context preserved.

   This is the header on apple.com/apple-intelligence: a centred row of pill
   tabs, the current one a solid black pill with a glyph. Measured live:
   pills 36px tall, radius 18px, padding 8px 15px, resting background
   rgba(232,232,237,.5), label 14px/400 at -0.224px, current label white.
--------------------------------------------------------------------------- */

.localnav {--chapternav-padding:16px;--chapternav-height:132px;background:var(--chapternav-background);box-sizing:border-box;height:var(--chapternav-height);padding-top:var(--chapternav-padding);padding-bottom:var(--chapternav-padding);text-align:center;z-index:9987;--chapternav-paddle-width:34px;--chapternav-paddle-chevron-color:rgb(29,29,31);--chapternav-border-color:rgb(210,210,215);--chapternav-paddle-opacity:0.8;--chapternav-paddle-hover-opacity:1;--chapternav-paddle-hover-duration:200ms;--chapternav-paddle-fade-duration:150ms;--chapternav-paddle-horizontal-offset:-0.5px;--chapternav-border-width:1px;--chapternav-safearea-offset:-10px;width:100%;position:relative;overflow:hidden}
.localnav.chapternav-dark,.theme-dark .localnav {--chapternav-border-color:rgb(66,66,69);--chapternav-paddle-chevron-color:rgb(245,245,247)}
.localnav-paddle {border:0 solid var(--chapternav-border-color);border-radius:0;color:var(--chapternav-paddle-chevron-color);opacity:1;position:absolute;top:0;bottom:0;text-align:center;width:calc(var(--chapternav-paddle-width) - 1px);transition:opacity var(--chapternav-paddle-fade-duration) ease-out}
.localnav-paddle-left-icon,.localnav-paddle-right-icon {opacity:var(--chapternav-paddle-opacity);transition:opacity var(--chapternav-paddle-hover-duration) linear;will-change:opacity}
.localnav-paddle:disabled {opacity:0}
.localnav-paddle:hover .localnav-paddle-left-icon,.localnav-paddle:hover .localnav-paddle-right-icon {opacity:var(--chapternav-paddle-hover-opacity)}
.localnav-paddle:focus,.localnav-paddle:focus-visible {outline:none}
.localnav-paddle:focus-visible .localnav-paddle-left-icon,.localnav-paddle:focus-visible .localnav-paddle-right-icon {outline:2px solid var(--sk-focus-color,#0071e3);outline-offset:3px;opacity:1}
.localnav-paddle:active {outline:none}
.localnav-paddle:active .localnav-paddle-left-icon,.localnav-paddle:active .localnav-paddle-right-icon {outline:none;opacity:var(--chapternav-paddle-hover-opacity)}
.localnav-paddle-left {border-right-width:var(--chapternav-border-width);left:0}
.localnav-paddle-left-icon {margin-left:var(--chapternav-paddle-horizontal-offset)}
.localnav-paddle-right {border-left-width:var(--chapternav-border-width);right:0}
.localnav-paddle-right-icon {margin-right:var(--chapternav-paddle-horizontal-offset)}
.ac-nav-overlap .localnav,.localnav-overlap .localnav {position:absolute;top:0;left:0}
.ac-nav-overlap .localnav {margin-top:var(--r-globalnav-height,44px)}
@media(max-width:767px) {
  .ac-nav-overlap .localnav {margin-top:var(--r-globalnav-height,48px)}
}
.localnav-wrapper {position:relative;height:100%;z-index:1}
html.text-zoom .localnav {--chapternav-height:157px}
.localnav-tall {--chapternav-height:148px}
html.text-zoom .localnav-tall {--chapternav-height:190px}
.localnav-scrim {--chapternav-background:rgba(250,250,252,0.92)}
.localnav {--chapternav-link-color:rgba(0,0,0,0.8);--chapternav-link-color-hover:rgb(0,0,0);--chapternav-new-color:rgb(182,68,0)}
.localnav-items {margin-inline:var(--chapternav-paddle-width);overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;list-style:none;font-size:0;padding-block:4px;scrollbar-width:none}
@media(orientation:landscape) {
  .localnav-items {padding-bottom:5px}
}
.localnav-items::-webkit-scrollbar {display:none}
.localnav-item {display:inline-block;vertical-align:top;padding:0 20px}
.localnav-item:first-child {margin-inline-start:0;padding-inline-start:4px}
.localnav-item:last-child {margin-inline-end:0;padding-inline-end:4px}
.localnav-icon {background:bottom no-repeat;display:flex;justify-content:center;align-items:end;margin:0 auto 4px;height:56px}
.localnav-label {font-size:12px;line-height:1.3333733333;font-weight:400;letter-spacing:-0.01em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;display:block;margin:0}
.localnav-label:lang(ar) {letter-spacing:0em;font-family:SF Pro AR,SF Pro AR Text,SF Pro Text,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-label:lang(ja) {letter-spacing:0em;font-family:SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-label:lang(ko) {letter-spacing:0em;font-family:SF Pro KR,SF Pro Text,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-label:lang(zh) {letter-spacing:0em}
.localnav-label:lang(th) {font-family:SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-label:lang(zh-CN) {font-family:SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-label:lang(zh-HK) {font-family:SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-label:lang(zh-MO) {font-family:SF Pro HK,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-label:lang(zh-TW) {font-family:SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-new {font-size:10px;line-height:1.2;font-weight:600;letter-spacing:-0.008em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--chapternav-new-color);display:block}
.localnav-new:lang(ar) {letter-spacing:0em;font-family:SF Pro AR,SF Pro AR Text,SF Pro Text,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-new:lang(ja) {letter-spacing:0em;font-family:SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-new:lang(ko) {letter-spacing:0em;font-family:SF Pro KR,SF Pro Text,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-new:lang(zh) {letter-spacing:0em}
.localnav-new:lang(th) {font-family:SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-new:lang(zh-CN) {font-family:SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-new:lang(zh-HK) {font-family:SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-new:lang(zh-MO) {font-family:SF Pro HK,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-new:lang(zh-TW) {font-family:SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
.localnav-link {color:var(--chapternav-link-color);display:block;padding:0;position:relative;text-decoration:none;z-index:1}
.localnav-link:hover {color:var(--chapternav-link-color-hover);text-decoration:none}
.localnav-link:focus-visible {outline:2px solid var(--sk-focus-color,#0071e3);outline-offset:var(--sk-focus-offset,1px)}
.theme-dark .localnav-link {color:var(--chapternav-link-color)}
.theme-dark .localnav-link:hover {color:var(--chapternav-link-color-hover)}
.localnav-item {animation:localnav-slidein 350ms backwards}
.theme-dark .localnav {--chapternav-link-color:rgba(255,255,255,0.8);--chapternav-link-color-hover:rgb(255,255,255);--chapternav-new-color:rgb(255,121,27)}
.theme-dark .localnav-scrim {--chapternav-background:rgba(22,22,23,0.88)}
.localnav-dark.localnav {--chapternav-link-color:rgba(255,255,255,0.8);--chapternav-link-color-hover:rgb(255,255,255);--chapternav-new-color:rgb(255,121,27)}
.localnav-dark.localnav-scrim {--chapternav-background:rgba(22,22,23,0.88)}
.theme-light .localnav.localnav-dark {--chapternav-link-color:rgba(255,255,255,0.8);--chapternav-link-color-hover:rgb(255,255,255);--chapternav-new-color:rgb(255,121,27)}
.theme-light .localnav.localnav-dark-scrim {--chapternav-background:rgba(22,22,23,0.88)}
.theme-light .localnav {--chapternav-link-color:rgba(0,0,0,0.8);--chapternav-link-color-hover:rgb(0,0,0);--chapternav-new-color:rgb(182,68,0)}
.theme-light .localnav-scrim {--chapternav-background:rgba(250,250,252,0.92)}
.localnav-light .localnav {--chapternav-link-color:rgba(0,0,0,0.8);--chapternav-link-color-hover:rgb(0,0,0);--chapternav-new-color:rgb(182,68,0)}
.localnav-light .localnav-scrim {--chapternav-background:rgba(250,250,252,0.92)}
.theme-dark .localnav-light.localnav {--chapternav-link-color:rgba(0,0,0,0.8);--chapternav-link-color-hover:rgb(0,0,0);--chapternav-new-color:rgb(182,68,0)}
.theme-dark .localnav-light.localnav-scrim {--chapternav-background:rgba(250,250,252,0.92)}
:root {--localnav-height:60px;--localnav-offset:-1px;--localnav-mask-color-left:transparent;--localnav-mask-color-right:transparent;--localnav-pill-border-radius:18px;--localnav-background:rgba(255,255,255,0.8);--localnav-pill-background:rgba(232,232,237,0.5);--localnav-pill-hover-background:rgb(232,232,237);--localnav-pill-border:rgb(210,210,215);--localnav-pill-glow:linear-gradient(90deg,#c4ccb2 0,#96aacc 33%,#8595c4 66%,#727dba);--localnav-pill-glow-opacity:0.5;--localnav-pill-glow-blur:4px;--localnav-pill-active-background:rgb(0,0,0);--localnav-pill-active-border:rgba(217,207,207,0.25);--localnav-label-color:rgb(29,29,31);--localnav-label-active-color:rgb(255,255,255);--localnav-paddle-icon-fill:rgb(29,29,31);--localnav-ai-glyph-fill:url(#ai-gradient-dark)}
nav.localnav {position:sticky;top:var(--localnav-offset);height:var(--localnav-height);padding:0;z-index:9998;pointer-events:none}
nav.localnav:has(.localnav-paddle-left:disabled) {--localnav-mask-color-left:white}
nav.localnav:has(.localnav-paddle-right:disabled) {--localnav-mask-color-right:white}
nav.localnav ::-webkit-scrollbar {display:none}
nav.localnav .localnav-wrapper {height:var(--localnav-height);background:var(--localnav-background);backdrop-filter:blur(20px);overflow:hidden;transition:background .15s cubic-bezier(0.28,0.11,0.32,1);pointer-events:auto}
nav.localnav .localnav-items {margin-inline:0;padding:12px 24px;mask-image:linear-gradient(90deg,var(--localnav-mask-color-left) 0,var(--localnav-mask-color-left) var(--chapternav-paddle-width),white calc(var(--chapternav-paddle-width) + 20px),white calc(100% - var(--chapternav-paddle-width) - 20px),var(--localnav-mask-color-right) calc(100% - var(--chapternav-paddle-width)),var(--localnav-mask-color-right))}
nav.localnav .localnav-item {padding:0;animation:none}
nav.localnav .localnav-item+.localnav-item {margin-inline-start:18px}
@media(max-width:734px) {
  nav.localnav .localnav-item+.localnav-item {margin-inline-start:10px}
}
nav.localnav .localnav-link {max-height:18px;padding:8px 15px;display:flex;align-items:center;background:var(--localnav-pill-background);border:1px solid var(--localnav-pill-border);border-radius:var(--localnav-pill-border-radius);transition:background .15s cubic-bezier(0.28,0.11,0.32,1);-webkit-tap-highlight-color:rgba(0,0,0,0)}
nav.localnav .localnav-link .localnav-glyph {display:flex;margin-inline-end:3px}
nav.localnav .localnav-link .localnav-glyph svg {height:20px;width:auto}
nav.localnav .localnav-link .localnav-label {color:var(--localnav-label-color);font-size:14px;line-height:1.2857742857;font-weight:400;letter-spacing:-0.016em;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .localnav-label:lang(ar) {letter-spacing:0em;font-family:SF Pro AR,SF Pro AR Text,SF Pro Text,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .localnav-label:lang(ja) {line-height:1.3571828571;letter-spacing:0em;font-family:SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .localnav-label:lang(ko) {line-height:1.4285914286;letter-spacing:0em;font-family:SF Pro KR,SF Pro Text,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .localnav-label:lang(zh) {line-height:1.3571828571;letter-spacing:0em}
nav.localnav .localnav-link .localnav-label:lang(th) {line-height:1.3571828571;letter-spacing:0em;font-family:SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .localnav-label:lang(zh-CN) {font-family:SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .localnav-label:lang(zh-HK) {font-family:SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .localnav-label:lang(zh-MO) {font-family:SF Pro HK,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .localnav-label:lang(zh-TW) {font-family:SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif}
nav.localnav .localnav-link .glow-mask {display:none}
nav.localnav .localnav-link:not(.localnav-link-current):hover {background:var(--localnav-pill-hover-background)}
nav.localnav .localnav-link.localnav-link-current {background:var(--localnav-pill-active-background);border-color:var(--localnav-pill-active-border)}
nav.localnav .localnav-link.localnav-link-current .localnav-label {color:var(--localnav-label-active-color)}
nav.localnav .localnav-link.localnav-glow {position:relative;transform:translate(0);transform-style:preserve-3d}
nav.localnav .localnav-link.localnav-glow .glow-mask {display:block;position:absolute;inset:-12px;border:12px solid rgba(0,0,0,0);border-radius:calc(12px + var(--localnav-pill-border-radius));transform:translateZ(-1px);mask:linear-gradient(#000,#000 0) content-box,linear-gradient(#000,#000 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:var(--localnav-pill-glow-opacity);pointer-events:none}
nav.localnav .localnav-link.localnav-glow .glow-mask::before {content:"";position:absolute;inset:-3px;background:var(--localnav-pill-glow);filter:blur(var(--localnav-pill-glow-blur));border-radius:var(--localnav-pill-border-radius)}
nav.localnav .glyph-apple-intelligence path {fill:var(--localnav-ai-glyph-fill)}
nav.localnav .localnav-paddles {margin:0}
nav.localnav .localnav-paddles .localnav-paddle {border:0}
nav.localnav .localnav-paddles .localnav-paddle:disabled {pointer-events:none}
nav.localnav .localnav-paddles svg path {fill:var(--localnav-paddle-icon-fill)}