/* T_TASTE_BRAND_20261002 begin — shared book/page mark; existing UI palette retained. */
.brand { gap:11px; letter-spacing:-1px; align-items:center; }
.brand .brand-mark { display:block; width:40px; height:40px; flex:0 0 40px; }
.brand-mark img { display:block; width:100%; height:100%; }
.brand .brand-wordmark { display:block; font-size:25px; font-weight:600; line-height:1.25; }
.brand .brand-wordmark small { margin-top:5px; padding-left:2px; font-size:8px; font-weight:500; line-height:1.2; letter-spacing:2.1px; }
.portal-top .brand { gap:11px; }
.portal-top .brand-mark { width:40px; height:40px; }
.sidebar .brand { padding:0 2px; gap:10px; }
.sidebar .brand-mark { flex-basis:38px; width:38px; height:38px; }
.sidebar .brand-wordmark { font-size:24px; }
.brand:hover .brand-wordmark { color:var(--wine-dark); }
@media(max-width:700px) {
  .portal-top .brand { gap:9px; }
  .portal-top .brand-mark { width:35px; height:35px; flex-basis:35px; }
  .portal-top .brand-wordmark { font-size:24px; }
  .portal-top .brand-wordmark small { font-size:7px; letter-spacing:1.7px; margin-top:4px; }
}
@media(max-width:365px) {
  .portal-top .brand { gap:7px; }
  .portal-top .brand-mark { width:32px; height:32px; flex-basis:32px; }
  .portal-top .brand-wordmark { font-size:22px; }
  .portal-top .brand-wordmark small { font-size:6.5px; letter-spacing:1.5px; }
}
/* T_TASTE_BRAND_20261002 end */