@import url("main-navigation.css");
/* Shared Version B price navigation. Native details also works without JavaScript. */
.modern .header-inner{position:relative}
.modern .nav-prices{flex-shrink:0}
.modern .nav-prices>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-height:44px;font:inherit}
.modern .nav-prices>summary::-webkit-details-marker{display:none}
.modern .nav-prices>summary:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.modern .nav-prices[open]>summary:after{transform:rotate(225deg);margin-top:3px}
.modern .nav-prices[open]>summary,.modern .nav-prices>summary:hover{color:var(--blue)}
.modern .nav-price-panel{position:absolute;top:100%;right:0;width:560px;max-width:calc(100vw - 40px);padding:20px;background:white;border:1px solid var(--line);border-top:3px solid var(--blue);box-shadow:0 16px 36px #09294d1a;max-height:calc(100dvh - var(--preview-sticky-height) - var(--site-header-height) - 16px);overflow:auto;overscroll-behavior:contain}
.modern .nav-price-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.modern .nav-price-option{display:block;padding:13px 14px;border-radius:3px;background:var(--pale);min-height:85px}
.modern .nav-price-option:hover{background:#daeafa;text-decoration:none}
.modern .nav-price-option strong{display:block;font-size:12px;line-height:1.5;margin-bottom:5px}
.modern .nav-price-option small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}
.modern .nav-price-overview{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;padding:15px 2px 0;margin-top:10px;border-top:1px solid var(--line);font-size:12px;font-weight:600;color:var(--blue)}
.modern .nav-technology{white-space:nowrap}
.modern .all-prices-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:16px;font-size:12px;font-weight:600;color:var(--blue)}
@media(max-width:1100px){
 .modern .header .nav-prices{width:100%;border-top:1px solid var(--line)}
 .modern .nav-prices>summary{justify-content:space-between;padding-block:4px}
 .modern .nav-price-panel{position:static;width:100%;max-width:none;padding:0 0 10px;border:0;box-shadow:none;max-height:none;overflow:visible}
 .modern .nav-price-option{min-height:0;padding:12px}
 .modern .nav-price-overview{padding-top:12px}
}
@media(max-width:500px){.modern .nav-price-options{grid-template-columns:1fr}.modern .nav-price-option small{font-size:11px}}
@media print{.modern .nav-prices{display:none}}

/* References occupy the same primary position on every page. */
.modern .nav-references{flex-shrink:0}
.modern .nav-references>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-height:44px;font:inherit}
.modern .nav-references>summary::-webkit-details-marker{display:none}
.modern .nav-references>summary:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.modern .nav-references[open]>summary:after{transform:rotate(225deg);margin-top:3px}
.modern .nav-references[open]>summary,.modern .nav-references>summary:hover{color:var(--blue)}
.modern .nav-reference-panel{position:absolute;top:100%;right:0;width:390px;max-width:calc(100vw - 40px);padding:12px;background:white;border:1px solid var(--line);border-top:3px solid var(--blue);box-shadow:0 16px 36px #09294d1a;max-height:calc(100dvh - var(--preview-sticky-height) - var(--site-header-height) - 16px);overflow:auto;overscroll-behavior:contain}
.modern .nav-reference-option{display:block;padding:13px 14px;border-radius:3px;white-space:normal;min-height:75px}
.modern .nav-reference-option+.nav-reference-option{border-top:1px solid var(--line)}
.modern .nav-reference-option:hover{background:var(--pale);text-decoration:none}
.modern .nav-reference-option strong{display:block;font-size:12px;line-height:1.5;margin-bottom:5px}
.modern .nav-reference-option small{display:block;font-size:11px;line-height:1.6;color:var(--muted)}
.modern .nav-reference-option[aria-current=page]{background:var(--pale)}
@media(max-width:1100px){
 .modern .header .nav-references{width:100%;border-top:1px solid var(--line)}
 .modern .nav-references>summary{justify-content:space-between;padding-block:4px}
 .modern .nav-reference-panel{position:static;width:100%;max-width:none;padding:0 0 10px;border:0;box-shadow:none;max-height:none;overflow:visible}
}
@media print{.modern .nav-references{display:none}}