/* Public app discovery: native details works with keyboard and without JavaScript. */
.product-switcher{position:relative;z-index:20;flex:none;font-size:14px}
.product-switcher>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;color:#064e43;padding:0 10px;border-radius:8px;white-space:nowrap}
.product-switcher>summary::-webkit-details-marker{display:none}
.product-switcher>summary:hover,.product-switcher[open]>summary{background:#e8eee7}
.product-switcher-panel{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-width:calc(100vw - 48px);padding:8px;background:#fffdf6;border:1px solid #d8e1d8;border-radius:16px;box-shadow:0 16px 40px #17241f18;display:grid;gap:4px}
.product-entry{display:flex;align-items:center;gap:12px;padding:14px;text-decoration:none;color:#17241f;border-radius:12px;min-width:0;min-height:78px;transition:background .15s}
.product-entry:hover{background:#e8eee7;color:#064e43}
.product-entry[aria-current="true"]{background:#e8eee7}
.product-monogram{width:40px;height:40px;display:grid;place-items:center;background:#064e43;color:#fffdf6;border-radius:11px;flex:none;font-size:19px;font-weight:750;letter-spacing:-1px}
.product-entry-copy{display:grid;gap:3px;min-width:0;line-height:1.4}
.product-entry-copy strong{display:flex;justify-content:space-between;gap:20px;font-size:16px;letter-spacing:-.02em}
.product-entry-copy>span{font-size:13px;color:#52655b}
.product-entry-copy small{font-size:11px;color:#52655b}
.product-studio-home{font-size:12px;display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;border-top:1px solid #d8e1d8;color:#064e43}
.product-family{width:100%;min-width:0}
.product-family h2{font-size:12px;letter-spacing:.04em;font-weight:600;color:#52655b;margin:0 0 12px}
.product-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.product-family-grid .product-entry{border:1px solid #d8e1d8;background:transparent}
.product-family-grid .product-entry:hover{background:#e8eee7}
.product-switcher a:focus-visible,.product-switcher summary:focus-visible,.product-family a:focus-visible{outline:3px solid #217a66;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.product-entry{transition:none}}
@media(max-width:440px){.product-family-grid{grid-template-columns:1fr}.product-switcher-panel{max-width:calc(100vw - 48px)}}
/* Product sites keep their main navigation; the directory is always visible. */
.site-header .product-switcher-panel{margin:0}
.site-footer{flex-wrap:wrap}
.site-footer>.product-family{flex-basis:100%}
.site-footer .product-family-grid{display:grid;margin:0;gap:12px;max-width:740px}
.site-footer .product-entry-copy{flex:1}
.site-header .product-entry-copy{flex:1}
@media(max-width:1100px){.site-header{gap:20px}.desktop-nav{gap:22px}.header-actions{gap:14px}}
@media(max-width:800px){.site-header .header-actions{width:100%;justify-content:space-between}.site-header .product-switcher-panel{left:0;right:auto}.site-header .desktop-nav{display:none}}
.customer-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
.customer-actions .button{min-height:52px;text-align:center}
.customer-actions .button svg{width:24px;height:24px;flex:none}
.purchase-button{background:transparent;color:var(--green);border:1px solid var(--line)}
.purchase-button:hover{background:#e8eee7;color:var(--green)}
.closing .customer-actions{justify-content:flex-end}
@media(max-width:800px){.closing .customer-actions{justify-content:flex-start}}
@media(max-width:600px){.customer-actions{display:grid;grid-template-columns:1fr;width:100%}.customer-actions .button{width:100%;justify-content:space-between}.price-card .customer-actions .button{justify-content:space-between}}
/* The studio shows both app names directly on larger screens. */
@media(min-width:801px){.studio .product-switcher{display:none}}
.studio .mobile-menu{display:none}

.product-monogram img{display:block;width:100%;height:100%;border-radius:inherit}
