/* New Hope 7 — Modern SVG Icons v5.1.9
 * Visual-only. Compact icons, theme-aware, touch targets remain unchanged.
 */
.nh7-icon517{
  width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 auto;color:currentColor
}
.nh7-icon517-svg{
  width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round
}
.nh7-icon517-svg text{fill:currentColor;stroke:none;font-family:system-ui,-apple-system,sans-serif}
.nh7-icon517-text{display:inline-flex!important;align-items:center;justify-content:center;gap:6px}
.nh7-icon517-text>.nh7-icon517{width:18px;height:18px}
.nh7-icon517-label{min-width:0}
.nh7-icon517-only{display:inline-grid!important;place-items:center}
.nh7-icon517-only>.nh7-icon517{width:20px;height:20px}

/* Media Player: exact compact visual language approved in the preview. */
.nh7p500 .nh7-icon517{color:var(--nh7p-accent,var(--nh7-studio-accent,var(--brand,#1858a4)))}
.nh7p500-main .nh7-icon517{width:22px;height:22px}
.nh7p500-main .big .nh7-icon517{width:25px;height:25px}
.nh7p500-tools .nh7-icon517-slot,
.nh7p500-tools>.nh7-icon517{
  width:26px;height:26px;display:grid!important;place-items:center;margin:0 auto 3px;
  border-radius:9px;color:var(--nh7p-accent,var(--nh7-studio-accent,var(--brand,#1858a4)))
}
.nh7p500-tools .nh7-icon517-slot .nh7-icon517-svg{width:19px;height:19px}
.nh7p500-tools [data-speed]>.nh7-icon517{width:19px;height:19px;margin:0 auto 2px}
.nh7p500-tools [data-speed]>[data-rate]{font-size:.78rem!important;line-height:1!important}

/* Play/Pause is rendered as a pseudo SVG so the existing player can keep updating textContent safely. */
.nh7-icon517-dynamic-play{font-size:0!important;position:relative}
.nh7-icon517-dynamic-play::before{
  content:"";width:21px;height:21px;display:block;background:currentColor;
  -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 6.7v10.6c0 1.25 1.4 2 2.45 1.32l8-5.3a1.58 1.58 0 0 0 0-2.64l-8-5.3C9.9 4.7 8.5 5.45 8.5 6.7Z'/%3E%3C/svg%3E");
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 6.7v10.6c0 1.25 1.4 2 2.45 1.32l8-5.3a1.58 1.58 0 0 0 0-2.64l-8-5.3C9.9 4.7 8.5 5.45 8.5 6.7Z'/%3E%3C/svg%3E")
}
.nh7-icon517-dynamic-play[data-nh7-play-state517="pause"]::before{
  -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6.8' y='5.2' width='4' height='13.6' rx='1.4' fill='black'/%3E%3Crect x='13.2' y='5.2' width='4' height='13.6' rx='1.4' fill='black'/%3E%3C/svg%3E");
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6.8' y='5.2' width='4' height='13.6' rx='1.4' fill='black'/%3E%3Crect x='13.2' y='5.2' width='4' height='13.6' rx='1.4' fill='black'/%3E%3C/svg%3E")
}
.nh7p500-main .big.nh7-icon517-dynamic-play::before{width:25px;height:25px}

/* Favorite uses the same star silhouette while the existing code keeps updating its original glyph invisibly. */
.nh7p500 [data-favorite].nh7-icon517-favorite>[data-favorite-icon]{
  width:26px;height:26px;display:grid!important;place-items:center;margin:0 auto 3px;font-size:0!important;color:var(--nh7p-accent,var(--nh7-studio-accent,var(--brand,#1858a4)))
}
.nh7p500 [data-favorite].nh7-icon517-favorite>[data-favorite-icon]::before{
  content:"";width:19px;height:19px;background:currentColor;
  -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3.8 2.5 5.1 5.6.8-4.05 3.95.96 5.57L12 16.6l-5.01 2.62.96-5.57L3.9 9.7l5.6-.8L12 3.8Z'/%3E%3C/svg%3E");
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3.8 2.5 5.1 5.6.8-4.05 3.95.96 5.57L12 16.6l-5.01 2.62.96-5.57L3.9 9.7l5.6-.8L12 3.8Z'/%3E%3C/svg%3E")
}
.nh7p500 [data-favorite].on>[data-favorite-icon]{color:#d89b18!important}

/* Bible verse actions */
.verse-tools .nh7-icon517-text{min-height:36px}
.verse-tools .nh7-icon517-text>.nh7-icon517{color:var(--nh7-studio-accent,var(--brand,#1858a4))}
.verse-tools [data-bookmark].is-active>.nh7-icon517{color:#d89b18}

/* School controls */
.school-audio-card .nh7-icon517-text>.nh7-icon517,
.school-exam .nh7-icon517-text>.nh7-icon517,
.school-assignment .nh7-icon517-text>.nh7-icon517{color:var(--nh7-studio-accent,var(--brand,#1858a4))}
.inline-player-controls .nh7-icon517-only{font-size:0!important}
.inline-player-controls .nh7-icon517-only>.nh7-icon517{width:20px;height:20px}

/* Tactile style gives SVG icons the approved inset tile treatment without changing click logic. */
html[data-nh7-ui-style514="tactile"] .nh7p500-tools .nh7-icon517-slot,
html[data-nh7-ui-style514="tactile"] .nh7p500-tools>[data-speed]>.nh7-icon517,
html[data-nh7-ui-style514="tactile"] .nh7p500 [data-favorite]>[data-favorite-icon]{
  background:linear-gradient(160deg,color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 17%,#fff),color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 7%,transparent));
  border:1px solid color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 22%,transparent);
  box-shadow:inset 0 1px 0 #ffffff9c,0 4px 10px #0002
}

/* Keep icon size compact even when global text size is large. */
@media(max-width:430px){
  .nh7-icon517{width:20px;height:20px}
  .nh7p500-tools .nh7-icon517-slot,.nh7p500 [data-favorite]>[data-favorite-icon]{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){
  .nh7-icon517-dynamic-play::before{transition:none!important}
}


/* v518 — compact player controls.
   Theme/style may change color, depth and shape, but must not enlarge the player UI. */
.nh7p500{
  --nh7-control-icon:18px;
  --nh7-control-face:28px;
  --nh7-control-hit:36px;
}

/* Transport row: compact, centered and independent from app text scaling. */
.nh7p500-main{
  justify-content:center!important;
  gap:10px!important;
  margin:11px 0!important;
}
.nh7p500-main button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  flex:0 0 34px!important;
  font-size:13px!important;
}
.nh7p500-main .big{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  flex-basis:46px!important;
}
.nh7p500-main .nh7-icon517,
.nh7p500-main .nh7-icon517-dynamic-play::before{
  width:18px!important;height:18px!important
}
.nh7p500-main .big .nh7-icon517,
.nh7p500-main .big.nh7-icon517-dynamic-play::before{
  width:22px!important;height:22px!important
}

/* Quick tools: outer button is only a touch target; visual face hugs the icon. */
.nh7p500-tools{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  align-items:start!important;
}
.nh7p500-tools button{
  min-width:0!important;
  min-height:38px!important;
  height:auto!important;
  padding:2px 1px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:10px!important;
  font-size:11px!important;
}
.nh7p500-tools button small{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.12!important;
  min-height:10px;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important
}
.nh7p500-tools .nh7-icon517-slot,
.nh7p500-tools>[data-speed]>.nh7-icon517,
.nh7p500 [data-favorite]>[data-favorite-icon]{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  margin:0 auto 2px!important;
  border-radius:9px!important
}
.nh7p500-tools .nh7-icon517-slot .nh7-icon517-svg,
.nh7p500-tools>[data-speed]>.nh7-icon517 .nh7-icon517-svg,
.nh7p500 [data-favorite]>[data-favorite-icon]::before{
  width:18px!important;height:18px!important
}
.nh7p500-tools [data-speed]>[data-rate]{
  font-size:10px!important;
  line-height:1!important
}

/* Keep the visual face compact in every interface style. */
html[data-nh7-ui-style514="tactile"] .nh7p500-tools button,
html[data-nh7-ui-style514="glass"] .nh7p500-tools button,
html[data-nh7-ui-style514="minimal"] .nh7p500-tools button,
html[data-nh7-ui-style514="material"] .nh7p500-tools button,
html[data-nh7-ui-style514="outline"] .nh7p500-tools button,
html[data-nh7-ui-style514="pill"] .nh7p500-tools button{
  min-height:38px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important
}

/* Style differences move to the 28px icon face instead of inflating the whole button. */
html[data-nh7-ui-style514="glass"] .nh7p500-tools .nh7-icon517-slot,
html[data-nh7-ui-style514="glass"] .nh7p500-tools>[data-speed]>.nh7-icon517,
html[data-nh7-ui-style514="glass"] .nh7p500 [data-favorite]>[data-favorite-icon]{
  background:linear-gradient(180deg,#ffffff55,#ffffff20)!important;
  border:1px solid #ffffff78!important;
  box-shadow:inset 0 1px #ffffff90,0 3px 8px #0001!important
}
html[data-nh7-ui-style514="minimal"] .nh7p500-tools .nh7-icon517-slot,
html[data-nh7-ui-style514="minimal"] .nh7p500-tools>[data-speed]>.nh7-icon517,
html[data-nh7-ui-style514="minimal"] .nh7p500 [data-favorite]>[data-favorite-icon]{
  background:transparent!important;border:0!important;box-shadow:none!important
}
html[data-nh7-ui-style514="material"] .nh7p500-tools .nh7-icon517-slot,
html[data-nh7-ui-style514="material"] .nh7p500-tools>[data-speed]>.nh7-icon517,
html[data-nh7-ui-style514="material"] .nh7p500 [data-favorite]>[data-favorite-icon]{
  background:var(--nh7p-card,var(--card,#fff))!important;
  border:0!important;box-shadow:0 2px 6px #0002!important
}
html[data-nh7-ui-style514="outline"] .nh7p500-tools .nh7-icon517-slot,
html[data-nh7-ui-style514="outline"] .nh7p500-tools>[data-speed]>.nh7-icon517,
html[data-nh7-ui-style514="outline"] .nh7p500 [data-favorite]>[data-favorite-icon]{
  background:transparent!important;
  border:1px solid var(--nh7p-accent,var(--accent,#1858a4))!important;
  box-shadow:none!important
}
html[data-nh7-ui-style514="pill"] .nh7p500-tools .nh7-icon517-slot,
html[data-nh7-ui-style514="pill"] .nh7p500-tools>[data-speed]>.nh7-icon517,
html[data-nh7-ui-style514="pill"] .nh7p500 [data-favorite]>[data-favorite-icon]{
  border-radius:999px!important;
  background:color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 10%,var(--nh7p-card,var(--card,#fff)))!important;
  border:1px solid color-mix(in srgb,var(--nh7p-accent,var(--accent,#1858a4)) 20%,transparent)!important;
  box-shadow:none!important
}

/* Header/social/mini controls remain compact even at 120–140% text size. */
.nh7p500-head button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:17px!important}
.nh7p500-social{gap:5px!important}
.nh7p500-social button{min-height:30px!important;padding:0 8px!important;font-size:11px!important}
.nh7p500-social b{font-size:10px!important}
.nh7p500-actions button{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
.nh7p500-actions .nh7-icon517-dynamic-play::before{width:16px!important;height:16px!important}

/* Player typography is deliberately decoupled from Appearance text-size preference. */
.nh7p500-copy strong{font-size:13px!important}
.nh7p500-copy small{font-size:10px!important}
.nh7p500-meta strong{font-size:18px!important}
.nh7p500-meta small{font-size:12px!important}
.nh7p500-time{font-size:10px!important}
.nh7p500-panel-head strong{font-size:12px!important}
.nh7p500-queue-item b{font-size:10px!important}
.nh7p500-queue-item small{font-size:8px!important}

/* Small-screen layout stays balanced without changing the 4-column tool structure. */
@media(max-width:390px){
  .nh7p500-main{gap:8px!important}
  .nh7p500-tools{gap:4px!important}
  .nh7p500-tools button{min-height:36px!important}
  .nh7p500-tools .nh7-icon517-slot,
  .nh7p500-tools>[data-speed]>.nh7-icon517,
  .nh7p500 [data-favorite]>[data-favorite-icon]{
    width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important
  }
}


/* v519 — single-layer compact colorful player controls */

/* Hide player-owned glyph text completely and center the SVG pseudo icon. */
.nh7-icon517-dynamic-play{
  position:relative!important;
  overflow:hidden!important;
  color:transparent!important;
  text-indent:-9999px!important;
  line-height:0!important
}
.nh7-icon517-dynamic-play::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  width:19px!important;
  height:19px!important;
  background:var(--nh7-play-icon-color,var(--nh7p-accent,var(--accent,#1858a4)))!important
}
.nh7p500-main .big.nh7-icon517-dynamic-play,
.nh7p500-actions .nh7p500-play.nh7-icon517-dynamic-play{
  --nh7-play-icon-color:#fff
}
.nh7p500-main .big.nh7-icon517-dynamic-play::before{width:22px!important;height:22px!important}
.nh7p500-actions .nh7p500-play.nh7-icon517-dynamic-play::before{width:16px!important;height:16px!important}

/* Exact compact two-row grid: no stretched empty cards. */
.nh7p500-tools{
  grid-template-columns:repeat(4,64px)!important;
  justify-content:center!important;
  justify-items:center!important;
  column-gap:7px!important;
  row-gap:6px!important;
  margin-inline:auto!important
}
.nh7p500-tools button{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  min-height:48px!important;
  padding:4px 3px 3px!important;
  display:grid!important;
  grid-template-rows:24px auto!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px!important;
  border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--nh7-tool-color,var(--nh7p-accent,var(--accent,#1858a4))) 18%,transparent)!important;
  background:color-mix(in srgb,var(--nh7-tool-color,var(--nh7p-accent,var(--accent,#1858a4))) 7%,var(--nh7p-card,var(--card,#fff)))!important;
  box-shadow:0 3px 8px #00000012!important;
  color:var(--nh7-tool-color,var(--nh7p-accent,var(--accent,#1858a4)))!important
}
.nh7p500-tools button small{
  width:100%!important;
  margin:0!important;
  font-size:9px!important;
  line-height:1.15!important;
  color:var(--nh7p-text,var(--ink,#17364e))!important;
  opacity:.88!important;
  text-align:center!important
}

/* The icon itself is the graphic. Remove the inner white "button inside button". */
.nh7p500-tools .nh7-icon517-slot,
.nh7p500-tools>[data-speed]>.nh7-icon517,
.nh7p500 [data-favorite]>[data-favorite-icon],
.nh7p500 [data-mute-icon]{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--nh7-tool-color,var(--nh7p-accent,var(--accent,#1858a4)))!important;
  font-size:0!important
}
.nh7p500-tools .nh7-icon517-slot .nh7-icon517-svg,
.nh7p500-tools>[data-speed]>.nh7-icon517 .nh7-icon517-svg,
.nh7p500 [data-favorite]>[data-favorite-icon]::before{
  width:19px!important;height:19px!important
}

/* Dynamic volume glyph is visually replaced, while player logic can keep changing its text. */
.nh7p500 [data-mute-icon].nh7-icon517-slot-dynamic{
  position:relative!important;
  text-indent:-9999px!important;
  overflow:hidden!important
}
.nh7p500 [data-mute-icon].nh7-icon517-slot-dynamic::before{
  content:"";width:19px;height:19px;display:block;background:currentColor;
  -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 10h3l4-3.2v10.4L8 14H5v-4Zm10-1c1.5 1.5 1.5 4.5 0 6m2.6-8.4c3 3 3 7.8 0 10.8'/%3E%3C/svg%3E");
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 10h3l4-3.2v10.4L8 14H5v-4Zm10-1c1.5 1.5 1.5 4.5 0 6m2.6-8.4c3 3 3 7.8 0 10.8'/%3E%3C/svg%3E")
}

/* Semantic colors make the graphic icons visually distinct without nesting extra button surfaces. */
.nh7p500-tools [data-speed]{--nh7-tool-color:#0f8a8a}
.nh7p500-tools [data-p500-bible]{--nh7-tool-color:#2563eb}
.nh7p500-tools [data-mute]{--nh7-tool-color:#7c3aed}
.nh7p500-tools [data-favorite]{--nh7-tool-color:#d99000}
.nh7p500-tools [data-note]{--nh7-tool-color:#8b5cf6}
.nh7p500-tools [data-download]{--nh7-tool-color:#0284c7}
.nh7p500-tools [data-p500-share]{--nh7-tool-color:#0891b2}
.nh7p500-tools [data-queue]{--nh7-tool-color:#4f46e5}
.nh7p500-tools [data-favorite].on{--nh7-tool-color:#d97706}
.nh7p500-tools [data-download].complete{--nh7-tool-color:#16a34a}

/* Style choice changes only the single outer button, not a second icon-card. */
html[data-nh7-ui-style514="tactile"] .nh7p500-tools button{
  box-shadow:0 4px 9px #0000001c,inset 0 1px 0 #ffffffa8!important
}
html[data-nh7-ui-style514="glass"] .nh7p500-tools button{
  background:color-mix(in srgb,var(--nh7-tool-color) 7%,#ffffff68)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  border-color:#ffffff7d!important;
  box-shadow:inset 0 1px #ffffff9a,0 3px 9px #0001!important
}
html[data-nh7-ui-style514="minimal"] .nh7p500-tools button{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important
}
html[data-nh7-ui-style514="material"] .nh7p500-tools button{
  background:color-mix(in srgb,var(--nh7-tool-color) 6%,var(--nh7p-card,var(--card,#fff)))!important;
  border-color:transparent!important;box-shadow:0 2px 5px #0002!important
}
html[data-nh7-ui-style514="outline"] .nh7p500-tools button{
  background:transparent!important;border:1px solid color-mix(in srgb,var(--nh7-tool-color) 55%,transparent)!important;box-shadow:none!important
}
html[data-nh7-ui-style514="pill"] .nh7p500-tools button{
  border-radius:999px!important;
  background:color-mix(in srgb,var(--nh7-tool-color) 8%,var(--nh7p-card,var(--card,#fff)))!important;
  border-color:color-mix(in srgb,var(--nh7-tool-color) 20%,transparent)!important;
  box-shadow:none!important
}

/* Center transport icons perfectly. */
.nh7p500-main button,
.nh7p500-actions button{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important
}
.nh7p500-main .nh7-icon517,
.nh7p500-actions .nh7-icon517{
  margin:0!important
}

/* Social buttons: one clean button + one colored graphic icon. */
.nh7p500-social button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important
}
.nh7p500-social button>span:first-child{
  width:18px!important;height:18px!important;min-width:18px!important;
  margin:0!important;display:grid!important;place-items:center!important;
  background:transparent!important;border:0!important;box-shadow:none!important
}
.nh7p500-social [data-like-label],
.nh7p500-social [data-bless-label]{
  width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;
  margin:0!important;display:inline-block!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  line-height:1.1!important
}
.nh7p500-social .nh7-icon517-social-slot .nh7-icon517-svg{width:17px!important;height:17px!important}
.nh7p500-social [data-p500-like]{color:#e11d48!important}
.nh7p500-social [data-p500-bless]{color:#a855f7!important}
.nh7p500-social [data-like-icon].nh7-icon517-social-slot{
  font-size:0!important;position:relative;overflow:hidden
}
.nh7p500-social [data-like-icon].nh7-icon517-social-slot::before{
  content:"";width:17px;height:17px;background:currentColor;display:block;
  -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 20.1s-7-4.3-7-9.3A4.1 4.1 0 0 1 12 8a4.1 4.1 0 0 1 7 2.8c0 5-7 9.3-7 9.3Z'/%3E%3C/svg%3E");
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 20.1s-7-4.3-7-9.3A4.1 4.1 0 0 1 12 8a4.1 4.1 0 0 1 7 2.8c0 5-7 9.3-7 9.3Z'/%3E%3C/svg%3E")
}

/* Mobile keeps 4 columns but with tight spacing. */
@media(max-width:390px){
  .nh7p500-tools{grid-template-columns:repeat(4,61px)!important;column-gap:6px!important;row-gap:5px!important}
  .nh7p500-tools button{width:61px!important;min-width:61px!important;max-width:61px!important}
}


/* v519 transport graphics: balanced semantic colors and centered faces. */
.nh7p500-main [data-prev]{color:#2563eb!important;background:color-mix(in srgb,#2563eb 8%,transparent)!important}
.nh7p500-main [data-back]{color:#0f8a8a!important;background:color-mix(in srgb,#0f8a8a 8%,transparent)!important}
.nh7p500-main [data-forward]{color:#0891b2!important;background:color-mix(in srgb,#0891b2 8%,transparent)!important}
.nh7p500-main [data-next]{color:#4f46e5!important;background:color-mix(in srgb,#4f46e5 8%,transparent)!important}
.nh7p500-main .big{color:transparent!important;background:var(--nh7p-accent,var(--accent,#1858a4))!important}


/* Integrated v523 download state: dynamic percentage/check overrides the idle SVG face. */
.nh7p500-tools [data-download].is-downloading [data-download-icon]{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  display:grid!important;place-items:center!important;
  font-size:9px!important;font-weight:900!important;line-height:1!important;
  color:#0284c7!important;background:transparent!important;border:0!important;box-shadow:none!important
}
.nh7p500-tools [data-download].is-downloaded{
  --nh7-tool-color:#16a34a!important;
  background:color-mix(in srgb,#16a34a 9%,var(--nh7p-card,var(--card,#fff)))!important;
  border-color:color-mix(in srgb,#16a34a 28%,transparent)!important
}
.nh7p500-tools [data-download].is-downloaded [data-download-icon]{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  display:grid!important;place-items:center!important;
  font-size:17px!important;font-weight:950!important;line-height:1!important;
  color:#16a34a!important;background:transparent!important;border:0!important;box-shadow:none!important
}


/* v525 — favorite star has a real OFF/ON visual state. */
.nh7p500 [data-favorite].nh7-icon517-favorite>[data-favorite-icon]::before{
  background:currentColor!important;
  -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round' d='m12 3.8 2.5 5.1 5.6.8-4.05 3.95.96 5.57L12 16.6l-5.01 2.62.96-5.57L3.9 9.7l5.6-.8L12 3.8Z'/%3E%3C/svg%3E")!important;
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round' d='m12 3.8 2.5 5.1 5.6.8-4.05 3.95.96 5.57L12 16.6l-5.01 2.62.96-5.57L3.9 9.7l5.6-.8L12 3.8Z'/%3E%3C/svg%3E")!important;
  transition:transform .14s ease,color .14s ease!important;
}
.nh7p500 [data-favorite].on>[data-favorite-icon]::before{
  background:#d97706!important;
  -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3.8 2.5 5.1 5.6.8-4.05 3.95.96 5.57L12 16.6l-5.01 2.62.96-5.57L3.9 9.7l5.6-.8L12 3.8Z'/%3E%3C/svg%3E")!important;
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3.8 2.5 5.1 5.6.8-4.05 3.95.96 5.57L12 16.6l-5.01 2.62.96-5.57L3.9 9.7l5.6-.8L12 3.8Z'/%3E%3C/svg%3E")!important;
  transform:scale(1.08)
}


/* v529 — keep Like / Blessings text inside its pill in FA / EN / HR. */
.nh7p500-social{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
  width:100%!important;
  align-items:stretch!important;
}
.nh7p500-social button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:36px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  overflow:hidden!important;
  font-size:clamp(10px,2.7vw,12px)!important;
  line-height:1.1!important;
}
.nh7p500-social [data-like-label],
.nh7p500-social [data-bless-label]{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
.nh7p500-social [data-like-count]{
  flex:0 0 auto!important;
  min-width:auto!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1!important
}
@media(max-width:360px){
  .nh7p500-social{gap:5px!important}
  .nh7p500-social button{padding:0 7px!important;font-size:10px!important;gap:4px!important}
  .nh7p500-social button>span:first-child{width:16px!important;height:16px!important;min-width:16px!important}
  .nh7p500-social .nh7-icon517-social-slot .nh7-icon517-svg{width:15px!important;height:15px!important}
}