/* =========================================================
   YWBB Topic Page CSS
   Scope: only pages containing #ywbb-advanced-guide or .ywbb-topic
   Do not use generic Bootstrap class names here.
   ========================================================= */

#ywbb-advanced-guide,
.ywbb-topic {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 28px 0 46px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  color: #243036;
}

#ywbb-advanced-guide *,
.ywbb-topic * {
  box-sizing: border-box;
}

#ywbb-advanced-guide a,
.ywbb-topic a {
  text-decoration: none !important;
}

/* Hero */
#ywbb-advanced-guide .ywbb-hero,
.ywbb-topic .ywbb-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid #cfd8c3;
  border-radius: 18px;
  padding: 34px 36px;
  margin-bottom: 34px;
  background: linear-gradient(135deg, #f7f9f0, #ffffff);
}

#ywbb-advanced-guide .ywbb-label,
.ywbb-topic .ywbb-label {
  display: inline-block;
  padding: 8px 16px;
  margin-bottom: 18px;
  border: 1px solid #c8d5b8;
  border-radius: 999px;
  color: #556b45;
  background: #fbfcf7;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

#ywbb-advanced-guide h1,
.ywbb-topic h1 {
  margin: 0 0 18px !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #1f2933 !important;
  letter-spacing: -0.5px;
}

#ywbb-advanced-guide .ywbb-hero p,
.ywbb-topic .ywbb-hero p {
  max-width: 760px;
  margin: 0 0 20px !important;
  font-size: 19px !important;
  line-height: 1.9 !important;
  color: #56616b !important;
}

#ywbb-advanced-guide .ywbb-hero-note,
.ywbb-topic .ywbb-hero-note {
  max-width: 720px;
  margin: 18px 0 22px;
  padding: 14px 18px;
  border-left: 4px solid #7a9364;
  background: #f7faf2;
  color: #4b5f3f;
  font-size: 15px;
  line-height: 1.8;
  border-radius: 10px;
}

#ywbb-advanced-guide .ywbb-hero-note strong,
.ywbb-topic .ywbb-hero-note strong {
  font-weight: 800;
  color: #334b2f;
}


#ywbb-advanced-guide .ywbb-tags,
.ywbb-topic .ywbb-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

#ywbb-advanced-guide .ywbb-tags span,
.ywbb-topic .ywbb-tags span {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0;
  padding: 8px 15px;
  border: 1px solid #cfd8c3;
  border-radius: 10px;
  background: #fbfcf7;
  color: #516842;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

/* Icon entrance cards */
#ywbb-advanced-guide .ywbb-icons,
.ywbb-topic .ywbb-icons {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 34px;
}

#ywbb-advanced-guide .ywbb-icon-card,
.ywbb-topic .ywbb-icon-card {
  text-align: center;
  padding: 24px 14px;
  border: 1px solid #e3e6dd;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .045);
}

#ywbb-advanced-guide .ywbb-icon,
.ywbb-topic .ywbb-icon {
  font-size: 38px;
  line-height: 1;
  margin-bottom: 14px;
  color: #60784f;
}

#ywbb-advanced-guide .ywbb-icon-card strong,
.ywbb-topic .ywbb-icon-card strong {
  display: block;
  margin-bottom: 6px;
  font-size: 18px;
  color: #1f2933;
  font-weight: 800;
}

#ywbb-advanced-guide .ywbb-icon-card p,
.ywbb-topic .ywbb-icon-card p {
  margin: 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
  line-height: 1.6 !important;
}

/* Numbered sections */
#ywbb-advanced-guide .ywbb-section,
.ywbb-topic .ywbb-section {
  display: grid;
  grid-template-columns: 180px 1fr;
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid #d9dfcf;
  border-radius: 18px;
  background: #fff;
}

#ywbb-advanced-guide .ywbb-number,
.ywbb-topic .ywbb-number {
  padding: 30px 22px;
  background: linear-gradient(180deg, #f2f6e9, #fbfcf7);
  border-right: 1px solid #d9dfcf;
}

#ywbb-advanced-guide .ywbb-number b,
.ywbb-topic .ywbb-number b {
  display: block;
  font-size: 32px;
  line-height: 1;
  color: #638052;
  font-weight: 800;
}

#ywbb-advanced-guide .ywbb-number strong,
.ywbb-topic .ywbb-number strong {
  display: block;
  margin-top: 14px;
  font-size: 25px;
  color: #1f2933;
  font-weight: 800;
}

#ywbb-advanced-guide .ywbb-number span,
.ywbb-topic .ywbb-number span {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  color: #667085;
}

#ywbb-advanced-guide .ywbb-content,
.ywbb-topic .ywbb-content {
  padding: 28px 30px;
}

#ywbb-advanced-guide .ywbb-content h2,
.ywbb-topic .ywbb-content h2 {
  margin: 0 0 8px !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
  color: #1f2933 !important;
}

#ywbb-advanced-guide .ywbb-content p,
.ywbb-topic .ywbb-content p {
  margin: 0 0 18px !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #667085 !important;
}

#ywbb-advanced-guide .ywbb-link,
.ywbb-topic .ywbb-link {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 7px;
  padding: 9px 14px;
  border: 1px solid #e1e5dc;
  border-radius: 10px;
  background: #fff;
  color: #263238 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

#ywbb-advanced-guide .ywbb-link:hover,
.ywbb-topic .ywbb-link:hover {
  background: #f7faf2;
  color: #516842 !important;
}

#ywbb-advanced-guide .ywbb-link em,
.ywbb-topic .ywbb-link em {
  font-style: normal;
  color: #8a9481;
}

#ywbb-advanced-guide .ywbb-note,
.ywbb-topic .ywbb-note {
  margin-top: 20px;
  padding: 16px 20px;
  border: 1px solid #d9dfcf;
  border-radius: 14px;
  background: #f7f9f0;
  color: #5f6b4e;
  font-size: 15px;
  line-height: 1.8;
}

/* Optional: simple route/list template for future pages */
.ywbb-topic .ywbb-route-list {
  border: 1px solid #d9dfcf;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
}

.ywbb-topic .ywbb-route-item {
  padding: 20px 24px;
  border-bottom: 1px solid #eef1e9;
}

.ywbb-topic .ywbb-route-item:last-child {
  border-bottom: 0;
}

.ywbb-topic .ywbb-route-item a {
  display: block;
  color: #263238 !important;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.45;
}

.ywbb-topic .ywbb-route-item p {
  margin: 8px 0 0 !important;
  color: #667085 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

@media (max-width: 760px) {
  #ywbb-advanced-guide,
  .ywbb-topic {
    padding: 22px 14px 38px;
  }

  #ywbb-advanced-guide h1,
  .ywbb-topic h1 {
    font-size: 30px !important;
  }

  #ywbb-advanced-guide .ywbb-hero,
  .ywbb-topic .ywbb-hero {
    padding: 28px 22px;
  }

  #ywbb-advanced-guide .ywbb-hero p,
  .ywbb-topic .ywbb-hero p {
    font-size: 17px !important;
  }

  #ywbb-advanced-guide .ywbb-icons,
  .ywbb-topic .ywbb-icons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #ywbb-advanced-guide .ywbb-section,
  .ywbb-topic .ywbb-section {
    grid-template-columns: 1fr;
  }

  #ywbb-advanced-guide .ywbb-number,
  .ywbb-topic .ywbb-number {
    border-right: 0;
    border-bottom: 1px solid #d9dfcf;
  }
}


/* =========================================================
   Topic Index / all-clickable color blocks
   Used by: #ywbb-topic-index
   ========================================================= */
#ywbb-topic-index .ywbb-topic-block{
  display:grid;
  grid-template-columns:180px 1fr;
  overflow:hidden;
  margin-bottom:18px;
  border:1px solid #d9dfcf;
  border-radius:18px;
  background:#fff;
  color:inherit !important;
  text-decoration:none !important;
  transition:all .2s ease;
}

#ywbb-topic-index .ywbb-topic-block:hover{
  transform:none !important;
  box-shadow:none !important;
  border-color:#9caf88 !important;
  color:inherit !important;
  text-decoration:none !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-number{
  border-right:1px solid #d9dfcf;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-content{
  background:#fff;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-link{
  display:flex !important;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:0;
  padding:10px 14px;
  border:1px solid #e1e5dc;
  border-radius:10px;
  background:#fff;
  color:#263238 !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}

#ywbb-topic-index .ywbb-topic-block:hover .ywbb-link{
  background:#fbfcf7;
  border-color:#cfd8c3;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-link em{
  font-style:normal;
  color:#8a9481;
}

/* Seven topic-index accent colors */
#ywbb-topic-index .ywbb-color-1 .ywbb-number{background:linear-gradient(180deg,#f2f7ed,#fbfcf7);}
#ywbb-topic-index .ywbb-color-2 .ywbb-number{background:linear-gradient(180deg,#edf5ff,#fbfdff);}
#ywbb-topic-index .ywbb-color-3 .ywbb-number{background:linear-gradient(180deg,#fff4e6,#fffaf3);}
#ywbb-topic-index .ywbb-color-4 .ywbb-number{background:linear-gradient(180deg,#eefbf7,#f8fffc);}
#ywbb-topic-index .ywbb-color-5 .ywbb-number{background:linear-gradient(180deg,#f4f0ff,#fbfaff);}
#ywbb-topic-index .ywbb-color-6 .ywbb-number{background:linear-gradient(180deg,#fff0f3,#fffafb);}
#ywbb-topic-index .ywbb-color-7 .ywbb-number{background:linear-gradient(180deg,#f3f7e8,#fbfcf5);}

#ywbb-topic-index .ywbb-color-1 .ywbb-number b{color:#5f7f4f;}
#ywbb-topic-index .ywbb-color-2 .ywbb-number b{color:#3b74a8;}
#ywbb-topic-index .ywbb-color-3 .ywbb-number b{color:#b7791f;}
#ywbb-topic-index .ywbb-color-4 .ywbb-number b{color:#2c7a7b;}
#ywbb-topic-index .ywbb-color-5 .ywbb-number b{color:#6b46c1;}
#ywbb-topic-index .ywbb-color-6 .ywbb-number b{color:#b83280;}
#ywbb-topic-index .ywbb-color-7 .ywbb-number b{color:#6b7f2a;}

#ywbb-topic-index .ywbb-color-1{border-color:#d9dfcf;}
#ywbb-topic-index .ywbb-color-2{border-color:#cfe0f2;}
#ywbb-topic-index .ywbb-color-3{border-color:#efd8b7;}
#ywbb-topic-index .ywbb-color-4{border-color:#c9e8df;}
#ywbb-topic-index .ywbb-color-5{border-color:#d8cef5;}
#ywbb-topic-index .ywbb-color-6{border-color:#f0c9d8;}
#ywbb-topic-index .ywbb-color-7{border-color:#dce7b9;}

@media(max-width:760px){
  #ywbb-topic-index .ywbb-topic-block{
    grid-template-columns:1fr;
  }

  #ywbb-topic-index .ywbb-topic-block .ywbb-number{
    border-right:0;
    border-bottom:1px solid #d9dfcf;
  }
}


/* Topic index v1.0.5: fixed hover + neutral card borders */
#ywbb-topic-index .ywbb-topic-block,
#ywbb-topic-index .ywbb-color-1,
#ywbb-topic-index .ywbb-color-2,
#ywbb-topic-index .ywbb-color-3,
#ywbb-topic-index .ywbb-color-4,
#ywbb-topic-index .ywbb-color-5,
#ywbb-topic-index .ywbb-color-6,
#ywbb-topic-index .ywbb-color-7{
  border-color:#d9dfcf !important;
}

#ywbb-topic-index .ywbb-topic-block:hover{
  transform:none !important;
  box-shadow:none !important;
  border-color:#9caf88 !important;
}

#ywbb-topic-index .ywbb-topic-block:before,
#ywbb-topic-index .ywbb-topic-block:after{
  display:none !important;
  content:none !important;
}


/* Remove topic index separator lines */
#ywbb-topic-index .ywbb-topic-block {
  box-shadow: none !important;
}

#ywbb-topic-index .ywbb-topic-block:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: #8fa878 !important;
}

#ywbb-topic-index .ywbb-topic-block::before,
#ywbb-topic-index .ywbb-topic-block::after,
#ywbb-topic-index .ywbb-topic-block + .ywbb-topic-block::before,
#ywbb-topic-index .ywbb-topic-block + .ywbb-topic-block::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  height: 0 !important;
  background:none !important;
}


/* Topic index v1.0.7: hover border follows each block color */
#ywbb-topic-index .ywbb-topic-block{
  cursor:pointer;
}

#ywbb-topic-index .ywbb-topic-block:hover{
  transform:none !important;
  box-shadow:none !important;
}

#ywbb-topic-index .ywbb-color-1:hover{border-color:#5f7f4f !important;}
#ywbb-topic-index .ywbb-color-2:hover{border-color:#3b74a8 !important;}
#ywbb-topic-index .ywbb-color-3:hover{border-color:#b7791f !important;}
#ywbb-topic-index .ywbb-color-4:hover{border-color:#2c7a7b !important;}
#ywbb-topic-index .ywbb-color-5:hover{border-color:#6b46c1 !important;}
#ywbb-topic-index .ywbb-color-6:hover{border-color:#b83280 !important;}
#ywbb-topic-index .ywbb-color-7:hover{border-color:#6b7f2a !important;}


/* Topic index v1.0.8: static outward hover shadow, no movement */
#ywbb-topic-index .ywbb-topic-block:hover{
  transform:none !important;
  box-shadow:0 0 0 4px rgba(95,127,79,.08), 0 10px 28px rgba(15,23,42,.06) !important;
}

#ywbb-topic-index .ywbb-color-1:hover{border-color:#5f7f4f !important;}
#ywbb-topic-index .ywbb-color-2:hover{border-color:#3b74a8 !important;}
#ywbb-topic-index .ywbb-color-3:hover{border-color:#b7791f !important;}
#ywbb-topic-index .ywbb-color-4:hover{border-color:#2c7a7b !important;}
#ywbb-topic-index .ywbb-color-5:hover{border-color:#6b46c1 !important;}
#ywbb-topic-index .ywbb-color-6:hover{border-color:#b83280 !important;}
#ywbb-topic-index .ywbb-color-7:hover{border-color:#6b7f2a !important;}


/* Topic index v1.0.9: brighter accent colors */
#ywbb-topic-index .ywbb-color-1 .ywbb-number b{color:#4f8f2f !important;}
#ywbb-topic-index .ywbb-color-2 .ywbb-number b{color:#1976d2 !important;}
#ywbb-topic-index .ywbb-color-3 .ywbb-number b{color:#f59e0b !important;}
#ywbb-topic-index .ywbb-color-4 .ywbb-number b{color:#0d9488 !important;}
#ywbb-topic-index .ywbb-color-5 .ywbb-number b{color:#7c3aed !important;}
#ywbb-topic-index .ywbb-color-6 .ywbb-number b{color:#db2777 !important;}
#ywbb-topic-index .ywbb-color-7 .ywbb-number b{color:#65a30d !important;}

#ywbb-topic-index .ywbb-color-1:hover{border-color:#4f8f2f !important;}
#ywbb-topic-index .ywbb-color-2:hover{border-color:#1976d2 !important;}
#ywbb-topic-index .ywbb-color-3:hover{border-color:#f59e0b !important;}
#ywbb-topic-index .ywbb-color-4:hover{border-color:#0d9488 !important;}
#ywbb-topic-index .ywbb-color-5:hover{border-color:#7c3aed !important;}
#ywbb-topic-index .ywbb-color-6:hover{border-color:#db2777 !important;}
#ywbb-topic-index .ywbb-color-7:hover{border-color:#65a30d !important;}


/* Topic index v1.0.10: bright-light accent colors */
#ywbb-topic-index .ywbb-color-1 .ywbb-number b{color:#7fbf60 !important;}
#ywbb-topic-index .ywbb-color-2 .ywbb-number b{color:#64aef7 !important;}
#ywbb-topic-index .ywbb-color-3 .ywbb-number b{color:#f6b73c !important;}
#ywbb-topic-index .ywbb-color-4 .ywbb-number b{color:#48b8ad !important;}
#ywbb-topic-index .ywbb-color-5 .ywbb-number b{color:#a78bfa !important;}
#ywbb-topic-index .ywbb-color-6 .ywbb-number b{color:#f472b6 !important;}
#ywbb-topic-index .ywbb-color-7 .ywbb-number b{color:#9ccc3c !important;}

#ywbb-topic-index .ywbb-color-1:hover{border-color:#7fbf60 !important;}
#ywbb-topic-index .ywbb-color-2:hover{border-color:#64aef7 !important;}
#ywbb-topic-index .ywbb-color-3:hover{border-color:#f6b73c !important;}
#ywbb-topic-index .ywbb-color-4:hover{border-color:#48b8ad !important;}
#ywbb-topic-index .ywbb-color-5:hover{border-color:#a78bfa !important;}
#ywbb-topic-index .ywbb-color-6:hover{border-color:#f472b6 !important;}
#ywbb-topic-index .ywbb-color-7:hover{border-color:#9ccc3c !important;}


/* =========================================================
   YWBB Guide V2 Template
   Used for renovation/route-style guide pages.
   Page HTML should start with: <div class="ywbb-guide-v2">
   ========================================================= */

.ywbb-guide-v2{
  --accent:#f5a400;
  --accent-dark:#b66a00;
  --accent-soft:#fff7e2;
  --text:#252525;
  --muted:#6f6f6f;
  --line:#ece7dc;
  --card:#fff;
  max-width:100%;
  margin:0 auto 40px;
  color:var(--text);
  font-size:16px;
  line-height:1.75;
}

.ywbb-guide-v2 *{
  box-sizing:border-box;
}

.ywbb-guide-v2 a{
  color:inherit;
  text-decoration:none !important;
}

.ywbb-guide-v2 .ywbb-guide-hero{
  position:relative;
  overflow:hidden;
  border:1px solid #f1e2bd;
  background:linear-gradient(135deg,#fff7df 0%,#ffffff 58%,#fff 100%);
  border-radius:18px;
  padding:26px 28px;
  margin:0 0 22px;
  box-shadow:0 10px 28px rgba(0,0,0,.045);
}

.ywbb-guide-v2 .ywbb-guide-hero:before{
  content:"";
  position:absolute;
  right:-45px;
  top:-45px;
  width:150px;
  height:150px;
  border-radius:999px;
  background:rgba(245,164,0,.16);
}

.ywbb-guide-v2 .ywbb-guide-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:700;
  color:#8a5600;
  background:#fff;
  border:1px solid #f0d491;
  border-radius:999px;
  padding:4px 11px;
  margin-bottom:12px;
}

.ywbb-guide-v2 .ywbb-guide-label:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--accent);
  display:inline-block;
}

.ywbb-guide-v2 h1{
  font-size:30px;
  line-height:1.32;
  margin:0 0 12px;
  color:#1f1f1f;
  letter-spacing:-.3px;
}

.ywbb-guide-v2 .ywbb-guide-hero p{
  font-size:16px;
  color:#555;
  margin:0 0 10px;
  max-width:760px;
}

.ywbb-guide-v2 .ywbb-guide-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.ywbb-guide-v2 .ywbb-guide-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid #ead8ad;
  background:#fff;
  border-radius:999px;
  padding:5px 11px;
  font-size:13px;
  color:#7a5a20;
}

.ywbb-guide-v2 .ywbb-guide-toc{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 26px;
  width:100%;
}

.ywbb-guide-v2 .ywbb-guide-toc a{
  display:block!important;
  min-width:0;
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:12px 13px;
  transition:all .18s ease;
  box-shadow:0 4px 14px rgba(0,0,0,.025);
}

.ywbb-guide-v2 .ywbb-guide-toc a:hover{
  border-color:#f2bd42;
  background:#fffaf0;
  box-shadow:0 8px 22px rgba(148,92,0,.12);
}

.ywbb-guide-v2 .ywbb-guide-toc strong{
  display:block;
  font-size:15px;
  color:#222;
  line-height:1.4;
  margin-bottom:2px;
}

.ywbb-guide-v2 .ywbb-guide-toc span{
  display:block;
  font-size:12px;
  color:#888;
  line-height:1.45;
}

.ywbb-guide-v2 .ywbb-guide-note{
  border:1px solid #efe6d2;
  border-left:4px solid var(--accent);
  background:#fffaf0;
  border-radius:14px;
  padding:15px 18px;
  margin:0 0 28px;
  color:#5d5140;
}

.ywbb-guide-v2 .ywbb-guide-note strong{
  color:#2b2b2b;
}

.ywbb-guide-v2 .ywbb-guide-section{
  margin:30px 0 0;
}

.ywbb-guide-v2 .ywbb-guide-section-head{
  margin:0 0 14px;
}

.ywbb-guide-v2 .ywbb-guide-step{
  display:flex;
  align-items:flex-end;
  gap:10px;
  margin:0 0 8px;
}

.ywbb-guide-v2 .ywbb-guide-step-num{
  display:block;
  font-size:42px;
  font-weight:800;
  line-height:.9;
  letter-spacing:-1.4px;
  color:#c8861b;
}

.ywbb-guide-v2 .ywbb-guide-step-label{
  display:inline-flex;
  align-items:center;
  height:24px;
  font-size:13px;
  font-weight:700;
  color:#87570a;
  background:#fff7e2;
  border:1px solid #f1d693;
  border-radius:999px;
  padding:0 10px;
  margin-bottom:3px;
}

.ywbb-guide-v2 h2{
  font-size:23px;
  line-height:1.38;
  margin:0 0 8px;
  color:#202020;
  letter-spacing:-.2px;
  border:0;
  padding:0;
}

.ywbb-guide-v2 .ywbb-guide-section-head p{
  color:#666;
  margin:0;
  font-size:15px;
}

.ywbb-guide-v2 .ywbb-guide-card-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px!important;
}

.ywbb-guide-v2 .ywbb-guide-card{
  position:relative;
  display:block!important;
  border:1px solid #eee7da!important;
  background:var(--card)!important;
  border-radius:14px!important;
  padding:10px 46px 10px 16px!important;
  transition:all .18s ease;
  box-shadow:0 3px 12px rgba(0,0,0,.025);
  min-height:0!important;
  height:auto!important;
  line-height:normal!important;
  text-decoration:none!important;
  color:inherit!important;
}

.ywbb-guide-v2 .ywbb-guide-card:after{
  content:"›";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  border-radius:999px;
  border:1px solid #f0d9a4;
  color:var(--accent-dark);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:18px;
  background:#fffaf0;
  transition:all .18s ease;
}

.ywbb-guide-v2 .ywbb-guide-card:hover{
  border-color:#efb23d!important;
  background:#fffdf7!important;
  box-shadow:0 8px 20px rgba(128,82,0,.10);
  text-decoration:none!important;
  color:inherit!important;
}

.ywbb-guide-v2 .ywbb-guide-card:hover:after{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

.ywbb-guide-v2 .ywbb-guide-card strong{
  display:block!important;
  margin:0 0 2px!important;
  padding:0!important;
  font-size:16px!important;
  font-weight:700!important;
  color:#262626!important;
  line-height:1.32!important;
}

.ywbb-guide-v2 .ywbb-guide-card:hover strong{
  color:#9a5d00!important;
}

.ywbb-guide-v2 .ywbb-guide-card span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:14px!important;
  color:#777!important;
  line-height:1.42!important;
}

.ywbb-guide-v2 .ywbb-guide-card p{
  margin:0!important;
  padding:0!important;
}

.ywbb-guide-v2 .ywbb-guide-footer{
  border:1px solid #eee3cd;
  background:#fffaf0;
  border-radius:16px;
  margin-top:34px;
  padding:18px 20px;
  color:#5e5241;
}

.ywbb-guide-v2 .ywbb-guide-footer p{
  margin:0 0 8px;
}

.ywbb-guide-v2 .ywbb-guide-footer p:last-child{
  margin-bottom:0;
}

@media(max-width:520px){
  .ywbb-guide-v2{
    font-size:15px;
  }

  .ywbb-guide-v2 .ywbb-guide-hero{
    padding:22px 18px;
    border-radius:16px;
  }

  .ywbb-guide-v2 h1{
    font-size:25px;
  }

  .ywbb-guide-v2 .ywbb-guide-toc{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .ywbb-guide-v2 .ywbb-guide-step-num{
    font-size:36px;
  }

  .ywbb-guide-v2 .ywbb-guide-step-label{
    height:22px;
    font-size:12px;
  }

  .ywbb-guide-v2 .ywbb-guide-card{
    padding:10px 40px 10px 14px!important;
  }

  .ywbb-guide-v2 .ywbb-guide-card:after{
    right:14px;
    width:21px;
    height:21px;
    font-size:17px;
    line-height:17px;
  }

  .ywbb-guide-v2 h2{
    font-size:21px;
  }
}



/* Topic index v1.0.15: self-contained card layout fallback + corrected left number size */
#ywbb-topic-index .ywbb-topic-block,
.ywbb-topic-index .ywbb-topic-block{
  display:grid !important;
  grid-template-columns:180px 1fr !important;
  overflow:hidden !important;
  margin-bottom:18px !important;
  border-width:1px !important;
  border-style:solid !important;
  border-radius:18px !important;
  background:#fff !important;
  color:inherit !important;
  text-decoration:none !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-number,
.ywbb-topic-index .ywbb-topic-block .ywbb-number{
  display:block !important;
  padding:30px 22px !important;
  border-right:1px solid #d9dfcf !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-number b,
.ywbb-topic-index .ywbb-topic-block .ywbb-number b{
  display:block !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-number strong,
.ywbb-topic-index .ywbb-topic-block .ywbb-number strong{
  display:block !important;
  margin-top:14px !important;
  font-size:24px !important;
  line-height:1.25 !important;
  color:#1f2933 !important;
  font-weight:800 !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-number span,
.ywbb-topic-index .ywbb-topic-block .ywbb-number span{
  display:block !important;
  margin-top:6px !important;
  font-size:16px !important;
  line-height:1.5 !important;
  color:#667085 !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-content,
.ywbb-topic-index .ywbb-topic-block .ywbb-content{
  padding:28px 30px !important;
  background:#fff !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-content h2,
.ywbb-topic-index .ywbb-topic-block .ywbb-content h2{
  margin:0 0 8px !important;
  font-size:24px !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  color:#1f2933 !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-content p,
.ywbb-topic-index .ywbb-topic-block .ywbb-content p{
  margin:0 0 18px !important;
  font-size:16px !important;
  line-height:1.8 !important;
  color:#667085 !important;
}

@media(max-width:760px){
  #ywbb-topic-index .ywbb-topic-block,
  .ywbb-topic-index .ywbb-topic-block{
    grid-template-columns:1fr !important;
  }
  #ywbb-topic-index .ywbb-topic-block .ywbb-number,
  .ywbb-topic-index .ywbb-topic-block .ywbb-number{
    border-right:0 !important;
    border-bottom:1px solid #d9dfcf !important;
  }
}

/* Topic index v1.0.16: reduce main topic page title to about 32px */
#ywbb-advanced-guide h1,
.ywbb-topic h1{
  font-size:32px !important;
}


/* Topic index v1.0.18: keep 1.0.16 font sizes and align the “查看专题” button to the right */
#ywbb-topic-index .ywbb-topic-block .ywbb-link,
.ywbb-topic-index .ywbb-topic-block .ywbb-link{
  width:max-content !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-link em,
.ywbb-topic-index .ywbb-topic-block .ywbb-link em{
  margin-left:8px !important;
}

/* Re-assert stable left number/title sizes so later rules or theme CSS cannot roll them back */
#ywbb-topic-index .ywbb-topic-block .ywbb-number b,
.ywbb-topic-index .ywbb-topic-block .ywbb-number b{
  font-size:30px !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-number strong,
.ywbb-topic-index .ywbb-topic-block .ywbb-number strong{
  font-size:24px !important;
}

/* Topic index v1.0.19: make the “查看专题” span occupy a full line and align its text right */
#ywbb-topic-index .ywbb-topic-block .ywbb-content .ywbb-more,
.ywbb-topic-index .ywbb-topic-block .ywbb-content .ywbb-more{
  display:block !important;
  width:100% !important;
  margin-top:12px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:right !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  color:#516842 !important;
}

/* Keep the previously approved left-side number/title sizes after the link alignment fix */
#ywbb-topic-index .ywbb-topic-block .ywbb-number b,
.ywbb-topic-index .ywbb-topic-block .ywbb-number b{
  font-size:30px !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-number strong,
.ywbb-topic-index .ywbb-topic-block .ywbb-number strong{
  font-size:24px !important;
}


/* Topic index v1.0.22: soften large heading color and reduce heavy visual pressure; no button-style changes */
#ywbb-topic-index .ywbb-hero h1,
.ywbb-topic-index .ywbb-hero h1,
#ywbb-topic-index .ywbb-icon-card strong,
.ywbb-topic-index .ywbb-icon-card strong,
#ywbb-topic-index .ywbb-topic-block .ywbb-content h2,
.ywbb-topic-index .ywbb-topic-block .ywbb-content h2,
#ywbb-topic-index .ywbb-topic-block .ywbb-number strong,
.ywbb-topic-index .ywbb-topic-block .ywbb-number strong{
  color:#354252 !important;
  font-weight:700 !important;
}

/* Re-assert approved left-side number/title sizes after the heading gray adjustment */
#ywbb-topic-index .ywbb-topic-block .ywbb-number b,
.ywbb-topic-index .ywbb-topic-block .ywbb-number b{
  font-size:30px !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-number strong,
.ywbb-topic-index .ywbb-topic-block .ywbb-number strong{
  font-size:24px !important;
}


/* Topic index v1.0.23: reduce only the main hero title on the Los Angeles topic index */
#ywbb-topic-index .ywbb-hero h1,
.ywbb-topic-index .ywbb-hero h1{
  font-size:28px !important;
  line-height:1.32 !important;
  font-weight:700 !important;
  color:#354252 !important;
  letter-spacing:-0.2px !important;
}

@media(max-width:760px){
  #ywbb-topic-index .ywbb-hero h1,
  .ywbb-topic-index .ywbb-hero h1{
    font-size:26px !important;
  }
}


/* Topic index v1.0.24: reduce left category title and card title size */
#ywbb-topic-index .ywbb-topic-block .ywbb-number strong,
.ywbb-topic-index .ywbb-topic-block .ywbb-number strong{
  font-size:21px !important;
  line-height:1.28 !important;
  font-weight:700 !important;
}

#ywbb-topic-index .ywbb-topic-block .ywbb-content h2,
.ywbb-topic-index .ywbb-topic-block .ywbb-content h2{
  font-size:22px !important;
  line-height:1.38 !important;
  font-weight:700 !important;
}


/* =========================================================
   YWBB Guide V2 TOC adjustment v1.0.28
   Renovation guide TOC: flex-based 3 columns to avoid grid/theme/cache interference.
   Desktop: 3 columns. Tablet: 2 columns. Mobile: 1 column.
   ========================================================= */
body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc,
body .ywbb-guide-v2 > .ywbb-guide-toc,
.ywbb-guide-v2 > .ywbb-guide-toc{
  display:flex !important;
  flex-wrap:wrap !important;
  flex-direction:row !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:16px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 28px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  list-style:none !important;
  column-count:auto !important;
  columns:auto !important;
  grid-template-columns:none !important;
  grid-auto-flow:initial !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a,
body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
body .ywbb-guide-v2 > .ywbb-guide-toc > a,
body .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
.ywbb-guide-v2 > .ywbb-guide-toc > a,
.ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n){
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  flex:0 0 calc((100% - 32px) / 3) !important;
  width:calc((100% - 32px) / 3) !important;
  max-width:calc((100% - 32px) / 3) !important;
  min-width:0 !important;
  min-height:92px !important;
  margin:0 !important;
  padding:17px 18px !important;
  box-sizing:border-box !important;
  float:none !important;
  clear:none !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  translate:none !important;
  grid-column:auto !important;
  grid-row:auto !important;
  order:0 !important;
  border-radius:16px !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a strong,
body .ywbb-guide-v2 > .ywbb-guide-toc > a strong,
.ywbb-guide-v2 > .ywbb-guide-toc > a strong{
  display:block !important;
  font-size:16px !important;
  line-height:1.35 !important;
  margin:0 0 4px !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a span,
body .ywbb-guide-v2 > .ywbb-guide-toc > a span,
.ywbb-guide-v2 > .ywbb-guide-toc > a span{
  display:block !important;
  font-size:13px !important;
  line-height:1.5 !important;
  margin:0 !important;
}

/* v1.0.29: keep 3 columns in the normal desktop content column.
   The previous 900px breakpoint made many sidebar layouts switch to 2 columns too early. */
@media(max-width:680px){
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  body .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  .ywbb-guide-v2 > .ywbb-guide-toc > a,
  .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n){
    flex-basis:calc((100% - 16px) / 2) !important;
    width:calc((100% - 16px) / 2) !important;
    max-width:calc((100% - 16px) / 2) !important;
  }
}

@media(max-width:520px){
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc,
  body .ywbb-guide-v2 > .ywbb-guide-toc,
  .ywbb-guide-v2 > .ywbb-guide-toc{
    gap:12px !important;
  }

  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  body .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  .ywbb-guide-v2 > .ywbb-guide-toc > a,
  .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n){
    flex-basis:100% !important;
    width:100% !important;
    max-width:100% !important;
    min-height:84px !important;
  }
}

/* =========================================================
   YWBB Guide V2 TOC adjustment v1.0.30
   Keep TOC cards in 3 columns on narrow desktop/sidebar layouts.
   The previous 680px breakpoint switched to 2 columns too early.
   ========================================================= */
body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc,
body .ywbb-guide-v2 > .ywbb-guide-toc,
.ywbb-guide-v2 > .ywbb-guide-toc{
  display:flex !important;
  flex-wrap:wrap !important;
  flex-direction:row !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:12px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 26px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  column-count:auto !important;
  columns:auto !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a,
body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
body .ywbb-guide-v2 > .ywbb-guide-toc > a,
body .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
.ywbb-guide-v2 > .ywbb-guide-toc > a,
.ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n){
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  flex:0 0 calc((100% - 24px) / 3) !important;
  width:calc((100% - 24px) / 3) !important;
  max-width:calc((100% - 24px) / 3) !important;
  min-width:0 !important;
  min-height:86px !important;
  margin:0 !important;
  padding:15px 16px !important;
  box-sizing:border-box !important;
  float:none !important;
  clear:none !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  translate:none !important;
  grid-column:auto !important;
  grid-row:auto !important;
  order:0 !important;
  border-radius:16px !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a strong,
body .ywbb-guide-v2 > .ywbb-guide-toc > a strong,
.ywbb-guide-v2 > .ywbb-guide-toc > a strong{
  font-size:16px !important;
  line-height:1.32 !important;
  margin:0 0 4px !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a span,
body .ywbb-guide-v2 > .ywbb-guide-toc > a span,
.ywbb-guide-v2 > .ywbb-guide-toc > a span{
  font-size:13px !important;
  line-height:1.45 !important;
  margin:0 !important;
}

@media(max-width:500px){
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  body .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  .ywbb-guide-v2 > .ywbb-guide-toc > a,
  .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n){
    flex:0 0 calc((100% - 12px) / 2) !important;
    width:calc((100% - 12px) / 2) !important;
    max-width:calc((100% - 12px) / 2) !important;
  }
}

@media(max-width:390px){
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  body .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  .ywbb-guide-v2 > .ywbb-guide-toc > a,
  .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n){
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
  }
}

/* =========================================================
   YWBB Topic List V1 - full-width article/page topic directory
   Added in 1.0.31. Scope: .ywbb-topic-list-v1 only.
   ========================================================= */

.ywbb-topic-list-v1,
.ywbb-topic-list-v1 * {
  box-sizing: border-box;
}

.ywbb-topic-list-v1 {
  --ywbb-list-bg: #f8f5ee;
  --ywbb-list-card: #ffffff;
  --ywbb-list-text: #242424;
  --ywbb-list-muted: #6f6b63;
  --ywbb-list-line: #eee5d7;
  --ywbb-list-soft: #fff8e6;
  --ywbb-list-accent: #f3a51d;
  --ywbb-list-accent-2: #d98908;
  --ywbb-list-shadow: 0 18px 44px rgba(75, 55, 20, .08);

  width: auto;
  max-width: none !important;
  margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw) !important;
  padding: 52px max(22px, calc((100vw - 1180px) / 2)) 68px;
  background:
    radial-gradient(circle at 10% 0%, rgba(243, 165, 29, .12), transparent 28%),
    linear-gradient(180deg, #fbf7ee 0%, var(--ywbb-list-bg) 100%);
  color: var(--ywbb-list-text);
  overflow-x: clip;
  font-family: inherit;
  text-align: left;
}

.ywbb-topic-list-v1 a {
  color: inherit;
  text-decoration: none !important;
}

.ywbb-topic-list-v1 p,
.ywbb-topic-list-v1 h1,
.ywbb-topic-list-v1 h2,
.ywbb-topic-list-v1 h3,
.ywbb-topic-list-v1 div,
.ywbb-topic-list-v1 span,
.ywbb-topic-list-v1 article,
.ywbb-topic-list-v1 nav,
.ywbb-topic-list-v1 header {
  text-indent: 0 !important;
}

.ywbb-topic-list-v1__inner {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.ywbb-topic-list-v1__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  margin-bottom: 24px;
}

.ywbb-topic-list-v1__eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 12px;
  padding: 6px 12px;
  border: 1px solid rgba(243, 165, 29, .35);
  border-radius: 999px;
  background: rgba(255, 248, 230, .84);
  color: #9b6200;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .03em;
}

.ywbb-topic-list-v1__title {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ywbb-list-text) !important;
  font-size: clamp(20px, 3vw, 36px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em;
}

.ywbb-topic-list-v1__desc {
  max-width: 760px;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  color: var(--ywbb-list-muted) !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
}

.ywbb-topic-list-v1__stats {
  min-width: 178px;
  padding: 20px 22px;
  border: 1px solid rgba(243, 165, 29, .22);
  border-radius: 24px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 14px 36px rgba(75, 55, 20, .06);
  text-align: center;
}

.ywbb-topic-list-v1__stats-number {
  display: block;
  color: var(--ywbb-list-accent-2);
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
}

.ywbb-topic-list-v1__stats-label {
  display: block;
  margin-top: 8px;
  color: var(--ywbb-list-muted);
  font-size: 14px;
  font-weight: 700;
}

.ywbb-topic-list-v1__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 28px;
  padding: 0;
}

.ywbb-topic-list-v1__filter {
  appearance: none;
  border: 1px solid rgba(216, 137, 8, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: #6e5b39;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 12px 16px;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.ywbb-topic-list-v1__filter:hover,
.ywbb-topic-list-v1__filter:focus-visible {
  border-color: rgba(243, 165, 29, .55);
  background: #fffdf7;
  box-shadow: 0 10px 26px rgba(216, 137, 8, .10);
  color: #a46600;
  outline: none;
}

.ywbb-topic-list-v1__filter.is-active {
  border-color: rgba(243, 165, 29, .85);
  background: linear-gradient(180deg, #ffbd47 0%, var(--ywbb-list-accent) 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(243, 165, 29, .22);
}

.ywbb-topic-list-v1__list {
  display: grid;
  gap: 14px;
}

.ywbb-topic-list-v1__card {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  min-height: 128px;
  padding: 24px 26px;
  border: 1px solid var(--ywbb-list-line);
  border-radius: 28px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 8px 26px rgba(70, 48, 15, .045);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.ywbb-topic-list-v1__card:hover,
.ywbb-topic-list-v1__card:focus-within {
  border-color: rgba(243, 165, 29, .52);
  background: #ffffff;
  box-shadow: var(--ywbb-list-shadow);
}

.ywbb-topic-list-v1__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background: var(--ywbb-list-soft);
  color: var(--ywbb-list-accent-2);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
}

.ywbb-topic-list-v1__body {
  min-width: 0;
}

.ywbb-topic-list-v1__card-title {
  margin: 0 0 9px !important;
  padding: 0 !important;
  color: var(--ywbb-list-text) !important;
  font-size: clamp(14px, 1.5vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  letter-spacing: -.025em;
}

.ywbb-topic-list-v1__card-title a {
  color: inherit !important;
}

.ywbb-topic-list-v1__card-title a:hover,
.ywbb-topic-list-v1__card-title a:focus-visible {
  color: #a46600 !important;
  outline: none;
}

.ywbb-topic-list-v1__intro {
  max-width: 860px;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ywbb-list-muted) !important;
  font-size: 16px !important;
  line-height: 1.78 !important;
}

.ywbb-topic-list-v1__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 116px;
  padding: 12px 16px;
  border: 1px solid rgba(243, 165, 29, .25);
  border-radius: 999px;
  background: rgba(255, 248, 230, .72);
  color: #9b6200 !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.ywbb-topic-list-v1__link:hover,
.ywbb-topic-list-v1__link:focus-visible {
  border-color: rgba(243, 165, 29, .7);
  background: #fff3cf;
  outline: none;
}

.ywbb-topic-list-v1__empty {
  display: none;
  margin: 18px 0 0 !important;
  padding: 18px 20px;
  border: 1px dashed rgba(216, 137, 8, .28);
  border-radius: 18px;
  background: rgba(255, 255, 255, .68);
  color: var(--ywbb-list-muted) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.ywbb-topic-list-v1.has-empty .ywbb-topic-list-v1__empty {
  display: block;
}

.ywbb-topic-list-v1__card.is-hidden {
  display: none;
}

@media (max-width: 782px) {
  .ywbb-topic-list-v1 {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 38px 18px 48px;
  }

  .ywbb-topic-list-v1__hero {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 18px;
  }

  .ywbb-topic-list-v1__stats {
    display: inline-block;
    min-width: 150px;
    width: fit-content;
    padding: 16px 18px;
  }

  .ywbb-topic-list-v1__stats-number {
    font-size: 34px;
  }

  .ywbb-topic-list-v1__filters {
    gap: 8px;
    margin: 22px 0 24px;
  }

  .ywbb-topic-list-v1__filter {
    padding: 10px 13px;
    font-size: 13px;
  }

  .ywbb-topic-list-v1__card {
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
    min-height: 0;
    padding: 22px;
    border-radius: 22px;
  }

  .ywbb-topic-list-v1__num {
    width: 58px;
    height: 48px;
    border-radius: 16px;
    font-size: 20px;
  }

  .ywbb-topic-list-v1__link {
    width: fit-content;
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .ywbb-topic-list-v1 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .ywbb-topic-list-v1__card {
    padding: 19px;
  }
}

/* =========================================================
   YWBB Topic List V1 - light blue theme override
   Added in 1.0.37. Scope: .ywbb-topic-list-v1 only.
   ========================================================= */
.ywbb-topic-list-v1 {
  --ywbb-list-bg: #f1f7fd;
  --ywbb-list-card: #ffffff;
  --ywbb-list-text: #1f2f3d;
  --ywbb-list-muted: #607286;
  --ywbb-list-line: #dbe8f5;
  --ywbb-list-soft: #eaf4ff;
  --ywbb-list-accent: #6aa7d8;
  --ywbb-list-accent-2: #2f78b7;
  --ywbb-list-shadow: 0 18px 44px rgba(43, 105, 155, .10);
  background:
    radial-gradient(circle at 10% 0%, rgba(106, 167, 216, .16), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, var(--ywbb-list-bg) 100%);
}

.ywbb-topic-list-v1__eyebrow {
  border-color: rgba(106, 167, 216, .38);
  background: rgba(234, 244, 255, .86);
  color: #2f78b7;
}

.ywbb-topic-list-v1__stats {
  border-color: rgba(106, 167, 216, .26);
  box-shadow: 0 14px 36px rgba(43, 105, 155, .07);
}

.ywbb-topic-list-v1__filter {
  border-color: rgba(47, 120, 183, .20);
  color: #46677f;
}

.ywbb-topic-list-v1__filter:hover,
.ywbb-topic-list-v1__filter:focus-visible {
  border-color: rgba(106, 167, 216, .60);
  background: #f7fbff;
  box-shadow: 0 10px 26px rgba(43, 105, 155, .11);
  color: #2f78b7;
}

.ywbb-topic-list-v1__filter.is-active {
  border-color: rgba(106, 167, 216, .88);
  background: linear-gradient(180deg, #8cc5ee 0%, #5fa8dc 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(43, 105, 155, .20);
}

.ywbb-topic-list-v1__card {
  box-shadow: 0 8px 26px rgba(43, 105, 155, .055);
}

.ywbb-topic-list-v1__card:hover,
.ywbb-topic-list-v1__card:focus-within {
  border-color: rgba(106, 167, 216, .56);
}

.ywbb-topic-list-v1__card-title a:hover,
.ywbb-topic-list-v1__card-title a:focus-visible {
  color: #2f78b7 !important;
}

.ywbb-topic-list-v1__link {
  border-color: rgba(106, 167, 216, .34);
  background: rgba(234, 244, 255, .82);
  color: #2f78b7 !important;
}

.ywbb-topic-list-v1__link:hover,
.ywbb-topic-list-v1__link:focus-visible {
  border-color: rgba(106, 167, 216, .76);
  background: #dff0ff;
}

.ywbb-topic-list-v1__empty {
  border-color: rgba(47, 120, 183, .30);
}

/* =========================================================
   YWBB Guide V2 readability refresh v1.0.43
   Cleaner route-page reading layout. Scoped to .ywbb-guide-v2 only.
   ========================================================= */

body .entry-content .ywbb-guide-v2,
body .ywbb-guide-v2,
.ywbb-guide-v2{
  --accent:#2563eb !important;
  --accent-dark:#1d4ed8 !important;
  --accent-deep:#1e40af !important;
  --accent-soft:#eff6ff !important;
  --accent-soft-2:#f8fbff !important;
  --text:#222222 !important;
  --muted:#667085 !important;
  --line:#dbeafe !important;
  --line-strong:#bfdbfe !important;
  --card:#ffffff !important;
  --shadow-soft:0 12px 30px rgba(37,99,235,.08) !important;
  --shadow-card:0 5px 18px rgba(15,23,42,.045) !important;
  width:100% !important;
  max-width:960px !important;
  margin:0 auto 44px !important;
  color:var(--text) !important;
  font-size:16px !important;
  line-height:1.78 !important;
  text-indent:0 !important;
}

.ywbb-guide-v2 *,
.ywbb-guide-v2 *:before,
.ywbb-guide-v2 *:after{
  box-sizing:border-box !important;
}

.ywbb-guide-v2 p,
.ywbb-guide-v2 span,
.ywbb-guide-v2 strong,
.ywbb-guide-v2 div,
.ywbb-guide-v2 section{
  text-indent:0 !important;
}

.ywbb-guide-v2 a{
  color:inherit !important;
  text-decoration:none !important;
}

body .entry-content .ywbb-guide-v2 .ywbb-guide-hero,
body .ywbb-guide-v2 .ywbb-guide-hero,
.ywbb-guide-v2 .ywbb-guide-hero{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--line-strong) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.15), transparent 34%),
    linear-gradient(135deg,#eff6ff 0%,#ffffff 62%,#ffffff 100%) !important;
  border-radius:22px !important;
  padding:30px 32px 28px !important;
  margin:0 0 18px !important;
  box-shadow:var(--shadow-soft) !important;
}

.ywbb-guide-v2 .ywbb-guide-hero:before{
  content:"" !important;
  position:absolute !important;
  right:-56px !important;
  top:-56px !important;
  width:178px !important;
  height:178px !important;
  border-radius:999px !important;
  background:rgba(37,99,235,.12) !important;
  pointer-events:none !important;
}

.ywbb-guide-v2 .ywbb-guide-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:var(--accent-deep) !important;
  background:#ffffff !important;
  border:1px solid var(--line-strong) !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  margin:0 0 13px !important;
}

.ywbb-guide-v2 .ywbb-guide-label:before{
  content:"" !important;
  display:inline-block !important;
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:var(--accent) !important;
}

.ywbb-guide-v2 h1{
  font-size:34px !important;
  line-height:1.25 !important;
  margin:0 0 12px !important;
  padding:0 !important;
  border:0 !important;
  color:#111827 !important;
  letter-spacing:-.5px !important;
  font-weight:800 !important;
}

.ywbb-guide-v2 .ywbb-guide-hero p{
  max-width:790px !important;
  margin:0 0 8px !important;
  padding:0 !important;
  color:#4b5563 !important;
  font-size:16px !important;
  line-height:1.78 !important;
}

.ywbb-guide-v2 .ywbb-guide-hero p:first-of-type{
  font-size:18px !important;
  line-height:1.55 !important;
  color:#1f2937 !important;
  font-weight:700 !important;
  margin-bottom:10px !important;
}

.ywbb-guide-v2 .ywbb-guide-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:17px 0 0 !important;
  padding:0 !important;
}

.ywbb-guide-v2 .ywbb-guide-pill{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  border:1px solid var(--line-strong) !important;
  background:#ffffff !important;
  border-radius:999px !important;
  padding:5px 12px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  color:var(--accent-deep) !important;
  font-weight:700 !important;
}

.ywbb-guide-v2 .ywbb-guide-intro-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 16px !important;
}

.ywbb-guide-v2 .ywbb-guide-intro-card{
  border:1px solid var(--line) !important;
  background:#ffffff !important;
  border-radius:18px !important;
  padding:16px 17px !important;
  box-shadow:var(--shadow-card) !important;
}

.ywbb-guide-v2 .ywbb-guide-intro-card b{
  display:block !important;
  color:#111827 !important;
  font-size:15px !important;
  line-height:1.45 !important;
  margin:0 0 5px !important;
}

.ywbb-guide-v2 .ywbb-guide-intro-card span{
  display:block !important;
  color:#6b7280 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc,
body .ywbb-guide-v2 > .ywbb-guide-toc,
.ywbb-guide-v2 > .ywbb-guide-toc{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 18px !important;
  padding:0 !important;
  list-style:none !important;
  counter-reset:ywbbGuideToc !important;
  column-count:auto !important;
  columns:auto !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a,
body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
body .ywbb-guide-v2 > .ywbb-guide-toc > a,
body .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
.ywbb-guide-v2 > .ywbb-guide-toc > a,
.ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n){
  counter-increment:ywbbGuideToc !important;
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:92px !important;
  flex:auto !important;
  margin:0 !important;
  padding:16px 16px 15px 54px !important;
  border:1px solid var(--line) !important;
  background:#ffffff !important;
  border-radius:18px !important;
  box-shadow:var(--shadow-card) !important;
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
  float:none !important;
  clear:none !important;
  transform:none !important;
}

.ywbb-guide-v2 > .ywbb-guide-toc > a:before{
  content:counter(ywbbGuideToc, decimal-leading-zero) !important;
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--accent-soft) !important;
  border:1px solid var(--line-strong) !important;
  color:var(--accent-dark) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

.ywbb-guide-v2 > .ywbb-guide-toc > a:hover{
  border-color:#60a5fa !important;
  background:#f8fbff !important;
  box-shadow:0 12px 26px rgba(37,99,235,.12) !important;
  transform:translateY(-2px) !important;
}

.ywbb-guide-v2 > .ywbb-guide-toc > a:hover:before{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#ffffff !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a strong,
body .ywbb-guide-v2 > .ywbb-guide-toc > a strong,
.ywbb-guide-v2 > .ywbb-guide-toc > a strong{
  display:block !important;
  margin:0 0 3px !important;
  padding:0 !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  color:#111827 !important;
}

body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a span,
body .ywbb-guide-v2 > .ywbb-guide-toc > a span,
.ywbb-guide-v2 > .ywbb-guide-toc > a span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#6b7280 !important;
  font-size:13px !important;
  line-height:1.48 !important;
}

.ywbb-guide-v2 .ywbb-guide-note{
  border:1px solid var(--line) !important;
  border-left:5px solid var(--accent) !important;
  background:var(--accent-soft-2) !important;
  border-radius:18px !important;
  padding:16px 18px !important;
  margin:0 0 34px !important;
  color:#374151 !important;
  font-size:15px !important;
  line-height:1.72 !important;
}

.ywbb-guide-v2 .ywbb-guide-note strong{
  color:#111827 !important;
  font-weight:800 !important;
}

.ywbb-guide-v2 .ywbb-guide-section{
  margin:34px 0 0 !important;
  padding:0 !important;
  scroll-margin-top:90px !important;
}

.ywbb-guide-v2 .ywbb-guide-section-head{
  position:relative !important;
  margin:0 0 14px !important;
  padding:20px 22px !important;
  border:1px solid var(--line) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  border-radius:20px !important;
}

.ywbb-guide-v2 .ywbb-guide-step{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 9px !important;
}

.ywbb-guide-v2 .ywbb-guide-step-num{
  display:block !important;
  font-size:36px !important;
  font-weight:850 !important;
  line-height:.9 !important;
  letter-spacing:-1.4px !important;
  color:var(--accent) !important;
}

.ywbb-guide-v2 .ywbb-guide-step-label{
  display:inline-flex !important;
  align-items:center !important;
  height:25px !important;
  font-size:13px !important;
  font-weight:800 !important;
  color:var(--accent-deep) !important;
  background:var(--accent-soft) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:999px !important;
  padding:0 11px !important;
  margin:0 !important;
}

.ywbb-guide-v2 h2{
  font-size:24px !important;
  line-height:1.36 !important;
  margin:0 0 7px !important;
  padding:0 !important;
  border:0 !important;
  color:#111827 !important;
  letter-spacing:-.2px !important;
  font-weight:800 !important;
}

.ywbb-guide-v2 .ywbb-guide-section-head p{
  max-width:820px !important;
  color:#5f6b7a !important;
  margin:0 !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

.ywbb-guide-v2 .ywbb-guide-card-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
}

.ywbb-guide-v2 .ywbb-guide-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:126px !important;
  height:auto !important;
  border:1px solid var(--line) !important;
  background:#ffffff !important;
  border-radius:18px !important;
  padding:17px 54px 17px 18px !important;
  box-shadow:var(--shadow-card) !important;
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
  color:inherit !important;
  text-decoration:none !important;
  line-height:normal !important;
  overflow:hidden !important;
}

.ywbb-guide-v2 .ywbb-guide-card:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:18px !important;
  bottom:18px !important;
  width:4px !important;
  border-radius:0 999px 999px 0 !important;
  background:var(--accent-soft) !important;
}

.ywbb-guide-v2 .ywbb-guide-card:after{
  content:"›" !important;
  position:absolute !important;
  right:18px !important;
  top:22px !important;
  transform:none !important;
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  border:1px solid var(--line-strong) !important;
  color:var(--accent-dark) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:22px !important;
  line-height:22px !important;
  background:var(--accent-soft) !important;
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, right .18s ease !important;
}

.ywbb-guide-v2 .ywbb-guide-card:hover{
  border-color:#60a5fa !important;
  background:#f8fbff !important;
  box-shadow:0 14px 30px rgba(37,99,235,.12) !important;
  transform:translateY(-2px) !important;
  color:inherit !important;
}

.ywbb-guide-v2 .ywbb-guide-card:hover:before{
  background:var(--accent) !important;
}

.ywbb-guide-v2 .ywbb-guide-card:hover:after{
  right:15px !important;
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#ffffff !important;
}

.ywbb-guide-v2 .ywbb-guide-card strong{
  display:block !important;
  margin:0 0 7px !important;
  padding:0 !important;
  color:#111827 !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.42 !important;
}

.ywbb-guide-v2 .ywbb-guide-card:hover strong{
  color:var(--accent-dark) !important;
}

.ywbb-guide-v2 .ywbb-guide-card span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#6b7280 !important;
  font-size:14px !important;
  line-height:1.62 !important;
}

.ywbb-guide-v2 .ywbb-guide-card p{
  margin:0 !important;
  padding:0 !important;
}

.ywbb-guide-v2 .ywbb-guide-footer{
  border:1px solid var(--line-strong) !important;
  background:linear-gradient(135deg,#eff6ff 0%,#ffffff 100%) !important;
  border-radius:20px !important;
  margin:38px 0 0 !important;
  padding:20px 22px !important;
  color:#374151 !important;
  box-shadow:var(--shadow-card) !important;
}

.ywbb-guide-v2 .ywbb-guide-footer p{
  margin:0 0 8px !important;
  padding:0 !important;
  color:#374151 !important;
  font-size:15px !important;
  line-height:1.72 !important;
}

.ywbb-guide-v2 .ywbb-guide-footer p:last-child{
  margin-bottom:0 !important;
}

.ywbb-guide-v2 .ywbb-guide-footer strong{
  color:#111827 !important;
  font-weight:800 !important;
}

@media(max-width:760px){
  .ywbb-guide-v2{
    max-width:100% !important;
    font-size:15px !important;
  }

  .ywbb-guide-v2 .ywbb-guide-hero{
    padding:24px 20px !important;
    border-radius:20px !important;
  }

  .ywbb-guide-v2 h1{
    font-size:28px !important;
  }

  .ywbb-guide-v2 .ywbb-guide-intro-grid{
    grid-template-columns:1fr !important;
  }

  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc,
  body .ywbb-guide-v2 > .ywbb-guide-toc,
  .ywbb-guide-v2 > .ywbb-guide-toc{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .ywbb-guide-v2 .ywbb-guide-card-list{
    grid-template-columns:1fr !important;
  }

  .ywbb-guide-v2 .ywbb-guide-card{
    min-height:0 !important;
  }
}

@media(max-width:480px){
  .ywbb-guide-v2 .ywbb-guide-hero{
    padding:22px 18px !important;
  }

  .ywbb-guide-v2 h1{
    font-size:25px !important;
  }

  .ywbb-guide-v2 .ywbb-guide-hero p:first-of-type{
    font-size:16px !important;
  }

  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc,
  body .ywbb-guide-v2 > .ywbb-guide-toc,
  .ywbb-guide-v2 > .ywbb-guide-toc{
    grid-template-columns:1fr !important;
  }

  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .entry-content .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  body .ywbb-guide-v2 > .ywbb-guide-toc > a,
  body .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n),
  .ywbb-guide-v2 > .ywbb-guide-toc > a,
  .ywbb-guide-v2 > .ywbb-guide-toc > a:nth-child(n){
    min-height:80px !important;
    padding:14px 14px 14px 52px !important;
  }

  .ywbb-guide-v2 .ywbb-guide-section{
    margin-top:28px !important;
  }

  .ywbb-guide-v2 .ywbb-guide-section-head{
    padding:18px 17px !important;
    border-radius:18px !important;
  }

  .ywbb-guide-v2 .ywbb-guide-step-num{
    font-size:32px !important;
  }

  .ywbb-guide-v2 h2{
    font-size:21px !important;
  }

  .ywbb-guide-v2 .ywbb-guide-card{
    padding:15px 48px 15px 16px !important;
    border-radius:17px !important;
  }

  .ywbb-guide-v2 .ywbb-guide-card:after{
    right:15px !important;
    top:18px !important;
    width:25px !important;
    height:25px !important;
    font-size:20px !important;
  }
}