:root {
  --ytvbg-ink: #172033;
  --ytvbg-muted: #647084;
  --ytvbg-line: #e2e8ef;
  --ytvbg-soft: #f7f9fb;
  --ytvbg-green: #147a68;
  --ytvbg-blue: #256b9a;
  --ytvbg-red: #ca4c36;
  --ytvbg-gold: #d8a126;
  --ytvbg-black: #111111;
  --ytvbg-bar-color: #111111;
  --ytvbg-btn-bg: #111111;
}

.ytvbg-block,
.post_content .ytvbg-block,
.editor-styles-wrapper .ytvbg-block {
  box-sizing: border-box;
  width: 100%;
  max-width: 820px;
  margin: 1.45em 0;
  color: var(--ytvbg-ink);
  font-size: 15px;
  line-height: 1.68;
}

.post_content .ytvbg-block,
.editor-styles-wrapper .ytvbg-block {
  margin-right: auto;
  margin-left: auto;
}

.alignwide .ytvbg-block,
.editor-styles-wrapper .alignwide .ytvbg-block {
  max-width: 1100px;
}

.alignfull .ytvbg-block,
.editor-styles-wrapper .alignfull .ytvbg-block {
  max-width: none;
}

.ytvbg-block *,
.ytvbg-block *::before,
.ytvbg-block *::after {
  box-sizing: border-box;
}

.ytvbg-block p {
  margin: .45em 0 0;
  color: var(--ytvbg-muted);
}

.ytvbg-title {
  display: block;
  color: var(--ytvbg-ink);
  font-size: 1.12em;
  line-height: 1.38;
  font-weight: 800;
}

.ytvbg-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 23px;
  margin-bottom: .65em;
  padding: 1px 8px;
  border-radius: 999px;
  color: #fff;
  background: var(--ytvbg-green);
  font-size: .76em;
  font-weight: 800;
}

.ytvbg-badges,
.ytvbg-inline-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: .75em;
}

.ytvbg-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 1px 8px;
  border-radius: 999px;
  color: #425067;
  background: #eef3f7;
  font-size: .78em;
  font-weight: 800;
}

.ytvbg-badges span:nth-child(6n+1) {
  color: #fff;
  background: #111;
}

.ytvbg-badges span:nth-child(6n+2) {
  color: #fff;
  background: #147a68;
}

.ytvbg-badges span:nth-child(6n+3) {
  color: #fff;
  background: #256b9a;
}

.ytvbg-badges span:nth-child(6n+4) {
  color: #fff;
  background: #6f7f8e;
}

.ytvbg-badges span:nth-child(6n+5) {
  color: #3b2a00;
  background: #d8a126;
}

.ytvbg-badges span:nth-child(6n) {
  color: #fff;
  background: #ca4c36;
}

.ytvbg-answer,
.ytvbg-product,
.ytvbg-shop-cta,
.ytvbg-alert,
.ytvbg-size-visual,
.ytvbg-update {
  border-top: 1px solid var(--ytvbg-line);
  border-bottom: 1px solid var(--ytvbg-line);
  background: transparent;
}

.ytvbg-answer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 14px 0;
  border-top: 1px solid var(--ytvbg-line);
  border-bottom: 1px solid var(--ytvbg-line);
}

.ytvbg-answer .ytvbg-rank {
  width: fit-content;
  min-width: 34px;
  height: 24px;
  border-radius: 3px;
  font-size: .78em;
}

.ytvbg-answer .ytvbg-title,
.ytvbg-ranking .ytvbg-title,
.ytvbg-point-cards > .ytvbg-title {
  display: block;
  margin: .55em 0 0;
}

.ytvbg-rank {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #fff;
  background: var(--ytvbg-green);
  font-size: 1.35em;
  font-weight: 900;
}

.ytvbg-finder,
.ytvbg-ranking,
.ytvbg-bars-block,
.ytvbg-dictionary,
.ytvbg-filter-table,
.ytvbg-steps,
.ytvbg-faq,
.ytvbg-slider {
  padding: 0;
  border: 0;
  background: transparent;
}

.ytvbg-finder-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: .85em;
}

.ytvbg-finder label,
.ytvbg-finder-edit-card {
  display: grid;
  gap: 6px;
  padding: 10px 0;
  border-bottom: 1px solid var(--ytvbg-line);
  color: var(--ytvbg-muted);
  font-size: .86em;
  font-weight: 800;
}

.ytvbg-finder select,
.ytvbg-finder input,
.ytvbg-finder-edit-card input,
.ytvbg-finder-edit-card select {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--ytvbg-line);
  border-radius: 6px;
  background: #fff;
}

.ytvbg-product {
  display: grid;
  grid-template-columns: minmax(80px, var(--ytvbg-product-image-size, 150px)) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 18px 0;
}

.ytvbg-product-media,
.ytvbg-slide-media {
  display: grid;
  place-items: center;
  min-height: 140px;
  border-radius: 0;
  background: transparent;
}

.ytvbg-product-media img,
.ytvbg-slide-media img {
  display: block;
  max-width: 100%;
  max-height: 220px;
  width: auto;
  height: auto;
  border-radius: 0;
  object-fit: contain;
}

.ytvbg-product-media img {
  width: min(100%, var(--ytvbg-product-image-size, 150px));
  max-height: var(--ytvbg-product-image-size, 150px);
}

.ytvbg-product-media-edit {
  position: relative;
  align-content: center;
  gap: 8px;
  padding: 8px;
  outline: 1px dashed #cfd7e2;
  outline-offset: -1px;
}

.ytvbg-media-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.ytvbg-device {
  width: 82px;
  height: 112px;
  border: 7px solid #202838;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff, #c8d7e0);
  box-shadow: 0 12px 22px rgba(23, 32, 51, .12);
}

.ytvbg-shop-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin-top: .95em;
}

.ytvbg-shop-cta .ytvbg-shop-row {
  grid-template-columns: repeat(2, minmax(150px, 1fr));
}

.ytvbg-btn,
.post_content .ytvbg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  min-width: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: var(--ytvbg-btn-bg, var(--ytvbg-black));
  text-decoration: none;
  font-size: .9em;
  font-weight: 800;
  line-height: 1.25;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
  text-align: center;
}

.ytvbg-btn-amazon { --ytvbg-btn-bg: #111111; }
.ytvbg-btn-rakuten { --ytvbg-btn-bg: #147a68; }
.ytvbg-btn-yahoo { --ytvbg-btn-bg: #256b9a; }
.ytvbg-btn-used { --ytvbg-btn-bg: #4f5661; }

.ytvbg-shop-empty {
  display: block;
  color: var(--ytvbg-muted);
  font-size: .86em;
}

.ytvbg-shop-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .85fr);
  gap: 16px;
  align-items: center;
  padding: 18px 0;
}

.ytvbg-card-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: .9em;
}

.ytvbg-mini-card {
  position: relative;
  padding: 12px 0 10px;
  border-top: 1px solid var(--ytvbg-line);
  background: transparent;
}

.ytvbg-mini-card strong {
  display: block;
  color: var(--ytvbg-ink);
}

.ytvbg-rank-card::before {
  content: "";
  display: block;
  width: 44px;
  height: 4px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: var(--ytvbg-green);
}

.ytvbg-rank-1::before,
.ytvbg-rank-1 .ytvbg-label {
  background: #111;
  color: #fff;
}

.ytvbg-rank-2::before,
.ytvbg-rank-2 .ytvbg-label {
  background: #6f7f8e;
}

.ytvbg-rank-3::before,
.ytvbg-rank-3 .ytvbg-label {
  background: #b08d57;
}

.ytvbg-rank-4::before,
.ytvbg-rank-4 .ytvbg-label {
  background: #147a68;
}

.ytvbg-rank-5::before,
.ytvbg-rank-5 .ytvbg-label {
  background: #ca4c36;
}

.ytvbg-rank-6::before,
.ytvbg-rank-6 .ytvbg-label {
  background: #256b9a;
}

.ytvbg-card-row > .ytvbg-mini-card:nth-child(6n+1) .ytvbg-label,
.ytvbg-slider-track > .ytvbg-slide:nth-child(6n+1) .ytvbg-label {
  background: #111;
  color: #fff;
}

.ytvbg-card-row > .ytvbg-mini-card:nth-child(6n+2) .ytvbg-label,
.ytvbg-slider-track > .ytvbg-slide:nth-child(6n+2) .ytvbg-label {
  background: #147a68;
  color: #fff;
}

.ytvbg-card-row > .ytvbg-mini-card:nth-child(6n+3) .ytvbg-label,
.ytvbg-slider-track > .ytvbg-slide:nth-child(6n+3) .ytvbg-label {
  background: #256b9a;
  color: #fff;
}

.ytvbg-card-row > .ytvbg-mini-card:nth-child(6n+4) .ytvbg-label,
.ytvbg-slider-track > .ytvbg-slide:nth-child(6n+4) .ytvbg-label {
  background: #6f7f8e;
  color: #fff;
}

.ytvbg-card-row > .ytvbg-mini-card:nth-child(6n+5) .ytvbg-label,
.ytvbg-slider-track > .ytvbg-slide:nth-child(6n+5) .ytvbg-label {
  background: #d8a126;
  color: #3b2a00;
}

.ytvbg-card-row > .ytvbg-mini-card:nth-child(6n) .ytvbg-label,
.ytvbg-slider-track > .ytvbg-slide:nth-child(6n) .ytvbg-label {
  background: #ca4c36;
  color: #fff;
}

.ytvbg-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  padding: 16px 0;
}

.ytvbg-alert-icon,
.ytvbg-faq-mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  background: var(--ytvbg-red);
  font-weight: 900;
}

.ytvbg-alert-price .ytvbg-alert-icon {
  color: #3b2a00;
  background: var(--ytvbg-gold);
}

.ytvbg-bars {
  display: grid;
  gap: 10px;
  margin-top: .9em;
}

.ytvbg-block .ytvbg-bar-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  align-items: stretch;
  color: var(--ytvbg-muted);
  font-size: .88em;
}

.ytvbg-bar {
  height: 10px;
  border-radius: 999px;
  background: #edf1f5;
  overflow: hidden;
}

.ytvbg-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--ytvbg-bar-color, #111111);
}

.ytvbg-bar-row b {
  color: var(--ytvbg-ink);
}

.ytvbg-recommend-line-list {
  display: grid;
  gap: 4px;
  margin-top: .9em;
}

.ytvbg-recommend-line {
  padding: 13px 0;
  border-bottom: 1px solid var(--ytvbg-line);
}

.ytvbg-recommend-line:first-child {
  border-top: 1px solid var(--ytvbg-line);
}

.ytvbg-recommend-line-main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  align-items: stretch;
}

.ytvbg-recommend-line-main b {
  text-align: left;
}

.ytvbg-recommend-line .ytvbg-bar i {
  background: var(--ytvbg-bar-color, #147a68);
}

.ytvbg-inner-content {
  margin-top: 10px;
  color: var(--ytvbg-muted);
}

.ytvbg-inner-content > :first-child,
.ytvbg-inner-content > .block-editor-inner-blocks > .block-editor-block-list__layout > :first-child {
  margin-top: 0;
}

.ytvbg-inner-content > :last-child,
.ytvbg-inner-content > .block-editor-inner-blocks > .block-editor-block-list__layout > :last-child {
  margin-bottom: 0;
}

.ytvbg-vs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  align-items: stretch;
}

.ytvbg-vs > div,
.ytvbg-proscons > div {
  padding: 14px 0;
  border-top: 1px solid var(--ytvbg-line);
  border-bottom: 1px solid var(--ytvbg-line);
  background: transparent;
}

.ytvbg-vs > span {
  display: grid;
  place-items: center;
  color: var(--ytvbg-muted);
  font-weight: 900;
}

.ytvbg-size-visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 14px;
  align-items: center;
  padding: 18px 0;
}

.ytvbg-device-stack {
  position: relative;
  height: 150px;
}

.ytvbg-device-stack span {
  position: absolute;
  bottom: 0;
  display: block;
  border: 7px solid #202838;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff, #c8d7e0);
  box-shadow: 0 12px 22px rgba(23, 32, 51, .12);
}

.ytvbg-device-stack span:nth-child(1) { width: 70px; height: 102px; left: 4px; }
.ytvbg-device-stack span:nth-child(2) { width: 92px; height: 126px; left: 72px; }
.ytvbg-device-stack span:nth-child(3) { width: 116px; height: 146px; right: 4px; }

.ytvbg-table-wrap {
  max-width: 100%;
  margin-top: .9em;
  overflow-x: auto;
  border-top: 1px solid var(--ytvbg-line);
}

.ytvbg-table-wrap table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
}

.ytvbg-table-wrap th,
.ytvbg-table-wrap td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--ytvbg-line);
  text-align: left;
  white-space: nowrap;
}

.ytvbg-table-wrap th {
  color: #425067;
  background: transparent;
  font-size: .82em;
}

.ytvbg-proscons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ytvbg-proscons ul,
.ytvbg-steps ol {
  margin: .65em 0 0;
  padding-left: 1.25em;
}

.ytvbg-point-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: .9em;
}

.ytvbg-point-card {
  padding: 14px 0;
  border-top: 1px solid var(--ytvbg-line);
}

.ytvbg-point-card:last-child {
  border-bottom: 1px solid var(--ytvbg-line);
}

.ytvbg-point-card .ytvbg-title {
  display: block;
  margin-top: .55em;
}

.ytvbg-faq {
  display: block;
  padding: 16px 0;
  border-top: 1px solid var(--ytvbg-line);
  border-bottom: 1px solid var(--ytvbg-line);
}

.ytvbg-faq-heading {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.ytvbg-faq-heading .ytvbg-title {
  margin: 0;
}

.ytvbg-faq-content {
  min-width: 0;
}

.ytvbg-faq-answer {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin-top: 12px;
}

.ytvbg-faq-content > :first-child,
.ytvbg-faq-content > .block-editor-inner-blocks > .block-editor-block-list__layout > :first-child {
  margin-top: 0;
}

.ytvbg-faq-mark-a {
  background: var(--ytvbg-blue);
}

.ytvbg-ranking .ytvbg-card-row {
  grid-template-columns: 1fr;
  gap: 0;
}

.ytvbg-ranking .ytvbg-mini-card {
  padding: 14px 0;
  border-top: 1px solid var(--ytvbg-line);
  border-bottom: 0;
}

.ytvbg-ranking .ytvbg-mini-card:last-child {
  border-bottom: 1px solid var(--ytvbg-line);
}

.ytvbg-update {
  padding: 16px 0;
}

.ytvbg-slider {
  position: relative;
}

.ytvbg-scroll-shell {
  position: relative;
}

.ytvbg-slider-heading {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: .65em;
}

.ytvbg-slider-controls {
  display: flex;
  gap: 5px;
  flex: 0 0 auto;
}

.ytvbg-slider-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 420px);
  gap: 16px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-width: thin;
  scrollbar-color: rgba(100,112,132,.22) transparent;
  padding: 0 2px 8px;
}

.ytvbg-slider-track::-webkit-scrollbar,
.ytvbg-table-wrap::-webkit-scrollbar {
  height: 6px;
}

.ytvbg-slider-track::-webkit-scrollbar-thumb,
.ytvbg-table-wrap::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(100,112,132,.22);
}

.ytvbg-slider-track::-webkit-scrollbar-track,
.ytvbg-table-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.ytvbg-slide {
  scroll-snap-align: start;
  min-height: 250px;
  padding: 16px 0 12px;
  border-top: 1px solid var(--ytvbg-line);
  background: transparent;
}

.ytvbg-slide .ytvbg-label {
  margin-top: .25em;
  margin-bottom: .85em;
}

.ytvbg-slide strong {
  display: block;
  margin-top: .25em;
}

.ytvbg-slide p {
  margin-top: .65em;
}

.ytvbg-image-slider .ytvbg-slide-media {
  min-height: 190px;
  margin-bottom: 12px;
}

.ytvbg-block-slider .ytvbg-slide {
  min-height: 210px;
  display: block;
}

.ytvbg-scroll-btn {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid var(--ytvbg-line);
  border-radius: 999px;
  color: #111;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}

.ytvbg-style-compact {
  font-size: 14px;
}

.ytvbg-style-standard {
  border-radius: 0;
}

.ytvbg-style-compact.ytvbg-block {
  padding: 14px;
  border: 1px solid var(--ytvbg-line);
  border-radius: 16px;
  background: #fff;
}

.ytvbg-style-compact.ytvbg-answer,
.ytvbg-style-compact.ytvbg-product,
.ytvbg-style-compact.ytvbg-shop-cta,
.ytvbg-style-compact.ytvbg-alert,
.ytvbg-style-compact.ytvbg-size-visual,
.ytvbg-style-compact.ytvbg-update,
.ytvbg-style-compact.ytvbg-faq {
  border: 1px solid var(--ytvbg-line);
}

.ytvbg-style-compact.ytvbg-product {
  grid-template-columns: minmax(80px, var(--ytvbg-product-image-size, 96px)) minmax(0, 1fr);
  gap: 12px;
}

.ytvbg-style-compact .ytvbg-product-media {
  min-height: 96px;
}

.ytvbg-style-compact .ytvbg-device {
  width: 52px;
  height: 74px;
  border-width: 5px;
  border-radius: 10px;
}

.ytvbg-style-compact .ytvbg-card-row,
.ytvbg-style-compact .ytvbg-finder-grid {
  grid-template-columns: 1fr;
}

.ytvbg-style-rich.ytvbg-answer,
.ytvbg-style-rich.ytvbg-product,
.ytvbg-style-rich.ytvbg-shop-cta,
.ytvbg-style-rich.ytvbg-alert,
.ytvbg-style-rich.ytvbg-update,
.ytvbg-style-rich.ytvbg-finder,
.ytvbg-style-rich.ytvbg-ranking,
.ytvbg-style-rich.ytvbg-bars-block,
.ytvbg-style-rich.ytvbg-recommend-lines,
.ytvbg-style-rich.ytvbg-dictionary,
.ytvbg-style-rich.ytvbg-point-cards,
.ytvbg-style-rich.ytvbg-filter-table,
.ytvbg-style-rich.ytvbg-steps,
.ytvbg-style-rich.ytvbg-faq,
.ytvbg-style-rich.ytvbg-slider,
.ytvbg-style-rich.ytvbg-size-visual,
.ytvbg-style-rich.ytvbg-proscons {
  padding: 18px;
  border: 1px solid rgba(20,122,104,.28);
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(20,122,104,.07), rgba(37,107,154,.04));
}

.ytvbg-style-rich .ytvbg-label {
  background: var(--ytvbg-red);
}

.ytvbg-style-rich .ytvbg-mini-card,
.ytvbg-style-rich .ytvbg-slide,
.ytvbg-style-rich .ytvbg-vs > div,
.ytvbg-style-rich.ytvbg-proscons > div {
  padding-right: 12px;
  padding-left: 12px;
  border: 1px solid rgba(20,122,104,.2);
  border-radius: 6px;
  background: rgba(255,255,255,.72);
}

.ytvbg-editor-preview {
  max-width: 820px;
}

.editor-styles-wrapper .ytvbg-editor-preview {
  margin-right: auto;
  margin-left: auto;
}

.ytvbg-editor-shell {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

.ytvbg-editor-shell.alignwide {
  max-width: 1120px;
}

.ytvbg-editor-shell.alignfull {
  max-width: none;
}

.ytvbg-editor-shell.is-selected .ytvbg-editor-preview,
.ytvbg-editor-shell.has-child-selected .ytvbg-editor-preview {
  outline: 1px solid rgba(20,122,104,.45);
  outline-offset: 5px;
}

.ytvbg-style-selector {
  display: grid;
  gap: 8px;
}

.ytvbg-style-card.components-button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  width: 100%;
  height: auto;
  padding: 10px;
  border: 1px solid var(--ytvbg-line);
  border-radius: 6px;
  background: #fff;
  color: var(--ytvbg-ink);
  text-align: left;
}

.ytvbg-style-card.components-button.is-active,
.ytvbg-style-card.components-button:focus {
  border-color: var(--ytvbg-green);
  box-shadow: 0 0 0 1px var(--ytvbg-green);
}

.ytvbg-style-card strong {
  display: block;
  grid-column: 2;
  line-height: 1.25;
}

.ytvbg-style-card small {
  display: block;
  grid-column: 2;
  color: var(--ytvbg-muted);
  line-height: 1.35;
}

.ytvbg-style-swatch {
  display: block;
  grid-row: 1 / 3;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid var(--ytvbg-line);
  background: #fff;
}

.ytvbg-style-swatch-standard {
  background: linear-gradient(180deg, #fff, #f7f9fb);
}

.ytvbg-style-swatch-compact {
  background: linear-gradient(180deg, transparent 0 7px, rgba(37,107,154,.18) 7px 9px, transparent 9px 16px), #fff;
}

.ytvbg-style-swatch-rich {
  background: linear-gradient(135deg, rgba(20,122,104,.35), rgba(216,161,38,.35));
}

.ytvbg-color-field {
  margin: 12px 0 16px;
}

.ytvbg-color-field p {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
}

.ytvbg-editor-preview .rich-text,
.ytvbg-editor-preview [contenteditable="true"] {
  outline: 0;
}

.ytvbg-editor-preview [contenteditable="true"]:focus {
  box-shadow: 0 0 0 2px rgba(20,122,104,.22);
  border-radius: 5px;
}

.ytvbg-inline-list .components-base-control,
.ytvbg-bars-edit .components-base-control,
.ytvbg-card-row-edit .components-base-control,
.ytvbg-table-wrap .components-base-control,
.ytvbg-step-edit .components-base-control,
.ytvbg-slider-track-edit .components-base-control {
  margin-bottom: 0;
}

.ytvbg-badge-input {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.ytvbg-inline-list .components-text-control__input {
  min-height: 28px;
  max-width: 150px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
}

.ytvbg-bars-edit .ytvbg-bar-row {
  grid-template-columns: 1fr;
  gap: 5px;
}

.ytvbg-point-card-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.ytvbg-recommend-line-list > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  gap: 4px;
}

.ytvbg-inner-content .block-editor-block-list__layout,
.ytvbg-faq-content .block-editor-block-list__layout {
  min-height: 38px;
}

.ytvbg-card-row-edit .ytvbg-mini-card,
.ytvbg-slider-track-edit .ytvbg-slide {
  display: grid;
  gap: 12px;
}

.ytvbg-step-edit li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.ytvbg-date-edit input {
  max-width: 180px;
}

@media (max-width: 782px) {
  .ytvbg-product,
  .ytvbg-style-compact.ytvbg-product,
  .ytvbg-shop-cta,
  .ytvbg-size-visual,
  .ytvbg-vs,
  .ytvbg-proscons {
    grid-template-columns: 1fr;
  }

  .ytvbg-finder-grid,
  .ytvbg-card-row,
  .ytvbg-shop-row {
    grid-template-columns: 1fr;
  }

  .ytvbg-bar-row,
  .ytvbg-bars-edit .ytvbg-bar-row,
  .ytvbg-recommend-line-main {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .ytvbg-recommend-line-main b {
    text-align: left;
  }

  .ytvbg-point-card-grid,
  .ytvbg-point-card-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: 1fr;
  }

  .ytvbg-answer,
  .ytvbg-step-edit li {
    grid-template-columns: 1fr;
  }

}