/* One navigation pattern for the server-rendered pages and calculator. */
[data-community-header] [hidden]{display:none!important}
.community-nav,.community-account details{position:relative;min-width:0}
.community-nav>.community-nav-link,.community-account summary,.community-account>[data-login]{display:flex;align-items:center;gap:5px;min-height:40px;list-style:none;cursor:pointer;text-decoration:none;color:var(--ui-text,#19212a);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;padding:8px 10px;border-radius:4px}
.community-account summary::-webkit-details-marker{display:none}
.community-account summary::after{content:'⌄';font-size:12px}
.community-nav:is(:hover,:focus-within)>.community-nav-link,.community-nav>.community-nav-link:hover,.community-account>[data-login]:hover{background:var(--ui-subtle,#f1f3f5)}
.community-submenu{position:absolute;top:100%;left:0;z-index:100;width:max-content;min-width:160px;max-width:240px;padding:5px;background:var(--surface,#fff);border:1px solid var(--line,#dce0e5);border-radius:4px;box-shadow:0 6px 18px #00000016;display:grid;gap:2px}
.community-submenu a,.community-submenu button{display:block!important;width:100%;box-sizing:border-box;margin:0!important;padding:11px 14px!important;text-align:left;text-decoration:none;white-space:normal;color:var(--ui-text,#19212a)!important;background:transparent;border:0;border-radius:3px;font:inherit;font-size:13px!important;font-weight:500;cursor:pointer}
.community-submenu a:hover,.community-submenu button:hover{background:var(--ui-subtle,#f1f3f5)}
.community-nav>.community-nav-link:focus-visible,.community-account a:focus-visible,.community-account summary:focus-visible,.community-submenu a:focus-visible,.community-submenu button:focus-visible{outline:2px solid #779900;outline-offset:2px}
.community-account{position:relative;flex-shrink:0}
.community-account .community-submenu{left:auto;right:0}
.community-account [data-auth-name]{max-width:105px;overflow:hidden;text-overflow:ellipsis;display:block}
.community-auth-feedback:empty{display:none}
.community-auth-feedback:not(:empty){position:absolute;right:0;top:100%;width:230px;padding:12px;border:1px solid var(--line,#ddd);background:var(--surface,#fff);color:var(--ui-text,#222);z-index:110;font-size:12px}
.mobile-navigation .community-nav{width:100%}
.mobile-navigation .community-nav>.community-nav-link{padding:12px 14px;min-height:44px}
.mobile-navigation .community-submenu{position:static;width:100%;max-width:none;box-shadow:none;border:0;border-left:2px solid #bff009;margin:0 0 8px 12px}
@media(max-width:600px){.community-account>[data-login],.community-account summary{padding:6px;font-size:12px;min-height:40px}.community-account [data-auth-name]{max-width:62px}.product-header-actions,.coinmadang-calculator-shell .header-actions{gap:4px!important}}
@media(max-width:600px){
 [data-community-header] .product-brand,[data-community-header] .brand{min-width:0;gap:6px;overflow:hidden}
 [data-community-header] .product-brand-mark,[data-community-header] .brand-mark{width:28px;height:28px;flex-shrink:0}
 [data-community-header] .brand-wordmark{width:96px;max-width:calc(100% - 34px);min-width:0;height:32px;flex-shrink:1}
}
.community-nav>.community-nav-link,.community-account summary,.community-account>[data-login],.community-submenu a,.community-submenu button{min-width:44px;min-height:44px;box-sizing:border-box}

/* The parent navigates on click; hover and keyboard focus expose the boards. */
.community-nav>.community-submenu{display:none}
.community-nav:not([data-dismissed]):hover>.community-submenu,.community-nav:not([data-dismissed]):focus-within>.community-submenu,.mobile-navigation .community-nav>.community-submenu{display:grid}

/* Stable account width prevents the primary navigation moving after authentication. */
.community-account{width:84px;flex:0 0 84px}
.community-account summary,.community-account>[data-login]{width:100%;justify-content:center;border:1px solid var(--line,#dce0e5);background:var(--surface,#fff);transition:background-color .15s}
.community-account [data-auth-name]{min-width:0;max-width:100%;font-size:12px}
.community-account-identity{margin:0;padding:12px 14px;border-bottom:1px solid var(--line,#dce0e5);font-size:13px;font-weight:650;overflow-wrap:anywhere;color:var(--text,#19212a)}
@media(max-width:600px){.community-account{width:70px;flex-basis:70px}}
@media(prefers-reduced-motion:reduce){.community-account summary,.community-account>[data-login]{transition:none}}