@charset "UTF-8";
/* 우물 할머니의 쪽지 카드(허브 "오늘 한눈에" 맨 위). 토큰은 theme/palja/css/tokens.css */
.hub-note { box-sizing: border-box; margin: 0 0 12px; padding: 16px 16px 14px; border-radius: var(--pm-r-card); background: radial-gradient(circle at 100% 0, #fde9c8 0, #fde9c8 38px, transparent 39px), #fffaf0; box-shadow: var(--pm-shadow-sm), inset 0 0 0 2px var(--pm-ink); }
.hub-note-k { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 8px; font-family: var(--pm-font-head); font-size: 17px; line-height: 1.3; color: var(--pm-fire-deep); }
.hub-note-k small { font-family: var(--pm-font-body); font-size: 12.5px; font-weight: 700; color: var(--pm-sub-text); }
.hub-note-ic { flex: none; }
.hub-note-line { margin: 0; font-family: var(--pm-font-head); font-size: 21px; line-height: 1.5; color: var(--pm-ink); overflow-wrap: anywhere; word-break: keep-all; }
.hub-note-friend { margin: 10px 0 0; border-radius: 14px; background: #fff0ec; font-size: 14.5px; line-height: 1.5; color: var(--pm-ink); overflow-wrap: anywhere; }
.hub-note-friend a { display: flex; align-items: center; box-sizing: border-box; min-height: 44px; padding: 8px 12px; color: inherit; text-decoration: none; }
.hub-note-friend a:hover, .hub-note-friend a:focus-visible { text-decoration: underline; }
.hub-note-sub { margin: 8px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--pm-sub-text); }
.hub-note-act { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; margin-top: 12px; }
.hub-note-act .pm-btn { box-sizing: border-box; min-height: 44px; font-size: 15px; padding: 8px 16px; }
.hub-note-act .psh { margin: 0; }
.hub-note--demo .hub-note-line { color: var(--pm-sub-text); }
@media (min-width: 641px) {
  .hub-note { padding: 18px 22px 16px; }
  .hub-note-line { font-size: 24px; }
}