:root{
      --ysb-bg:#f4f7fb;
      --ysb-bg-soft:#eef4fb;
      --ysb-card:#ffffff;
      --ysb-text:#182235;
      --ysb-text-soft:#62718a;
      --ysb-line:#d9e2ef;
      --ysb-primary:#1d4ed8;
      --ysb-primary-soft:#eaf1ff;
      --ysb-dark:#0f172a;
      --ysb-green:#0f9f6e;
      --ysb-warn:#f59e0b;
      --ysb-shadow:0 18px 50px rgba(15,23,42,.08);
      --ysb-shadow-soft:0 10px 24px rgba(15,23,42,.05);
      --ysb-radius:18px;
      --ysb-container:1000px;
      --ysb-mobile-pad:12px;
    }

    html{
      scroll-behavior:smooth;
    }

    html,body{
      width:100%;
      max-width:100%;
      overflow-x:clip;
    }

    body.page-template,
    body.page-template-default{
      background:var(--ysb-bg);
      color:var(--ysb-text);
    }

    .ysb-page,
    .ysb-page *{
      box-sizing:border-box;
    }

    .ysb-page{
      width:100%;
      max-width:100%;
      margin:0;
      padding:0;
      background:
        radial-gradient(circle at top left, rgba(29,78,216,.08), transparent 28%),
        radial-gradient(circle at top right, rgba(15,159,110,.06), transparent 22%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 24%, #f4f7fb 100%);
      color:var(--ysb-text);
      overflow-x:clip;
    }

    .ysb-page img{
      display:block;
      width:100%;
      max-width:100%;
      height:auto;
      border:0;
    }

    .ysb-page a{
      color:var(--ysb-primary);
      text-decoration:none;
      text-underline-offset:2px;
      word-break:break-word;
    }

    .ysb-page a:hover{
      text-decoration:underline;
    }

    .ysb-page a:focus-visible,
    .ysb-page button:focus-visible,
    .ysb-page [tabindex]:focus-visible{
      outline:3px solid rgba(29,78,216,.3);
      outline-offset:2px;
      border-radius:8px;
    }

    .ysb-page .ysb-shell,
    .ysb-page .ysb-wrap{
      width:100%;
      max-width:100%;
      margin:0;
      padding-left:var(--ysb-mobile-pad);
      padding-right:var(--ysb-mobile-pad);
    }

    .ysb-section{
      padding:18px 0;
    }

    .ysb-hero{
      padding:0 0 18px;
    }

    .ysb-hero-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:14px;
      align-items:start;
    }

    .ysb-badge,
    .ysb-kicker{
      display:inline-flex;
      align-items:center;
      min-height:30px;
      padding:0 10px;
      border-radius:999px;
      background:var(--ysb-primary-soft);
      color:var(--ysb-primary);
      font-size:12px;
      font-weight:700;
      letter-spacing:.03em;
    }

    .ysb-badge{
      margin-bottom:12px;
    }

    .ysb-meta{
      display:flex;
      flex-wrap:wrap;
      gap:8px 12px;
      margin:0 0 14px;
      color:var(--ysb-text-soft);
      font-size:13px;
      line-height:1.6;
    }

    .ysb-page h1,
    .ysb-page h2,
    .ysb-page h3,
    .ysb-page h4{
      margin:0;
      color:var(--ysb-text);
      line-height:1.28;
      letter-spacing:-.02em;
    }

    .ysb-page h1{ font-size:30px; margin-bottom:12px; }
    .ysb-page h2{ font-size:24px; }
    .ysb-page h3{ font-size:20px; }
    .ysb-page h4{ font-size:17px; }

    .ysb-page p{
      margin:0 0 14px;
      color:var(--ysb-text-soft);
      font-size:15px;
      line-height:1.82;
    }

    .ysb-page p:last-child{
      margin-bottom:0;
    }

    .ysb-hero-card{
      background:#fff;
      border:1px solid var(--ysb-line);
      border-radius:16px;
      box-shadow:var(--ysb-shadow-soft);
      overflow:hidden;
    }

    .ysb-hero-card-inner{
      padding:8px;
    }

    .ysb-hero-card figure{
      margin:0;
      border-radius:12px;
      overflow:hidden;
      background:#fff;
    }

    .ysb-hero-card figcaption,
    .ysb-figure figcaption{
      padding:10px 12px 12px;
      color:var(--ysb-text-soft);
      font-size:12px;
      line-height:1.7;
      background:#fff;
    }

    .ysb-quickfacts{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      margin-top:14px;
    }

    .ysb-quickfact{
      padding:13px 12px;
      border-radius:14px;
      background:rgba(255,255,255,.88);
      border:1px solid var(--ysb-line);
    }

    .ysb-quickfact strong{
      display:block;
      font-size:21px;
      line-height:1.15;
      color:var(--ysb-text);
      margin-bottom:6px;
    }

    .ysb-quickfact span{
      display:block;
      font-size:13px;
      line-height:1.65;
      color:var(--ysb-text-soft);
    }

    .ysb-anchor{
      position:sticky;
      top:0;
      z-index:30;
      background:rgba(255,255,255,.94);
      border-top:1px solid rgba(255,255,255,.7);
      border-bottom:1px solid rgba(217,226,239,.95);
      backdrop-filter:blur(10px);
    }

    .ysb-anchor-scroll{
      overflow-x:auto;
      overflow-y:hidden;
      -webkit-overflow-scrolling:touch;
    }

    .ysb-anchor ul{
      list-style:none;
      margin:0;
      padding:10px 0;
      display:flex;
      flex-wrap:nowrap;
      gap:8px;
      width:max-content;
    }

    .ysb-anchor li{
      margin:0;
      padding:0;
    }

    .ysb-anchor a{
      display:inline-flex;
      align-items:center;
      min-height:36px;
      padding:0 12px;
      border-radius:999px;
      background:#fff;
      border:1px solid var(--ysb-line);
      color:var(--ysb-text);
      font-size:13px;
      font-weight:600;
      white-space:nowrap;
    }

    .ysb-anchor a:hover{
      text-decoration:none;
      color:var(--ysb-primary);
      border-color:rgba(29,78,216,.28);
    }

    .ysb-block{
      background:transparent;
      border:0;
      border-radius:0;
      box-shadow:none;
      overflow:visible;
    }

    .ysb-block-header{
      padding:0 0 8px;
    }

    .ysb-block-body{
      padding:0;
    }

    .ysb-divider{
      height:1px;
      margin:18px 0;
      background:linear-gradient(90deg, transparent, rgba(29,78,216,.22), transparent);
    }

    .ysb-grid-2,
    .ysb-grid-3,
    .ysb-step-list,
    .ysb-feature-grid,
    .ysb-score-grid,
    .ysb-summary-grid,
    .ysb-audience-grid,
    .ysb-media-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:12px;
    }

    .ysb-card,
    .ysb-highlight,
    .ysb-step,
    .ysb-score,
    .ysb-audience{
      background:transparent;
      border:0;
      border-radius:0;
      box-shadow:none;
      padding:0;
    }

    .ysb-card + .ysb-card,
    .ysb-highlight + .ysb-highlight,
    .ysb-step + .ysb-step{
      border-top:1px solid rgba(217,226,239,.9);
      padding-top:12px;
    }

    .ysb-highlight-icon{
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:12px;
      background:var(--ysb-primary-soft);
      color:var(--ysb-primary);
      font-size:20px;
      margin-bottom:12px;
    }

    .ysb-note{
      margin-top:14px;
      padding:13px 12px;
      background:#f7faff;
      border:1px solid #dce8ff;
      border-radius:14px;
      font-size:13px;
      line-height:1.8;
      color:var(--ysb-text-soft);
    }

    .ysb-figure{
      margin:0;
      border:1px solid var(--ysb-line);
      border-radius:14px;
      overflow:hidden;
      background:#fff;
      box-shadow:var(--ysb-shadow-soft);
    }

    .ysb-table-wrap{
      width:100%;
      max-width:100%;
      overflow-x:auto;
      overflow-y:hidden;
      -webkit-overflow-scrolling:touch;
      border:1px solid var(--ysb-line);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--ysb-shadow-soft);
    }

    .ysb-table-wrap:focus-visible{
      outline:3px solid rgba(29,78,216,.22);
      outline-offset:2px;
    }

    .ysb-table-wrap table{
      width:100%;
      min-width:720px;
      border-collapse:collapse;
    }

    .ysb-table-wrap caption{
      padding:12px 12px 0;
      text-align:left;
      color:var(--ysb-text-soft);
      font-size:12px;
      line-height:1.7;
      caption-side:top;
    }

    .ysb-table-wrap thead th{
      background:linear-gradient(180deg,#eef4ff 0%,#e7efff 100%);
      color:#13213b;
      font-size:13px;
      font-weight:800;
      letter-spacing:.02em;
      white-space:nowrap;
    }

    .ysb-table-wrap th,
    .ysb-table-wrap td{
      padding:13px 12px;
      border-bottom:1px solid var(--ysb-line);
      vertical-align:top;
      text-align:left;
      line-height:1.7;
      font-size:13px;
    }

    .ysb-table-wrap tbody tr:nth-child(even){
      background:#fbfcff;
    }

    .ysb-table-wrap tbody tr:last-child td,
    .ysb-table-wrap tbody tr:last-child th{
      border-bottom:none;
    }

    .ysb-list{
      margin:0;
      padding-left:18px;
      color:var(--ysb-text-soft);
    }

    .ysb-list li{
      margin:0 0 10px;
      line-height:1.82;
    }

    .ysb-list li:last-child{
      margin-bottom:0;
    }

    .ysb-step-num{
      width:36px;
      height:36px;
      display:inline-grid;
      place-items:center;
      border-radius:50%;
      background:linear-gradient(135deg,var(--ysb-primary),#4f89ff);
      color:#fff;
      font-size:14px;
      font-weight:800;
      margin-bottom:12px;
      box-shadow:0 10px 24px rgba(29,78,216,.22);
    }

    .ysb-tag{
      display:inline-flex;
      align-items:center;
      min-height:28px;
      padding:0 10px;
      margin:0 6px 6px 0;
      border-radius:999px;
      background:#eef3ff;
      color:var(--ysb-primary);
      font-size:12px;
      font-weight:700;
    }

    .ysb-tag.warn{
      background:#fff4dc;
      color:#a76a00;
    }

    .ysb-linkbox{
      margin-top:18px;
      padding:16px 14px;
      background:#f7faff;
      border:1px solid #dbe6fb;
      border-radius:14px;
    }

    .ysb-summary{
      background:linear-gradient(135deg,#0f172a 0%,#16325f 55%,#1d4ed8 100%);
      color:#fff;
      border-radius:18px;
      box-shadow:0 24px 60px rgba(15,23,42,.20);
      overflow:hidden;
      position:relative;
    }

    .ysb-summary:before,
    .ysb-summary:after{
      content:"";
      position:absolute;
      border-radius:50%;
      background:rgba(255,255,255,.07);
      pointer-events:none;
    }

    .ysb-summary:before{
      width:160px;
      height:160px;
      top:-60px;
      right:-30px;
    }

    .ysb-summary:after{
      width:120px;
      height:120px;
      left:-20px;
      bottom:-20px;
    }

    .ysb-summary-inner{
      position:relative;
      z-index:1;
      padding:18px 14px;
    }

    .ysb-summary h2,
    .ysb-summary h3,
    .ysb-summary p,
    .ysb-summary li{
      color:#fff;
    }

    .ysb-summary p{
      opacity:.93;
    }

    .ysb-summary-card{
      padding:14px 0 0;
      border-top:1px solid rgba(255,255,255,.14);
    }

    .ysb-summary-card strong{
      display:block;
      font-size:17px;
      margin-bottom:8px;
      color:#fff;
    }

    .ysb-faq-item + .ysb-faq-item{
      margin-top:14px;
      padding-top:14px;
      border-top:1px solid rgba(217,226,239,.95);
    }

    .screen-reader-text{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
    }

    .bw-author-box {
      display: flex;
      align-items: flex-start;
      gap: 20px;
      padding: 24px;
      background: #fff;
      border: 1px solid var(--ysb-line);
      border-radius: 16px;
      box-shadow: var(--ysb-shadow-soft);
    }
    .bw-avatar-wrap {
      flex-shrink: 0;
    }
    .bw-author-avatar {
      border-radius: 50%;
      object-fit: cover;
      border: 1px solid var(--ysb-line);
    }
    .bw-author-info {
      flex-grow: 1;
    }
    .bw-author-name {
      margin: 0 0 6px;
      font-size: 20px;
      color: var(--ysb-text);
    }
    .bw-author-role {
      margin: 0 0 12px;
      font-size: 13px;
      color: var(--ysb-text-soft);
    }
    .bw-author-bio p {
      margin: 0 0 12px;
      font-size: 14px;
      line-height: 1.7;
    }
    .bw-author-link {
      font-size: 14px;
      font-weight: 600;
    }

    @media (max-width:767px){
      .bw-author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px 16px;
      }
      .bw-author-avatar {
        width: 72px;
        height: 72px;
      }
    }

    .site-content,
    #content,
    .site-main,
    .content-area {
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 0;
      margin-bottom: 0;
    }

    .ysb-page {
      padding-top: 0;
      padding-bottom: 0;
    }

    .ysb-page .ysb-hero {
      padding-top: 24px;
    }

    @media (max-width:991px){
      .site,
      .site-content,
      .container,
      .content-area,
      .site-main,
      .main-content,
      .primary,
      #primary,
      .entry-content,
      .post-content,
      .page-content,
      .content-wrap,
      .site-main > *,
      .content-area > *{
        max-width:100%;
      }

      .container,
      .content-wrap,
      .site-content,
      .site-main,
      .content-area,
      .primary,
      #primary{
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0;
      }

      .sidebar,
      #sidebar,
      .widget-area,
      aside.sidebar{
        width:100%;
        max-width:100%;
        float:none;
        margin:0 0 16px 0;
        padding-left:0;
        padding-right:0;
        order:-1;
      }
    }

    @media (min-width:768px){
      .ysb-page .ysb-shell,
      .ysb-page .ysb-wrap{
        max-width:var(--ysb-container);
        margin:0 auto;
        padding-left:16px;
        padding-right:16px;
      }

      .ysb-section{
        padding:28px 0;
      }

      .ysb-hero{
        padding:0 0 28px;
      }

      .ysb-hero-grid{
        grid-template-columns:1.05fr .95fr;
        gap:24px;
        align-items:center;
      }

      .ysb-page h1{ font-size:42px; }
      .ysb-page p{ font-size:16px; }

      .ysb-quickfacts{
        grid-template-columns:repeat(4,1fr);
        gap:14px;
      }

      .ysb-grid-2{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
      }

      .ysb-grid-3{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px;
      }

      .ysb-step-list{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px;
      }

      .ysb-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
      }

      .ysb-score-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:14px;
      }

      .ysb-summary-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px;
      }

      .ysb-audience-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
      }

      .ysb-media-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
      }

      .ysb-block{
        background:#fff;
        border:1px solid var(--ysb-line);
        border-radius:var(--ysb-radius);
        box-shadow:var(--ysb-shadow);
        overflow:hidden;
      }

      .ysb-block-header{
        padding:26px 24px 8px;
      }

      .ysb-block-body{
        padding:0 24px 24px;
      }

      .ysb-card,
      .ysb-highlight,
      .ysb-step,
      .ysb-score,
      .ysb-audience{
        background:#fff;
        border:1px solid var(--ysb-line);
        border-radius:16px;
        box-shadow:0 8px 20px rgba(15,23,42,.04);
        padding:16px 14px;
      }

      .ysb-card + .ysb-card,
      .ysb-highlight + .ysb-highlight,
      .ysb-step + .ysb-step{
        border-top:1px solid var(--ysb-line);
        padding-top:16px;
      }

      .ysb-summary-inner{
        padding:28px 24px;
      }

      .ysb-summary-card{
        background:rgba(255,255,255,.10);
        border:1px solid rgba(255,255,255,.15);
        border-radius:16px;
        padding:16px 14px;
      }

      .ysb-faq-item + .ysb-faq-item{
        margin-top:12px;
        padding-top:0;
        border-top:0;
      }

      .ysb-faq-item{
        background:#fff;
        border:1px solid var(--ysb-line);
        border-radius:16px;
        box-shadow:0 8px 20px rgba(15,23,42,.04);
        padding:16px 14px;
      }
    }