/* Buso Audio support site theme for Help Scout Docs (Oct 2026). Upload in Site Settings > Custom Code > Stylesheet. */
/* ---------- Base ---------- */
  html body{background:#151515!important;color:rgba(255,255,255,.8);font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;padding:0!important}
  html body *,html body *:before,html body *:after{box-sizing:border-box}
  html body a{color:#fff}
  html body h1,html body h2,html body h3,html body h4{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-weight:400;color:#fff;letter-spacing:-.01em}
  html body ::selection{background:#334FB4;color:#fff}
  html body .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;left:auto!important;right:0!important}
  .buso-pill{display:inline-block;background:#334FB4;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin:0 0 20px;line-height:1.4}
  .buso-meta{color:rgba(255,255,255,.58);font-size:14px;margin:-6px 0 0}
  .buso-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:24px;font-size:15px;font-weight:600;text-decoration:none!important;white-space:nowrap;background:#fff;color:#151515!important;border:1px solid #fff;cursor:pointer;font-family:inherit}
  .buso-btn:hover{background:#e6e6e6;border-color:#e6e6e6}

  /* ---------- Header (same links as busoaudio.com) ---------- */
  html body #mainNav{margin:0;border:0;position:relative;z-index:20}
  html body .navbar .navbar-inner{background:#151515!important;background-image:none!important;border:0;box-shadow:none;filter:none;padding:0 20px;min-height:0}
  html body #mainNav .container-fluid{max-width:1160px;margin:0 auto;padding:0;display:flex;align-items:center;flex-wrap:wrap;min-height:84px;gap:24px}
  html body #mainNav .container-fluid:before,html body #mainNav .container-fluid:after{display:none}
  html body .navbar .brand{float:none;margin:0;padding:12px 0;display:flex;align-items:center}
  html body .navbar .brand img,html body .navbar .brand img:not([width]){max-height:46px!important;height:46px;width:auto}
  html body .navbar .nav-collapse{float:none;flex:1 1 auto;height:auto!important;overflow:visible}
  html body .navbar ul.nav,html body #mainNav ul.nav{position:static!important;top:auto;right:auto;left:auto;bottom:auto;float:none;margin:0;display:flex;gap:4px;align-items:center;width:100%}
  html body .navbar ul.nav > li{float:none}
  html body .navbar .nav li a{color:rgba(255,255,255,.85)!important;background:transparent!important;text-shadow:none;font-size:15px;font-weight:400;padding:10px 12px;line-height:1.2;margin:0;box-shadow:none;border:0;border-radius:8px}
  html body .navbar .nav li a:hover,html body .navbar .nav li a:focus{color:#fff!important;background:rgba(255,255,255,.06)!important}
  html body .navbar .nav li.buso-current a{color:#fff!important}
  html body .navbar .nav li#contact,html body .navbar .nav li#contactMobile{margin-left:auto}
  html body .navbar .nav li a.contactUs{border:1px solid rgba(255,255,255,.45)!important;border-radius:24px;padding:10px 20px;font-weight:600;color:#fff!important}
  html body .navbar .nav li a.contactUs:hover{border-color:#fff!important;background:transparent!important}
  html body .navbar .btn-navbar{position:relative;overflow:hidden;background:transparent!important;background-image:none!important;border:1px solid rgba(255,255,255,.4);border-radius:12px;box-shadow:none;padding:9px 11px;margin:0 0 0 auto}
  html body .navbar .btn-navbar .icon-bar{background:#fff;box-shadow:none}

  /* ---------- Home ---------- */
  html body #docsSearch{background:#151515!important;border:0;margin:0;padding:64px 20px 48px;text-align:left}
  html body #docsSearch .buso-hero{max-width:1160px;margin:0 auto}
  html body #docsSearch h1{font-size:clamp(34px,4.4vw,54px);line-height:1.08;margin:0;color:#fff;text-align:left}
  html body #docsSearch .buso-sub{color:rgba(255,255,255,.72);font-size:18px;line-height:1.6;margin:18px 0 0;max-width:620px;text-align:left}
  html body #searchBar{width:auto;max-width:none;margin:32px 0 0;padding:0;position:relative;text-align:left}
  html body #searchBar .search-query{width:100%;max-width:680px;height:56px;border-radius:28px;border:1px solid #fff;background:#fff;color:#151515;font-size:16px;padding:0 140px 0 24px;box-shadow:none;outline:none;-webkit-appearance:none;display:block}
  html body #searchBar .search-query::placeholder{color:#8a8a8a}
  html body #searchBar .search-query:focus{box-shadow:0 0 0 4px rgba(51,79,180,.45)}
  html body #docsSearch #searchBar button{position:absolute;top:6px;left:calc(min(680px,100%) - 6px);transform:translateX(-100%);right:auto;height:44px;padding:0 24px;border-radius:22px;background:#151515;border:0;color:#fff;font-size:15px;font-weight:600;text-shadow:none;box-shadow:none}
  html body #docsSearch #searchBar button:hover{background:#333}
  html body #docsSearch #searchBar button .icon-search{display:none}
  html body #docsSearch #serp-dd{max-width:680px;top:64px}

  /* Search suggestions dropdown */
  html body #serp-dd{background:#1d1d1d;border:1px solid #2c2c2c;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.45);overflow:hidden;text-align:left}
  html body #serp-dd.sb{top:52px}
  html body #serp-dd .result a{color:rgba(255,255,255,.85)!important;padding:11px 18px;font-size:15px}
  html body #serp-dd .result a:hover,html body #serp-dd .result > li.active,html body #serp-dd .result > li.active a{background:#262626;color:#fff!important}

  /* ---------- Content area ---------- */
  html body #contentArea{max-width:1200px;margin:0 auto;padding:0 20px 72px;float:none}
  html body hr.sep{display:none}
  html body .buso-cats-h{margin-top:56px!important}
  html body .buso-h2{font-size:clamp(26px,2.8vw,34px);line-height:1.15;margin:0 0 24px;color:#fff;font-weight:400;text-align:left}

  /* Popular articles: same card style as the policy pages */
  html body .most-pop-articles,html body .most-pop-articles.two-col{max-width:none;width:auto;margin:0;padding:32px 36px;background:#1d1d1d;border:1px solid #2c2c2c;border-radius:20px;text-align:left}
  html body .most-pop-articles h2{font-size:24px;margin:0 0 12px;text-align:left;color:#fff}
  html body .most-pop-articles .popArticles,html body .most-pop-articles.two-col .popArticles{margin:0;padding:0;columns:2;column-gap:48px;font-size:16px;width:auto}
  html body .most-pop-articles .popArticles li,html body .most-pop-articles.two-col .popArticles li{break-inside:avoid;margin:0;padding:0;border-bottom:1px solid #2c2c2c;width:auto;float:none;display:block}
  html body .most-pop-articles .popArticles a,html body .most-pop-articles.two-col .popArticles a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;margin:0;color:rgba(255,255,255,.88)!important;text-decoration:none}
  html body .most-pop-articles .popArticles a:after{content:"";flex:0 0 8px;width:8px;height:8px;border-right:1.5px solid rgba(255,255,255,.5);border-top:1.5px solid rgba(255,255,255,.5);transform:rotate(45deg);margin-right:4px}
  html body .most-pop-articles .popArticles a:hover,html body .most-pop-articles .popArticles a:hover span{color:#fff!important;text-decoration:none}
  html body .most-pop-articles .popArticles a:hover:after{border-color:#fff}
  html body .most-pop-articles .popArticles i,html body .articleList i,html body #sidebar .nav-list i{display:none!important}

  /* Category cards: same as the benefit cards */
  html body .category-list,html body .category-list.two-col{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;text-align:left}
  html body .category-list:before,html body .category-list:after{display:none}
  html body .category-list .category,html body .category-list.two-col .category{width:auto;margin:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#1d1d1d!important;border:1px solid #2c2c2c;border-radius:20px;padding:28px;min-height:190px;color:#fff;text-decoration:none;transition:border-color .15s,background .15s;box-shadow:none}
  html body .category-list .category:hover{border-color:#fff;background:#202020!important}
  html body .category-list .category:before{content:"";width:44px;height:44px;border-radius:50%;background:#2a2a2a no-repeat center/22px 22px;margin-bottom:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M15 3v4h4M9 12h7M9 16h7'/%3E%3C/svg%3E")}
  html body .category-list #category-5:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6M12 17h.01'/%3E%3C/svg%3E")}
  html body .category-list #category-13:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.3'/%3E%3C/svg%3E")}
  html body .category-list #category-19:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h12v10H2zM14 9h4l3 3v4h-7'/%3E%3Ccircle cx='6' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
  html body .category-list #category-8:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.1L3.5 17.2a1.8 1.8 0 0 0 2.5 2.5l5.8-5.8a4 4 0 0 0 5.1-5.4l-2.4 2.4-2.3-.5-.5-2.3z'/%3E%3C/svg%3E")}
  html body .category-list .category h3{font-size:19px;line-height:1.3;margin:24px 0 6px;color:#fff;font-weight:400}
  html body .category-list .category p,html body .category-list .category .article-count,html body .category-list .category:hover .article-count{margin:0;color:rgba(255,255,255,.62)!important;font-size:14px}

  /* Help box (home and article pages) */
  .buso-help{background:#1d1d1d;border:1px solid #2c2c2c;border-radius:20px;padding:28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:56px 0 0}
  .buso-help h2{font-size:22px!important;margin:0!important;color:#fff!important;font-weight:400!important}
  .buso-help p{margin:6px 0 0!important;color:rgba(255,255,255,.62)!important;font-size:15px!important;line-height:1.55!important}
  .buso-help p a{color:#fff!important}

  /* ---------- Category, search and article pages: two columns like the policy pages ---------- */
  html body #contentArea > .row-fluid{display:grid;grid-template-columns:240px minmax(0,760px);gap:64px;padding-top:56px}
  html body #contentArea > .row-fluid:before,html body #contentArea > .row-fluid:after{display:none}
  html body #main-content{float:none;width:auto;min-width:0;margin:0;grid-column:2;grid-row:1}
  html body #sidebar{float:none;width:auto;margin:0;grid-column:1;grid-row:1;position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto;padding-right:6px}
  html body .contentWrapper{background:transparent!important;border:0;padding:0;min-height:0;color:rgba(255,255,255,.8)}
  html body .contentWrapper > h1,html body .contentWrapper h1.title,html body #fullArticle h1.title{font-size:clamp(32px,4vw,48px);line-height:1.08;margin:0 0 18px;color:#fff;font-weight:400;padding-right:40px}
  html body .contentWrapper p,html body .contentWrapper .descrip{color:rgba(255,255,255,.65)}
  html body .contentWrapper a{color:#fff}
  html body .buso-head{border-bottom:1px solid #2c2c2c;padding-bottom:28px;margin-bottom:32px}

  /* Sort dropdown */
  html body .contentWrapper .sort{margin:0 0 20px;color:rgba(255,255,255,.6)}
  html body .contentWrapper select{background:#1d1d1d;color:#fff;border:1px solid #3a3a3a;border-radius:10px;height:38px;padding:0 10px}

  /* Article lists (category + search) */
  html body .articleList,html body ul.articleList{margin:0 0 32px;padding:0;font-size:16px;list-style:none;border-top:1px solid #2c2c2c}
  html body .articleList li,html body #serp .articleList > li{margin:0;padding:0;border-bottom:1px solid #2c2c2c}
  html body .articleList a,html body #serp .articleList > li a{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:16px 4px;color:#fff!important;text-decoration:none;line-height:1.4;font-size:17px}
  html body .articleList a:after{content:"";flex:0 0 8px;width:8px;height:8px;border-right:1.5px solid rgba(255,255,255,.5);border-top:1.5px solid rgba(255,255,255,.5);transform:rotate(45deg);margin-right:4px}
  html body .articleList a:hover:after{border-color:#fff}
  html body .articleList a:hover span{text-decoration:none}
  html body .contentWrapper .articleList li p,html body #serp .articleList li p{color:rgba(255,255,255,.65)!important;margin:-6px 4px 16px;font-size:14.5px;line-height:1.6}
  html body .articlesFound{color:rgba(255,255,255,.62)!important}
  html body #noResults{color:rgba(255,255,255,.75);background:transparent}

  /* Article text (same type scale as the policy pages) */
  html body #fullArticle,html body #fullArticle p,html body #fullArticle ul,html body #fullArticle ol,html body #fullArticle li,html body #fullArticle div,html body #fullArticle blockquote,html body #fullArticle dd,html body #fullArticle table{color:rgba(255,255,255,.8)!important;font-size:16px;line-height:1.75}
  html body #fullArticle p{margin:0 0 18px}
  html body #fullArticle h1:not(.title),html body #fullArticle h2{font-size:26px;line-height:1.25;margin:48px 0 16px;color:#fff!important;font-weight:400;scroll-margin-top:24px}
  html body #fullArticle h3,html body #fullArticle h4{font-size:18px;line-height:1.35;margin:32px 0 10px;color:#fff!important;font-weight:600;scroll-margin-top:24px}
  html body #fullArticle strong,html body #fullArticle b{color:#fff!important;font-weight:600}
  html body #fullArticle a,html body #fullArticle strong a,html body #fullArticle a strong{color:#fff!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
  html body #fullArticle a:hover{text-decoration-color:#fff}
  html body #fullArticle a.buso-btn{color:#151515!important;text-decoration:none}
  html body #fullArticle ul,html body #fullArticle ol{padding-left:22px;margin:0 0 18px}
  html body #fullArticle li{margin:0 0 8px}
  html body #fullArticle li::marker{color:rgba(255,255,255,.55)}
  html body #fullArticle img{max-width:100%;height:auto;border-radius:12px;border:0;box-shadow:none}
  html body #fullArticle code{background:#262626;color:#fff;border:0;border-radius:6px;padding:2px 6px}
  html body #fullArticle blockquote{border-left:3px solid #334FB4;margin:0 0 18px;padding:4px 0 4px 18px}
  html body #fullArticle [class*="callout"]{background:#1d1d1d!important;border:1px solid #2c2c2c!important;border-left:3px solid #334FB4!important;border-radius:12px;color:rgba(255,255,255,.85)!important;padding:16px 20px}
  html body #fullArticle .printArticle{color:rgba(255,255,255,.4);top:8px;right:0}
  html body #fullArticle .printArticle:hover{color:#fff}
  html body #fullArticle .buso-pill{color:#fff!important;font-size:12px!important;line-height:1.4!important}
  html body #fullArticle .buso-meta{color:rgba(255,255,255,.58)!important;font-size:14px!important;margin:0!important}

  /* Tables, same as the shipping table on the policy pages */
  html body #fullArticle table,html body #fullArticle .hs-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #2c2c2c;border-radius:14px;overflow:hidden;margin:0 0 24px;background:transparent}
  html body #fullArticle table td,html body #fullArticle table th{border:0;border-bottom:1px solid #2c2c2c;padding:12px 16px;text-align:left;vertical-align:top;background:transparent;color:rgba(255,255,255,.8)!important;font-size:15px;line-height:1.5}
  html body #fullArticle table tr:last-child td{border-bottom:0}
  html body #fullArticle table tr:first-child td,html body #fullArticle table th{background:#202020!important;color:#fff!important;font-weight:600}

  /* Ratings; Help Scout's own footer line is replaced by the help box */
  html body .articleRatings{background:#1d1d1d;border:1px solid #2c2c2c;border-radius:16px;box-shadow:none;color:rgba(255,255,255,.72);margin-top:48px;padding:16px 20px;font-size:15px}
  html body .articleRatings .rateAction{background:#262626;border:1px solid #3a3a3a;border-radius:50%}
  html body .articleRatings .rateAction:hover{border-color:#fff}
  html body .articleFoot{display:none}

  /* Sidebar: search, On this page, categories */
  html body #sidebar form,html body #sidebar #searchBar{margin:0 0 36px;max-width:none;width:auto;padding:0}
  html body #sidebar form .search-query{height:44px;width:100%;border-radius:22px;border:1px solid #3a3a3a;background:#1d1d1d;color:#fff;font-size:15px;padding:0 40px 0 18px;box-shadow:none;max-width:none}
  html body #sidebar form .search-query::placeholder{color:rgba(255,255,255,.5)}
  html body #sidebar form .search-query:focus{border-color:#fff}
  html body #sidebar form button{position:absolute;background:transparent;border:0;top:0;right:8px;left:auto;transform:none;height:44px;padding:0 8px;color:#fff;box-shadow:none}
  html body #sidebar form button .icon-search{color:rgba(255,255,255,.6)}
  html body #sidebar h3,.buso-toc__label{font-size:12px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.58)!important;margin:0 0 14px!important}
  html body #sidebar .nav-list,.buso-toc ol{margin:0 0 36px;padding:0;border-left:1px solid #2c2c2c;list-style:none}
  html body #sidebar .nav-list li a,.buso-toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;color:rgba(255,255,255,.62)!important;font-size:14px;line-height:1.4;text-shadow:none;background:transparent!important;text-decoration:none}
  html body #sidebar .nav-list li a:hover,.buso-toc a:hover{color:#fff!important}
  html body #sidebar .nav-list li.active a,.buso-toc a.is-active{color:#fff!important;border-left-color:#fff}
  .buso-tocm{display:none}

  /* ---------- Footer (same columns as busoaudio.com) ---------- */
  html body #contentArea > footer,html body footer.center{display:none}
  .buso-footer{background:#080808;color:rgba(255,255,255,.75);border-top:1px solid #1f1f1f;padding:56px 20px 32px;margin:0;clear:both}
  .buso-footer__grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
  .buso-footer h2{font-size:18px!important;margin:0 0 16px!important;color:#fff!important;font-weight:400!important}
  .buso-footer ul{list-style:none;margin:0;padding:0}
  .buso-footer li{margin:0 0 10px}
  .buso-footer a{color:rgba(255,255,255,.8)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35);font-size:14px}
  .buso-footer a:hover{color:#fff!important;text-decoration-color:#fff}
  .buso-footer__base{max-width:1160px;margin:40px auto 0;padding-top:20px;border-top:1px solid #1f1f1f;font-size:12px;color:rgba(255,255,255,.5);text-align:center}
  .buso-footer__base a{font-size:12px}

  /* ---------- Tablet and phone ---------- */
  @media (max-width:989px){
    html body .category-list,html body .category-list.two-col{grid-template-columns:repeat(2,1fr)}
    html body #contentArea > .row-fluid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:28px}
    html body #main-content{grid-column:1;grid-row:2}
    html body #sidebar{grid-column:1;grid-row:1;position:static;max-height:none;overflow:visible;padding:0}
    html body #sidebar h3,html body #sidebar .nav-list,.buso-toc{display:none}
    html body #sidebar form,html body #sidebar #searchBar{margin:0 0 28px}
    .buso-tocm{display:block;margin:0 0 28px;background:#1d1d1d;border:1px solid #2c2c2c;border-radius:16px}
    .buso-tocm[hidden]{display:none}
    .buso-tocm summary{list-style:none;cursor:pointer;padding:16px 48px 16px 18px;font-size:15px;font-weight:600;position:relative;color:#fff}
    .buso-tocm summary::-webkit-details-marker{display:none}
    .buso-tocm summary:after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-70%) rotate(45deg)}
    .buso-tocm[open] summary:after{transform:translateY(-30%) rotate(-135deg)}
    .buso-tocm ol{list-style:none;margin:0;padding:0 18px 12px}
    .buso-tocm a{display:block;padding:9px 0;border-top:1px solid #2c2c2c;color:rgba(255,255,255,.8)!important;text-decoration:none!important;font-size:15px;line-height:1.4}
    .buso-footer__grid{grid-template-columns:repeat(2,1fr)}
    html body .navbar .nav li a{padding:10px 8px;font-size:14px}
  }
  @media (max-width:979px){
    html body #mainNav .container-fluid{gap:0}
    html body .navbar .btn-navbar{display:block;float:none}
    html body .navbar .nav-collapse,html body .navbar .nav-collapse.collapse{flex:0 0 100%;overflow:hidden}
    html body .navbar .nav-collapse.collapse:not(.in){height:0!important}
    html body .navbar ul.nav{flex-direction:column;align-items:stretch;gap:2px;padding:4px 0 16px}
    html body .navbar .nav li#contact,html body .navbar .nav li#contactMobile{margin:8px 0 0}
    html body .navbar .nav li a{font-size:16px;padding:12px 8px}
    html body .navbar .nav li a.contactUs{text-align:center}
  }
  @media (max-width:749px){
    html body .navbar .navbar-inner{padding:0 16px}
    html body #mainNav .container-fluid{min-height:64px}
    html body .navbar .brand img,html body .navbar .brand img:not([width]){max-height:36px!important;height:36px}
    html body #docsSearch{padding:36px 16px 32px}
    html body #docsSearch .buso-sub{font-size:16px}
    html body #searchBar .search-query{height:52px;padding-right:112px;font-size:16px}
    html body #docsSearch #searchBar button{height:40px;padding:0 18px}
    html body #contentArea{padding:0 16px 48px}
    html body .most-pop-articles,html body .most-pop-articles.two-col{padding:22px 20px;border-radius:16px}
    html body .most-pop-articles .popArticles,html body .most-pop-articles.two-col .popArticles{columns:1}
  
    html body .category-list,html body .category-list.two-col{grid-template-columns:1fr}
    html body .category-list .category,html body .category-list.two-col .category{min-height:0;padding:20px;flex-direction:row;align-items:center;gap:16px}
    html body .category-list .category:before{margin:0;flex:0 0 44px}
    html body .category-list .category h3{margin:0 0 2px;font-size:18px}
    html body #fullArticle,html body #fullArticle p,html body #fullArticle li{font-size:15.5px;line-height:1.7}
    html body #fullArticle h1:not(.title),html body #fullArticle h2{font-size:22px;margin-top:40px}
    html body #fullArticle .hs-table,html body #fullArticle table{display:block;overflow-x:auto}
    .buso-help{padding:22px}
    .buso-help .buso-btn{width:100%}
    .buso-footer{padding:40px 16px 28px}
    .buso-footer__grid{grid-template-columns:1fr 1fr;gap:28px 16px}
    html body .BeaconFabButtonFrame{bottom:16px!important;right:16px!important}
  }