/* Native disclosure navigation works with touch, keyboard and no JavaScript. */
.f-tools-menu{position:relative;color:inherit}
.f-tools-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;cursor:pointer;white-space:nowrap;font-size:.875rem;font-weight:500;line-height:1}
.f-tools-menu>summary::-webkit-details-marker{display:none}
.f-tools-menu>summary:hover,.f-tools-menu[open]>summary{color:var(--f-blue)}
.f-tools-menu>summary:focus-visible{outline:2px solid var(--f-blue);outline-offset:5px}
.f-tools-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
.f-tools-menu[open] .f-tools-chevron{transform:translateY(1px) rotate(225deg)}
.f-tools-panel{position:absolute;left:-16px;top:calc(100% + 8px);width:210px;max-width:calc(100vw - 32px);padding:8px 16px;background:#cbd1d6;border:1px solid #9ba6af;box-shadow:0 12px 28px #17263b1c;color:#141c25;z-index:20}
.f-tools-menu[open]>.f-tools-panel{animation:f-tools-in .18s ease-out}
.f-site .f-tools-panel>a,.f-site .f-header .f-tools-panel>a{display:flex;justify-content:space-between;gap:22px;min-height:46px;padding:10px 0;color:#141c25;font-size:.875rem;font-weight:500;line-height:1.4;white-space:normal}
.f-site .f-tools-panel>a+a{border-top:1px solid #a7b0b9}
.f-site .f-tools-panel>a:hover,.f-site .f-tools-panel>a:focus-visible,.f-site .f-tools-panel>a[aria-current]{color:var(--f-blue)}
.f-tools-panel>a>span{transition:transform .18s}
.f-tools-panel>a:hover>span{transform:translate(2px,-2px)}
.f-tools-mobile{display:none}
.f-tools-mobile>.f-tools-panel{left:auto;right:0}
.f-tools-dialog>summary{font:inherit;min-height:44px}
.f-tools-dialog>.f-tools-panel{position:static;margin-top:8px;width:100%;box-shadow:none}
.f-site.large-text .f-tools-mobile{display:none}
@keyframes f-tools-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.f-tools-menu[open]>.f-tools-panel{animation:none}.f-tools-chevron,.f-tools-panel>a>span{transition:none}}
.f-product-poster{background:#c6d3e8}
.f-product-poster>span{font-size:clamp(36px,4vw,66px);line-height:1.05;letter-spacing:-.055em}
.f-product-poster>small{font-size:1rem;line-height:1.5;max-width:28ch}
.f-development-record{margin:65px 0 30px;padding-block:25px;border-block:1px solid #9da9ba;scroll-margin-top:120px}
.f-development-record>summary{font-size:1.25rem;line-height:1.4;cursor:pointer;padding:12px 0}
.f-record-meta{display:flex;flex-wrap:wrap;gap:14px 30px;padding:20px 0;color:#465469;font-size:.875rem;line-height:1.5}
.f-development-record .f-article-body{padding-top:20px}
.f-product-availability{padding:25px 28px;border-left:3px solid var(--f-blue);background:#dce4ef;margin-top:32px}
.f-product-availability h2{font-size:1.5rem;margin:0 0 12px}
.f-product-availability p{font-size:1rem;line-height:1.65;margin:0}
.f-product-hero aside>strong{font-size:1rem;line-height:1.5;color:var(--f-blue)}
.f-work-group{padding:35px var(--f-pad) 0;scroll-margin-top:100px}
.f-work-group>header{display:grid;grid-template-columns:1fr 2fr;gap:6vw;border-top:1px solid #a5adb8;padding-top:30px;margin-bottom:0}
.f-work-group>header h2{font-size:clamp(30px,3.5vw,54px);line-height:1.15}
.f-work-group>header p{font-size:1rem;line-height:1.65;max-width:62ch}
.f-work-group .f-journal-archive{padding:0}
.f-work-group .f-journal-record>aside strong{font-size:1rem}
.f-work-group .f-record-credit{font-size:.875rem;line-height:1.6}
.f-product-index .f-journal-record h2{font-size:clamp(34px,4vw,64px)}
.f-work-preview-meta{font-size:.875rem;line-height:1.6;margin-bottom:18px;color:#a9bedb}
@media(max-width:1100px){.f-tools-mobile{display:block;min-height:44px}.f-site .f-header-actions{gap:15px}}
@media(max-width:650px){.f-site .f-header-actions>.f-button{display:none}.f-site .f-header-actions{gap:15px}.f-tools-mobile{font-size:.875rem}.f-work-group{padding:25px 16px 0}.f-work-group>header{display:block}.f-work-group>header h2{margin-bottom:18px}.f-work-group>header p{margin-bottom:25px}.f-work-group .f-journal-record{padding-block:35px}.f-development-record{scroll-margin-top:90px;margin-top:45px}.f-product-availability{padding:22px 20px}.f-product-poster>span{font-size:42px}.f-product-poster>small{font-size:1rem}}
.f-site.large-text .f-header-actions>.f-button{display:none}.f-site.large-text .f-tools-mobile{font-size:1rem}

/* Long availability labels retain their column at enlarged text sizes. */
.f-product-page .f-case-body dl>div{min-width:0}
.f-product-page .f-case-body dd{overflow-wrap:anywhere}
@media(max-width:650px){.f-product-page .f-case-body dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
