/* Shared control sizing and icon language across CoinMadang and Kaia Pulse. */
.product-header-actions,.header-actions{gap:8px}
.product-header-actions :is(.theme-picker,.language-trigger,.pulse-header-link),.header-actions :is(.theme-picker,.language-trigger,.coinmadang-header-link),.community-account summary,.community-account>[data-login]{box-sizing:border-box;height:44px;min-height:44px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 1px 2px #00000004;transition:background .16s,border-color .16s,color .16s}
.product-header-actions :is(.theme-picker,.language-trigger,.pulse-header-link):hover,.header-actions :is(.theme-picker,.language-trigger,.coinmadang-header-link):hover,.community-account summary:hover{background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-accent)}
.community-account summary::after{content:none}
.community-account summary::before,.community-account>[data-login]::before,.language-trigger::before{content:'';display:block;flex:0 0 17px;width:17px;height:17px;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M5%2021v-2a7%207%200%200%201%2014%200v2%22%2F%3E%3C%2Fsvg%3E")}
.language-trigger::before{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203a17%2017%200%200%201%200%2018%2017%2017%200%200%201%200-18%22%2F%3E%3C%2Fsvg%3E")}
.community-account summary,.community-account>[data-login]{gap:6px;color:var(--ui-accent);background:var(--ui-accent-soft);padding:0 8px}
.community-account{width:96px;flex-basis:96px}
.language-trigger{gap:7px;padding:0 10px;font-variant-numeric:tabular-nums}
.pulse-header-link,.coinmadang-header-link{gap:8px!important}
.pulse-header-link span,.coinmadang-header-link span{color:var(--ui-accent);font-size:16px}
/* An overflow-x:auto ancestor clips absolutely positioned board menus. */
.product-header-inner>.product-nav,.topbar>.main-nav{overflow:visible}
.community-nav{flex:0 0 auto}
.community-nav>.community-submenu{padding:7px;min-width:184px;border-radius:12px;box-shadow:0 12px 32px #00000018;border-color:var(--ui-line);background:var(--ui-surface)}
.community-submenu a,.community-submenu button{border-radius:7px;transition:background .14s,color .14s}
.community-submenu a:hover,.community-submenu button:hover{background:var(--ui-accent-soft);color:var(--ui-accent)!important}
.community-nav:not([data-dismissed]):is(:hover,:focus-within)>.community-submenu{animation:community-menu-in .14s ease-out}
.community-account .community-submenu{border-radius:12px;padding:7px;background:var(--ui-surface);border-color:var(--ui-line)}
/* All five translated menus need room beside the fixed-width account controls. */
@media(max-width:1360px){
 .product-header-inner,.coinmadang-calculator-shell .topbar{position:relative;grid-template-columns:minmax(0,1fr) auto 44px;min-height:60px;height:auto;padding-top:0;gap:0 4px}
 .product-header-inner>.product-nav,.coinmadang-calculator-shell .topbar>.main-nav{display:none}
 .product-header-actions,.coinmadang-calculator-shell .header-actions{grid-column:2;grid-row:1}
 .product-header .mobile-navigation,.coinmadang-calculator-shell .mobile-navigation{display:block;grid-column:3;grid-row:1}
 .product-header .mobile-navigation>summary,.coinmadang-calculator-shell .mobile-navigation>summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer;border-radius:10px}
 .product-header .mobile-navigation>summary::-webkit-details-marker,.coinmadang-calculator-shell .mobile-navigation>summary::-webkit-details-marker{display:none}
 .product-header .mobile-navigation[open]>summary,.coinmadang-calculator-shell .mobile-navigation[open]>summary{background:var(--ui-accent-soft)}
 .product-header .mobile-nav-panel,.coinmadang-calculator-shell .mobile-nav-panel{position:absolute;z-index:100;top:calc(100% + 1px);left:0;right:0;width:auto;margin:0;padding:8px;border:1px solid var(--ui-line);border-radius:0 0 12px 12px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}
 .product-header .mobile-nav-panel,.coinmadang-calculator-shell .mobile-nav-panel .main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;overflow:visible}
 .coinmadang-calculator-shell .mobile-nav-panel .main-nav{margin:0;padding:0;border:0;background:transparent}
 .product-header .mobile-nav-panel a,.coinmadang-calculator-shell .mobile-nav-panel a{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:8px 12px;white-space:normal;color:var(--ui-text);text-decoration:none;font-size:13px}
 .product-header .mobile-navigation .community-nav>.community-submenu,.coinmadang-calculator-shell .mobile-navigation .community-nav>.community-submenu{min-width:0;max-width:calc(100% - 12px);border-radius:0;box-shadow:none;background:transparent;padding:0 0 0 8px}
 .product-header .mobile-navigation:not([open])>.mobile-nav-panel,.coinmadang-calculator-shell .mobile-navigation:not([open])>.mobile-nav-panel{display:none}
}
@keyframes community-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.community-account{width:78px;flex-basis:78px}.community-account summary,.community-account>[data-login]{font-size:11px;padding:0 5px;gap:4px}.language-trigger{min-width:44px;padding:0 7px;gap:4px}.language-trigger::before{display:none}.product-header-actions,.header-actions{gap:4px}.mobile-navigation .community-nav>.community-submenu{min-width:0;border-radius:0;box-shadow:none;background:transparent;padding:0 0 0 8px}}
@media(prefers-reduced-motion:reduce){.community-nav>.community-submenu{animation:none!important}.community-submenu a,.community-submenu button,.community-account summary{transition:none}}

@media(max-width:600px){
 .community-account{width:44px;flex-basis:44px}
 .community-account summary,.community-account>[data-login]{width:44px;padding:0;gap:0;font-size:0}
 .community-account [data-auth-name]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .community-account summary::before,.community-account>[data-login]::before{width:20px;height:20px;flex-basis:20px}
 .community-account .community-submenu{width:220px;max-width:calc(100vw - 28px);right:-96px}
 .coinmadang-calculator-shell .topbar{width:calc(100% - 28px)}
 .product-header .product-brand,.coinmadang-calculator-shell .brand{gap:6px;min-width:0}
 .product-header .brand-wordmark,.coinmadang-calculator-shell .brand-wordmark{width:104px;height:34px;max-width:100%}
 .product-header .brand-mark,.coinmadang-calculator-shell .brand-mark{width:26px;height:26px;flex-shrink:0}
}
@media(max-width:360px){.product-header .brand-wordmark,.coinmadang-calculator-shell .brand-wordmark{width:clamp(70px,calc(100vw - 250px),96px);height:30px}.product-header .product-brand,.coinmadang-calculator-shell .brand{gap:4px}}
