/* Collection marks: small identity details, with a calm editor in the Grove. */
.hh-author-badges { display:inline-flex; align-items:center; flex-wrap:wrap; gap:3px; max-width:100%; vertical-align:middle; }
.hh-author-badges .hh-verified { flex:none; }
.hh-mark-set { display:inline-flex; align-items:center; flex-wrap:wrap; gap:2px; }
.hh-mark-set:empty { display:none; }
.hh-mark-trigger { position:relative; display:inline-grid; place-items:center; flex:none; width:31px; height:31px; padding:2px; border:1px solid transparent; border-radius:10px; background:transparent; color:inherit; cursor:pointer; touch-action:manipulation; transition:background 150ms ease,border-color 150ms ease,transform 150ms ease; }
.hh-mark-trigger img { display:block; width:25px; height:25px; object-fit:contain; transition:transform 180ms cubic-bezier(.2,.7,.2,1),filter 180ms ease; }
.hh-mark-trigger:is(:hover,[aria-expanded="true"]) { background:#a8cb8720; border-color:#8db26955; transform:translateY(-1px); }
.hh-mark-trigger:is(:hover,[aria-expanded="true"]) img { transform:scale(1.14); filter:drop-shadow(0 2px 6px #4d7a3a4d); }
.hh-mark-trigger:focus-visible { outline:2px solid #78ae47; outline-offset:2px; }
.hh-identity > .hh-author-badges { justify-content:center; margin-top:7px; }
.hh-author-line { display:flex; align-items:center; flex-wrap:wrap; gap:3px 6px; min-width:0; }
.hh-profile-identity h1 .hh-author-badges { margin-left:5px; }

.hh-mark-popover,.hh-marks-dialog { --mark-surface:#f9fcf6; --mark-surface-deep:#eaf2e4; --mark-ink:#1a3022; --mark-muted:#5c705f; --mark-line:#68845b45; --mark-accent:#427a32; --mark-highlight:#e7f7d2; color:var(--mark-ink); font-family:Inter,Arial,sans-serif; }
html[data-theme="dark"] :is(.hh-mark-popover,.hh-marks-dialog) { --mark-surface:#0d2019; --mark-surface-deep:#132c21; --mark-ink:#edf4e9; --mark-muted:#abc0ac; --mark-line:#b8d4aa38; --mark-accent:#c3e89d; --mark-highlight:#a6d37d21; }
.hh-mark-popover *,.hh-marks-dialog * { box-sizing:border-box; }
.hh-mark-popover button,.hh-marks-dialog button { font:inherit; cursor:pointer; touch-action:manipulation; }
.hh-mark-popover :is(button,a):focus-visible,.hh-marks-dialog :is(button,a):focus-visible { outline:2px solid var(--mark-accent); outline-offset:2px; }

.hh-mark-popover { position:fixed; z-index:1300; display:grid; grid-template-columns:66px minmax(0,1fr); gap:13px; width:min(310px,calc(100vw - 20px)); padding:17px 17px 16px; border:1px solid var(--mark-line); border-radius:16px; background:linear-gradient(145deg,var(--mark-surface),var(--mark-surface-deep)); box-shadow:0 15px 40px #001b122b,inset 0 1px #ffffff2b; overflow-wrap:anywhere; }
.hh-mark-popover[hidden] { display:none!important; }
.hh-mark-popover { animation:hh-mark-pop 220ms cubic-bezier(.2,.85,.3,1.15) both; }
@keyframes hh-mark-pop { from { opacity:0; transform:translateY(7px) scale(.96); } to { opacity:1; transform:none; } }
html[data-theme="dark"] .hh-mark-popover { box-shadow:0 18px 48px #0009,inset 0 1px #f0ffe914; }
.hh-mark-popover-close { position:absolute; top:7px; right:8px; display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--mark-muted); font-size:22px!important; line-height:1; }
.hh-mark-popover-close:hover { background:var(--mark-highlight); color:var(--mark-ink); }
.hh-mark-popover-art { display:grid; place-items:center; align-self:start; width:66px; height:70px; margin-top:6px; border:1px solid var(--mark-line); border-radius:12px; background:radial-gradient(circle at 50% 35%,#badf9860,transparent 72%),var(--mark-surface-deep); }
.hh-mark-popover-art img { display:block; width:59px; height:59px; object-fit:contain; }
.hh-mark-popover-copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding-right:8px; }
.hh-mark-eyebrow { color:var(--mark-accent); font-size:10px; font-weight:750; line-height:1.35; letter-spacing:.12em; }
.hh-mark-popover-copy > strong { display:block; margin:5px 0 4px; font-size:16px; line-height:1.2; letter-spacing:-.02em; }
.hh-mark-level { display:inline-flex; align-items:center; min-height:22px; padding:2px 7px; border:1px solid var(--mark-line); border-radius:999px; background:var(--mark-highlight); color:var(--mark-accent); font-size:11px; font-weight:700; }
.hh-mark-popover-copy p { margin:11px 0 9px; color:var(--mark-ink); font-size:11px; line-height:1.5; }
.hh-mark-popover-copy small { color:var(--mark-muted); font-size:11px; line-height:1.45; }

.hh-marks-dialog { box-sizing:border-box; width:min(760px,calc(100vw - 24px)); max-width:760px; max-height:calc(100dvh - 24px); margin:auto; padding:0; overflow:auto; border:1px solid var(--mark-line); border-radius:20px; background:var(--mark-surface); box-shadow:0 28px 90px #00150d7a; overscroll-behavior:contain; }
.hh-marks-dialog::backdrop { background:#00150dbb; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
.hh-marks-dialog[open] { animation:hh-marks-dialog-in 320ms cubic-bezier(.17,.84,.26,1) both; }
.hh-marks-dialog[open]::backdrop { animation:hh-mark-fade 280ms ease-out both; }
@keyframes hh-marks-dialog-in { from { opacity:0; transform:translateY(14px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes hh-mark-fade { from { opacity:0; } to { opacity:1; } }
.hh-mark-choice-art img,.hh-mark-slot > img { transition:transform 200ms cubic-bezier(.2,.7,.2,1); }
.hh-mark-choice:not(:disabled):hover .hh-mark-choice-art img { transform:scale(1.1); }
.hh-marks-panel { min-width:0; padding:30px 32px 25px; background:radial-gradient(ellipse 50% 24% at 100% 0%,#a6d37d1c,transparent 90%),linear-gradient(155deg,var(--mark-surface),var(--mark-surface-deep)); }
.hh-marks-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.hh-marks-head > div { min-width:0; }
.hh-marks-eyebrow { display:block; margin:0 0 10px; color:var(--mark-accent); font-size:10px; font-weight:750; line-height:1.3; letter-spacing:.19em; }
.hh-marks-head h2,.hh-marks-loading h2 { margin:0; color:var(--mark-ink); font:600 clamp(30px,4vw,43px)/1.08 var(--font-display,Inter),Inter,sans-serif; letter-spacing:-.035em; }
.hh-marks-head h2 span { color:var(--mark-accent); }
.hh-marks-head p,.hh-marks-loading p { max-width:550px; margin:9px 0 0; color:var(--mark-muted); font-size:13px; line-height:1.55; }
.hh-marks-close { flex:none; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid var(--mark-line); border-radius:50%; background:var(--mark-surface); color:var(--mark-muted); font-size:25px!important; line-height:1; }
.hh-marks-close:hover { background:var(--mark-highlight); color:var(--mark-ink); }
.hh-marks-selected { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:25px; }
.hh-mark-slot { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:128px; padding:13px 8px 9px; border:1px solid var(--mark-line); border-radius:13px; background:linear-gradient(150deg,var(--mark-highlight),transparent 70%); text-align:center; }
.hh-mark-slot.is-empty { border-style:dashed; background:transparent; color:var(--mark-muted); }
.hh-mark-slot-number,.hh-mark-slot.is-empty > span { position:absolute; left:10px; top:8px; color:var(--mark-muted); font-size:9px; font-weight:700; letter-spacing:.1em; }
.hh-mark-slot > img { width:42px; height:42px; margin:0 0 5px; object-fit:contain; }
.hh-mark-slot > strong { max-width:100%; overflow-wrap:anywhere; color:var(--mark-ink); font-size:11px; line-height:1.3; }
.hh-mark-slot.is-empty > small { color:var(--mark-muted); font-size:11px; }
.hh-mark-slot-actions { display:flex; justify-content:center; gap:4px; margin-top:5px; }
.hh-mark-slot-actions button { display:grid; place-items:center; width:27px; height:25px; padding:0; border:0; border-radius:6px; background:transparent; color:var(--mark-accent); font-size:17px; line-height:1; }
.hh-mark-slot-actions button:is(:hover,:focus-visible) { background:var(--mark-highlight); }
.hh-mark-slot-actions button:disabled { opacity:.3; cursor:default; }
.hh-marks-check { margin:10px 0 22px; color:var(--mark-muted); font-size:11px; line-height:1.4; }
.hh-marks-list-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-top:16px; border-top:1px solid var(--mark-line); }
.hh-marks-list-head strong { color:var(--mark-ink); font-size:13px; }
.hh-marks-list-head span { color:var(--mark-muted); font-size:11px; white-space:nowrap; }
.hh-marks-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:11px; }
.hh-mark-choice { display:flex; align-items:center; gap:11px; width:100%; min-width:0; min-height:78px; padding:9px 11px; border:1px solid var(--mark-line); border-radius:11px; background:var(--mark-surface); color:var(--mark-ink); text-align:left; transition:border-color 150ms ease,background 150ms ease,transform 150ms ease; }
.hh-mark-choice:not(:disabled):hover { border-color:var(--mark-accent); background:var(--mark-highlight); transform:translateY(-1px); }
.hh-mark-choice.is-selected { border-color:var(--mark-accent); background:var(--mark-highlight); }
.hh-mark-choice:disabled { opacity:.56; cursor:default; }
.hh-mark-choice-art { flex:none; display:grid; place-items:center; width:50px; height:50px; border:1px solid var(--mark-line); border-radius:10px; background:var(--mark-surface-deep); }
.hh-mark-choice-art img { display:block; width:46px; height:46px; object-fit:contain; }
.hh-mark-choice-copy { display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.hh-mark-choice-copy strong { overflow-wrap:anywhere; color:var(--mark-ink); font-size:12px; line-height:1.25; }
.hh-mark-choice-copy small { color:var(--mark-muted); font-size:11px; line-height:1.25; }
.hh-mark-choice-copy em { color:var(--mark-muted); font-size:11px; font-style:normal; line-height:1.25; }
.hh-mark-choice-state { flex:none; color:var(--mark-accent); font-size:11px; font-weight:750; }
.hh-marks-message { min-height:19px; margin:10px 0 0; color:var(--mark-accent); font-size:11px; line-height:1.5; }
.hh-marks-footer { position:sticky; bottom:-25px; z-index:1; display:flex; justify-content:flex-end; gap:9px; margin:8px -32px -25px; padding:14px 32px calc(15px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--mark-line); background:var(--mark-surface); }
.hh-marks-footer button { min-height:42px; padding:0 16px; border-radius:9px; font-size:12px; font-weight:700; }
.hh-marks-cancel { border:1px solid var(--mark-line); background:transparent; color:var(--mark-muted); }
.hh-marks-save { border:1px solid var(--mark-accent); background:var(--mark-accent); color:var(--mark-surface); }
.hh-marks-save:disabled { opacity:.48; cursor:default; }
.hh-marks-loading { min-height:245px; }
.hh-marks-loading > .hh-marks-close { float:right; }
.hh-marks-loading h2 { clear:both; margin-top:26px; }
.hh-marks-loading > .hh-marks-save { min-height:40px; margin-top:18px; padding:0 15px; border-radius:8px; }

@media (max-width:700px) {
  .hh-live .post-author-meta > div,.hh-author-line { row-gap:2px; }
  .hh-mark-trigger { width:44px; height:44px; padding:8px; }
  .hh-mark-trigger img { width:25px; height:25px; }
  .hh-mark-popover-close { top:2px; right:2px; width:44px; height:44px; }
  .hh-mark-popover-copy { padding-right:19px; }
  .hh-marks-dialog { width:calc(100vw - 12px); max-height:calc(100dvh - 12px); border-radius:17px; }
  .hh-marks-panel { padding:22px 20px 16px; }
  .hh-marks-close { width:44px; height:44px; }
  .hh-marks-head h2,.hh-marks-loading h2 { font-size:32px; }
  .hh-marks-selected { grid-template-columns:1fr; gap:7px; margin-top:19px; }
  .hh-mark-slot { flex-direction:row; justify-content:flex-start; gap:9px; min-height:60px; padding:7px 9px 7px 32px; text-align:left; }
  .hh-mark-slot-number,.hh-mark-slot.is-empty > span { left:10px; top:50%; transform:translateY(-50%); }
  .hh-mark-slot > img { flex:none; width:39px; height:39px; margin:0; }
  .hh-mark-slot > strong { flex:1; font-size:12px; }
  .hh-mark-slot.is-empty > small { margin-left:9px; }
  .hh-mark-slot-actions { flex:none; margin:0 0 0 auto; }
  .hh-mark-slot-actions button { width:40px; height:44px; }
  .hh-marks-check { margin:8px 0 16px; }
  .hh-marks-list { grid-template-columns:1fr; }
  .hh-marks-footer { bottom:-16px; margin:8px -20px -16px; padding:11px 20px calc(11px + env(safe-area-inset-bottom,0px)); }
  .hh-marks-footer button { min-height:44px; }
}
@media (max-width:360px) {
  .hh-marks-panel { padding-inline:14px; }
  .hh-marks-head h2,.hh-marks-loading h2 { font-size:29px; }
  .hh-mark-slot-actions button { width:36px; }
  .hh-mark-choice { gap:8px; padding-inline:8px; }
  .hh-mark-choice-art { width:44px; height:44px; }
  .hh-mark-choice-art img { width:41px; height:41px; }
  .hh-marks-footer { margin-inline:-14px; padding-inline:14px; }
}
@media (prefers-reduced-motion:reduce) { .hh-mark-trigger,.hh-mark-choice,.hh-mark-trigger img,.hh-mark-choice-art img,.hh-mark-slot > img { transition:none; } .hh-mark-popover,.hh-marks-dialog[open],.hh-marks-dialog[open]::backdrop { animation:none; } .hh-mark-trigger:is(:hover,[aria-expanded="true"]) img,.hh-mark-choice:not(:disabled):hover .hh-mark-choice-art img { transform:none; } }
html.low-effects .hh-mark-popover,html.low-effects .hh-marks-dialog[open],html.low-effects .hh-marks-dialog[open]::backdrop { animation:none; }
html.low-effects .hh-marks-dialog::backdrop { backdrop-filter:none; -webkit-backdrop-filter:none; }
@media (prefers-reduced-transparency:reduce) { .hh-marks-dialog::backdrop { backdrop-filter:none; -webkit-backdrop-filter:none; } }
@media (forced-colors:active) { .hh-mark-popover,.hh-marks-dialog,.hh-mark-trigger,.hh-mark-choice,.hh-mark-slot { border:1px solid CanvasText; } }
/* The golden verification leaf belongs beside the name; collection medals sit by the handle. */
.hh-founder-seal{display:inline-flex!important;align-items:center;justify-content:center;width:25px;height:27px;vertical-align:middle;flex:0 0 25px;filter:drop-shadow(0 1px 2px #94752320);border-radius:7px}.hh-founder-seal img{display:block;width:24px;height:24px;object-fit:contain}.hh-profile-identity h1 .hh-founder-seal{width:33px;height:36px;flex-basis:33px}.hh-profile-identity h1 .hh-founder-seal img{width:31px;height:31px}.hh-medal-glass:not(.is-empty){display:inline-flex;vertical-align:middle;padding:2px 5px;border-radius:9px;border:1px solid #78917426;background:linear-gradient(135deg,#ffffffa1,#cfdec744);box-shadow:inset 0 1px #fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);gap:3px;margin-inline:4px}.hh-medal-glass .hh-mark-trigger{width:23px;height:24px;min-width:23px;padding:0}.hh-medal-glass .hh-mark-trigger img{width:21px;height:21px}.hh-profile-handle-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-author-meta>p{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.post-author-meta>div:first-child{display:flex;align-items:center;gap:5px}.hh-identity>.hh-founder-seal{position:relative;margin-top:-2px;margin-bottom:5px}html[data-theme=dark] .hh-medal-glass:not(.is-empty){background:linear-gradient(135deg,#c1dbb321,#6e8b5c16);border-color:#c1dbb325;box-shadow:inset 0 1px #ffffff17}.hh-founder-seal:focus-visible{outline:2px solid #c39b46;outline-offset:3px}@media(prefers-reduced-transparency:reduce){.hh-medal-glass:not(.is-empty){background:#e7eee0;backdrop-filter:none}html[data-theme=dark] .hh-medal-glass:not(.is-empty){background:#26342b}}@media(max-width:767px){.hh-founder-seal{width:22px;height:24px;flex-basis:22px}.hh-founder-seal img{width:22px;height:22px}.hh-medal-glass .hh-mark-trigger,.hh-medal-glass .hh-mark-trigger img{width:20px;height:20px;min-width:20px}.hh-medal-glass:not(.is-empty){padding:2px 4px;gap:2px}.post-author-meta>p{gap:3px}}