/* 메뉴 7종은 같은 28 × 28 틀. BI는 같은 원본을 용도별로 확대한다. */
html:not(.brand-biz) .own-icon {
  width:28px; height:28px; display:inline-block; vertical-align:middle;
  flex-shrink:0; pointer-events:none; color:var(--accent,#425b46);
  --own-icon-accent:var(--own-terra,#9a6348);
  --own-icon-paper:var(--paper,#f5f2e9);
}
html:not(.brand-biz) .own-brand-mark { color:#425b46; }
html.dark:not(.brand-biz) .own-brand-mark { color:var(--accent,#cad4b5); }
html:not(.brand-biz) svg.logo.own-brand-mark { width:56px; height:56px; }
html:not(.brand-biz) .nav .ic:has(.own-icon) { position:relative; display:flex; align-items:center; justify-content:center; }
html:not(.brand-biz) .nav button .ic > .own-icon { width:28px; height:28px; }
html:not(.brand-biz) .own-calendar-number {
  position:absolute; right:-2px; bottom:-3px; min-width:17px; padding:1px 3px;
  color:var(--ink); background:var(--paper); border:1px solid var(--rule); border-radius:5px;
  font:600 9px/12px -apple-system,sans-serif; text-align:center;
}
html:not(.brand-biz) .own-calendar-number b { font:inherit; }
html:not(.brand-biz) .nav button.active .own-calendar-number { background:var(--accent2); }
html:not(.brand-biz) .sidebar :is(.letters-btn,.donate-side),
html:not(.brand-biz) .sidebar .status button[data-page="settings"] { min-width:36px; min-height:36px; }
html:not(.brand-biz) .letters-btn .lcnt { right:-2px; top:0; }
html:not(.brand-biz) .m-menu :is(.letters-btn.in-menu,.donate-side.in-menu) { display:flex; align-items:center; gap:10px; }
html:not(.brand-biz) .m-menu .status button[data-page="settings"] { gap:10px; }
html:not(.brand-biz) :is(.tag.goal,.legend) .own-icon { width:14px; height:14px; vertical-align:-2px; }
html:not(.brand-biz) [data-own-pictogram] .own-icon { color:#425b46; }
html:not(.brand-biz) .own-sr-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-height:520px) and (max-width:1100px) {
  html:not(.brand-biz) .nav button .ic > .own-icon { width:22px; height:22px; }
  html:not(.brand-biz) .own-calendar-number { font-size:8px; line-height:10px; min-width:15px; bottom:-2px; }
}
/* The same rooted tree is used on both brands and at every responsive size. */
.growth-tree-icon{width:28px;height:28px;display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none;fill:none;stroke:none;color:var(--accent)}
#tree-emoji .growth-tree-icon{width:64px;height:64px}
.tree-stage-icon .growth-tree-icon{width:24px;height:24px}