/* Boardmix article reading layout. Product, template and listing pages are excluded. */
body:has(main.article-grid > .article-main > article.article-body),
body:has(main.wsc-main > section.article .content-right>.content) {
  --bm-reading-ink:#202432;--bm-reading-text:#343b4b;--bm-reading-muted:#647083;
  --bm-reading-accent:#5143d9;--bm-reading-rule:#e3e6ef;
  background:#fff!important;color:var(--bm-reading-text);overflow-x:clip;
}
/* Legacy page scripts still toggle the old bar; override its visibility without hiding navigation. */
body:has(main.article-grid > .article-main > article.article-body) :is(.global-banner,#nav-howto,.article-use-box,.exhibition-right,.business-apply,.media-nav),
body:has(main.wsc-main > section.article .content-right>.content) :is(.global-banner,#nav-howto,.article-use-box,.exhibition-right,.business-apply,.media-nav) {display:none!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content)>nav.article-nav{display:none!important;}
body:has(main.wsc-main>section.article .content-right>.content) main.wsc-main>section.article :is(.article-nav .left-nav-btn,.article-nav.left-nav>p:has(>a.px-btn),.article-nav.left-nav>a.px-btn){display:none!important;}
body:has(main.article-grid > .article-main > article.article-body) > header.header,
body:has(main.wsc-main > section.article .content-right>.content) > header.header {
  display:flex!important;visibility:visible!important;opacity:1!important;position:sticky!important;
  top:0!important;height:64px!important;min-height:64px!important;margin:0!important;
  background:#fff!important;box-shadow:0 1px 0 #e8eaf1!important;z-index:100!important;
}
body main.wsc-main:has(>section.article .content-right>.content),body main.article-grid:has(>.article-main>article.article-body){background:#fff!important;}
body main.wsc-main:has(>section.article .content-right>.content)>.banner {
  box-sizing:border-box!important;display:block!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:56px 24px 28px!important;background:#fff!important;text-align:left!important;
}
body main.wsc-main:has(>section.article .content-right>.content)>.banner>.px-container {
  box-sizing:border-box!important;width:100%!important;max-width:1120px!important;
  margin:0 auto!important;padding:0 0 0 320px!important;
}
body main.wsc-main:has(>section.article .content-right>.content)>.banner :is(.banner-btn,.banner-btn-txt){display:none!important;}
body main.wsc-main:has(>section.article .content-right>.content)>.banner>.px-container>h1.content-title,
body main.article-grid:has(>.article-main>article.article-body)>.article-main>h1 {
  display:block!important;width:100%!important;max-width:none!important;height:auto!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;
  color:var(--bm-reading-ink)!important;font-size:48px!important;font-weight:700!important;
  line-height:1.2!important;letter-spacing:-.025em!important;text-align:left!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  -webkit-line-clamp:unset!important;word-break:normal!important;overflow-wrap:break-word;text-wrap:balance;
}
body main.wsc-main:has(>section.article .content-right>.content)>.banner h1 *,
body main.article-grid:has(>.article-main>article.article-body)>.article-main>h1 * {
  color:inherit!important;font:inherit!important;letter-spacing:inherit!important;
}
body main.wsc-main>section.article:has(.content-right>.content) {
  position:relative!important;box-sizing:border-box!important;width:calc(100% - 48px)!important;
  max-width:1120px!important;margin:0 auto!important;padding:0!important;overflow:visible!important;
}
body main.wsc-main>section.article:has(.content-right>.content)>.content-main {
  display:grid!important;grid-template-columns:248px minmax(0,800px)!important;gap:72px!important;
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;align-items:start!important;
}
body main.wsc-main>section.article:has(.content-right>.content) .content-right {
  grid-column:2;grid-row:1;min-width:0!important;width:100%!important;max-width:800px!important;margin:0!important;padding:0!important;
}
body main.wsc-main>section.article:has(.content-right>.content) .content-main>.article-nav:empty{display:none!important;}
body main.wsc-main>section.article:has(.content-right>.content) .content-main>.article-nav:has(#list-howto) {
  display:block!important;grid-column:1;grid-row:1;position:sticky!important;top:88px!important;
  left:auto!important;right:auto!important;bottom:auto!important;width:248px!important;max-width:248px!important;
  height:auto!important;max-height:calc(100dvh - 112px)!important;margin:0!important;padding:0!important;overflow:visible!important;
}
body main.article-grid:has(>.article-main>article.article-body) {
  display:grid!important;grid-template-columns:248px minmax(0,800px)!important;gap:72px!important;
  align-items:start!important;width:calc(100% - 48px)!important;max-width:1120px!important;
  margin:56px auto 0!important;padding:0!important;overflow:visible!important;
}
body main.article-grid:has(>.article-main>article.article-body)>.article-main {
  grid-column:2;grid-row:1;width:100%!important;max-width:800px!important;min-width:0!important;margin:0!important;padding:0!important;
}
body main.article-grid:has(>.article-main>article.article-body)>.article-right {
  display:block!important;grid-column:1;grid-row:1;position:sticky!important;top:88px!important;
  width:248px!important;max-width:248px!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) {
  box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:800px!important;
  margin:0!important;padding:0!important;color:var(--bm-reading-text)!important;font-size:18px!important;line-height:1.8!important;text-align:left!important;
}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(p,li) {
  color:var(--bm-reading-text);font-size:18px!important;line-height:1.8!important;word-break:normal!important;overflow-wrap:break-word;text-align:left!important;
}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body)>p{margin:0 0 22px!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(ul,ol){padding-left:1.5em!important;margin:0 0 24px!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) li{margin:8px 0!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(h2,h3,h4){
  color:var(--bm-reading-ink)!important;font-weight:700!important;text-align:left!important;white-space:normal!important;overflow-wrap:break-word;scroll-margin-top:96px!important;padding:0!important;height:auto!important;min-height:0!important;
}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) h2{font-size:32px!important;line-height:1.3!important;margin:44px 0 20px!important;letter-spacing:-.015em;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) h3{font-size:24px!important;line-height:1.4!important;margin:32px 0 16px!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) h4{font-size:20px!important;line-height:1.45!important;margin:26px 0 14px!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(h2,h3,h4) *{color:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) p a:not([class*="btn"]){color:var(--bm-reading-accent)!important;text-decoration:underline;text-underline-offset:3px;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(img,video,iframe){max-width:100%!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) img{height:auto!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) figure{max-width:100%!important;margin:28px 0!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) figcaption{margin-top:12px;font-size:14px!important;line-height:1.65!important;color:var(--bm-reading-muted)!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) table{max-width:100%!important;border-collapse:collapse!important;font-size:15px!important;line-height:1.65!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(td,th){padding:12px 14px!important;border:1px solid var(--bm-reading-rule)!important;text-align:left!important;vertical-align:top!important;font-size:15px!important;line-height:1.65!important;word-break:normal!important;overflow-wrap:break-word;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) th{background:#f2f3f9!important;color:var(--bm-reading-ink)!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(td,th) *{font-size:inherit!important;line-height:inherit!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) #list-howto {
  position:static!important;inset:auto!important;display:block!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:calc(100dvh - 112px)!important;
  overflow:hidden auto!important;margin:0!important;padding:12px!important;border:1px solid var(--bm-reading-rule)!important;border-radius:10px!important;background:#f8f9fc!important;overscroll-behavior:contain;scrollbar-width:thin;
}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) #list-howto :is(.border-bottom,.menu-title){display:block!important;margin:0 0 8px!important;padding:8px!important;border:0!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important;color:var(--bm-reading-muted)!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) #list-howto a {
  box-sizing:border-box!important;display:block!important;width:100%!important;height:auto!important;min-height:40px!important;
  margin:3px 0!important;padding:9px 10px 9px 14px!important;border:0!important;border-radius:6px!important;
  color:#536074!important;background:transparent!important;font-size:14px!important;font-weight:400!important;
  line-height:1.55!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere;
  text-align:left!important;text-decoration:none!important;box-shadow:inset 3px 0 transparent;
}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) #list-howto a:before{display:none!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) #list-howto .article-use-btn{display:none!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) #list-howto a:is(.active,[aria-current="location"]){color:#473bb4!important;background:#eeecff!important;box-shadow:inset 3px 0 #6254d9;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) .author-box{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;margin:24px 0 30px!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) .author-box .ml-3{min-width:0;margin-left:0!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) .author-img{flex:0 0 48px!important;width:48px!important;height:48px!important;object-fit:cover!important;border-radius:50%!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) .author-title{font-size:16px!important;line-height:1.5!important;margin:0!important;}
body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) .author-desc{font-size:13px!important;line-height:1.6!important;margin:3px 0 0!important;color:var(--bm-reading-muted)!important;}
body:has(main.article-grid> .article-main>article.article-body) .article-bottom,
body:has(main.wsc-main>section.article .content-right>.content) .article-bottom {
  display:block!important;box-sizing:border-box!important;width:100%!important;max-width:1120px!important;height:auto!important;min-height:0!important;
  margin:48px auto 0!important;padding:36px 40px!important;background:#f5f3ff!important;background-image:none!important;
  border:1px solid #dfdcf8!important;border-radius:16px!important;color:var(--bm-reading-ink)!important;text-align:center!important;
}
body:has(main.article-grid>.article-main>article.article-body) .article-bottom-container,
body:has(main.wsc-main>section.article .content-right>.content) .article-bottom-container{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;background:none!important;}
body:has(main.article-grid>.article-main>article.article-body) .article-bottom-title,
body:has(main.wsc-main>section.article .content-right>.content) .article-bottom-title{display:block!important;color:var(--bm-reading-ink)!important;font-size:28px!important;font-weight:700!important;line-height:1.4!important;margin:0 0 24px!important;padding:0!important;text-align:center!important;}
body:has(main.article-grid>.article-main>article.article-body) .article-bottom-btns,
body:has(main.wsc-main>section.article .content-right>.content) .article-bottom-btns{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px!important;width:100%!important;margin:0!important;}
body:has(main.article-grid>.article-main>article.article-body) .article-bottom-btn,
body:has(main.wsc-main>section.article .content-right>.content) .article-bottom-btn{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:46px!important;margin:0!important;padding:10px 22px!important;border:1px solid var(--bm-reading-accent)!important;border-radius:8px!important;background:var(--bm-reading-accent)!important;color:#fff!important;font-size:16px!important;font-weight:600!important;line-height:1.5!important;white-space:normal!important;text-decoration:none!important;transform:none!important;}
body:has(main.article-grid>.article-main>article.article-body) .article-bottom-btn:nth-child(2),
body:has(main.wsc-main>section.article .content-right>.content) .article-bottom-btn:nth-child(2){background:#fff!important;color:var(--bm-reading-accent)!important;}
body:has(main.article-grid>.article-main>article.article-body) :is(.related,.related-container),
body:has(main.wsc-main>section.article .content-right>.content) :is(.related,.related-container){box-sizing:border-box!important;width:calc(100% - 48px)!important;max-width:1120px!important;margin:48px auto 64px!important;padding:0!important;}
body:has(main.article-grid>.article-main>article.article-body) .related>.bm-container{width:100%!important;max-width:none!important;padding:0!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) :is(.related,.related-container) .article-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important;gap:24px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) :is(.related,.related-container) .article-item{width:auto!important;min-width:0!important;max-width:100%!important;}
body:has(main.article-grid>.article-main>article.article-body) :is(.related,.related-container) :is(h2,.related-title),
body:has(main.wsc-main>section.article .content-right>.content) :is(.related,.related-container) :is(h2,.related-title){font-size:26px!important;line-height:1.4!important;color:var(--bm-reading-ink)!important;margin:0 0 20px!important;}
body:has(main.article-grid>.article-main>article.article-body) :is(a,button):focus-visible,
body:has(main.wsc-main>section.article .content-right>.content) :is(a,button):focus-visible{outline:3px solid #7366df!important;outline-offset:4px!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) .ed-footer.ed-footer-new .company-introduction{box-sizing:border-box!important;width:calc(100% - 48px)!important;max-width:1200px!important;margin-inline:auto!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) .ed-footer.ed-footer-new .company-introduction-rt{min-width:0;}
html:lang(ko) body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(.content-title,.article-main>h1,#list-howto a){word-break:keep-all!important;}
html:lang(ja) body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(.content-title,.article-main>h1){line-height:1.4!important;letter-spacing:0!important;line-break:strict;}
@media(max-width:1199px){
 body main.wsc-main:has(>section.article .content-right>.content)>.banner>.px-container{max-width:800px!important;padding:0!important;}
 body main.wsc-main>section.article:has(.content-right>.content),body main.article-grid:has(>.article-main>article.article-body){display:block!important;max-width:800px!important;}
 body main.wsc-main>section.article:has(.content-right>.content)>.content-main{display:block!important;}
 body main.wsc-main>section.article:has(.content-right>.content) .content-main>.article-nav:has(#list-howto),body main.article-grid:has(>.article-main>article.article-body)>.article-right{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0 0 28px!important;}
 body main.article-grid:has(>.article-main>article.article-body){display:flex!important;flex-direction:column!important;gap:0!important;}
 body main.article-grid:has(>.article-main>article.article-body)>.article-main{display:contents!important;}
 body main.article-grid:has(>.article-main>article.article-body)>.article-main>*{order:0;max-width:100%;}
 body main.article-grid:has(>.article-main>article.article-body)>.article-main>article.article-body{order:2;}
 body main.article-grid:has(>.article-main>article.article-body)>.article-right{order:1;}
 body main.article-grid:has(>.article-main>article.article-body)>.article-main>.article-right{display:block!important;order:1;position:static!important;width:100%!important;max-width:100%!important;margin:24px 0!important;padding:0!important;}
 body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) #list-howto{max-height:240px!important;}
}
body[data-bm-blog-reading="20261007"] .bm-reading-toc{width:100%;min-width:0;border:0;}
body[data-bm-blog-reading="20261007"] .bm-reading-toc>summary{display:none;}
body[data-bm-blog-reading="20261007"] .bm-reading-end{width:calc(100% - 48px)!important;margin:48px auto 64px!important;}
body[data-bm-blog-reading="20261007"] .bm-reading-end-description{max-width:680px;margin:0 auto 24px!important;padding:0;color:#565d70!important;font-size:17px!important;line-height:1.75!important;}
body[data-bm-blog-reading="20261007"] .bm-reading-end .article-bottom-title{margin-bottom:14px!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) .article-bottom.bm-reading-end{width:calc(100% - 48px)!important;margin:48px auto 64px!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) .article-bottom.bm-reading-end .article-bottom-title{width:100%!important;max-width:none!important;text-align:center!important;margin:0 0 14px!important;padding:0!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) .article-bottom.bm-reading-end .bm-reading-end-description{max-width:680px;margin:0 auto 24px!important;}
body[data-bm-blog-reading="20261007"]:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) #list-howto a.active:not([aria-current="location"]){background:transparent!important;color:#536074!important;box-shadow:inset 3px 0 transparent;}
body[data-bm-blog-reading="20261007"] .bm-reading-skip{position:fixed;top:8px;left:16px;z-index:1000;transform:translateY(-200%);padding:12px 16px;background:#fff;color:#4536c6;border:2px solid #4536c6;border-radius:6px;}
body[data-bm-blog-reading="20261007"] .bm-reading-skip:focus{transform:none;}
body[data-bm-blog-reading="20261007"] :is(.content-right>.content,article.article-body){scroll-margin-top:96px;}
@media(max-width:1199px){
 body[data-bm-blog-reading="20261007"] .bm-reading-toc{border:1px solid #e3e6ef;border-radius:10px;background:#f8f9fc;overflow:hidden;}
 body[data-bm-blog-reading="20261007"] .bm-reading-toc>summary{display:list-item;cursor:pointer;padding:15px 18px;font-size:15px;font-weight:600;color:#435067;}
 body[data-bm-blog-reading="20261007"] .bm-reading-toc:not([open])>nav{display:none!important;}
 body[data-bm-blog-reading="20261007"] .bm-reading-toc #list-howto{border:0!important;border-top:1px solid #e3e6ef!important;border-radius:0!important;max-height:55vh!important;}
 body[data-bm-blog-reading="20261007"] .bm-reading-toc #list-howto :is(.menu-title,.border-bottom){display:none!important;}
}
@media(max-width:767px){body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) .article-bottom.bm-reading-end{width:calc(100% - 40px)!important;margin:36px auto 48px!important;}body[data-bm-blog-reading="20261007"] .bm-reading-end-description{font-size:16px!important;}}
@media(max-width:767px){
 body main.wsc-main:has(>section.article .content-right>.content)>.banner{padding:32px 20px 24px!important;}
 body main.wsc-main:has(>section.article .content-right>.content)>.banner>.px-container>h1.content-title,body main.article-grid:has(>.article-main>article.article-body)>.article-main>h1{font-size:32px!important;line-height:1.25!important;letter-spacing:-.015em!important;}
 body main.wsc-main>section.article:has(.content-right>.content),body main.article-grid:has(>.article-main>article.article-body){width:calc(100% - 40px)!important;}
 body main.article-grid:has(>.article-main>article.article-body){margin-top:28px!important;}
 body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(p,li){font-size:17px!important;line-height:1.8!important;}
 body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) h2{font-size:26px!important;line-height:1.35!important;margin:36px 0 18px!important;}
 body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) h3{font-size:22px!important;line-height:1.4!important;}
 body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;}
 body:has(main.wsc-main>section.article .content-right>.content,main.article-grid>.article-main>article.article-body) :is(main.wsc-main>section.article,main.article-grid) :is(.content-right>.content,article.article-body) :is(th,td){min-width:130px;font-size:15px!important;line-height:1.65!important;}
 body:has(main.article-grid>.article-main>article.article-body) .article-bottom,body:has(main.wsc-main>section.article .content-right>.content) .article-bottom{padding:28px 22px!important;margin-top:36px!important;border-radius:12px!important;}
 body:has(main.article-grid>.article-main>article.article-body) .article-bottom-title,body:has(main.wsc-main>section.article .content-right>.content) .article-bottom-title{font-size:24px!important;}
 body:has(main.article-grid>.article-main>article.article-body) .article-bottom-btns,body:has(main.wsc-main>section.article .content-right>.content) .article-bottom-btns{flex-direction:column!important;align-items:stretch!important;}
 body:has(main.article-grid>.article-main>article.article-body) :is(.related,.related-container),body:has(main.wsc-main>section.article .content-right>.content) :is(.related,.related-container){width:calc(100% - 40px)!important;margin:36px auto 48px!important;}
}

/* Boardmix article-only companion; narrower screens keep the existing reading layout and end-of-article actions. */
.bm-conversion-rail{display:none;}
@media(min-width:1280px){
 body[data-bm-blog-sidebar="20261007"] main.wsc-main>section.article:has(.content-right>.content),
 body[data-bm-blog-sidebar="20261007"] main.article-grid:has(>.article-main>article.article-body){max-width:1320px!important;width:calc(100% - 48px)!important;}
 body[data-bm-blog-sidebar="20261007"] main.wsc-main>section.article:has(.content-right>.content)>.content-main,
 body[data-bm-blog-sidebar="20261007"] main.article-grid:has(>.article-main>article.article-body){grid-template-columns:184px minmax(0,800px) 272px!important;gap:32px!important;}
 body[data-bm-blog-sidebar="20261007"] main.wsc-main:has(>section.article .content-right>.content)>.banner>.px-container{max-width:1320px!important;padding-left:216px!important;padding-right:304px!important;}
 body[data-bm-blog-sidebar="20261007"] main.wsc-main>section.article:has(.content-right>.content) .content-main>.article-nav:has(#list-howto),
 body[data-bm-blog-sidebar="20261007"] main.article-grid:has(>.article-main>article.article-body)>.article-right{width:184px!important;max-width:184px!important;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-rail{display:block;grid-column:3;grid-row:1;position:sticky;align-self:start;top:88px;width:272px;min-width:0;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-card{box-sizing:border-box;padding:24px;background:linear-gradient(145deg,#f4efff 0%,#faf8ff 100%);border:1px solid #e6ddff;border-radius:16px;color:#1e192c;font-family:inherit;text-align:left;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-card .bm-conversion-brand{margin:0 0 18px!important;padding:0!important;color:#1e192c!important;font-size:19px!important;font-weight:700!important;line-height:1.4!important;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-card .bm-conversion-kicker{margin:0 0 10px!important;padding:0!important;color:#7130ce!important;font-size:13px!important;font-weight:600!important;line-height:1.5!important;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-card .bm-conversion-title{margin:0 0 22px!important;padding:0!important;color:#1e192c!important;font-size:26px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.02em!important;text-align:left!important;overflow-wrap:break-word;text-wrap:balance;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-features{display:grid;gap:13px;list-style:none!important;margin:0 0 24px!important;padding:0!important;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-feature{position:relative;margin:0!important;padding:0 0 0 22px!important;color:#514b60!important;font-size:14px!important;line-height:1.6!important;overflow-wrap:break-word;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-feature:before{content:'';position:absolute;left:2px;top:.48em;width:10px;height:6px;border-left:2px solid #832fff;border-bottom:2px solid #832fff;transform:rotate(-45deg);}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-primary{display:flex!important;box-sizing:border-box;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 14px!important;border:1px solid #832fff;border-radius:16px;background:#832fff;color:#fff!important;font-size:16px!important;font-weight:700!important;line-height:1.5!important;text-align:center;text-decoration:none!important;white-space:normal;transition:background-color .15s ease;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-primary:hover{background:#7024e0;border-color:#7024e0;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-secondary{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px;padding:8px 0;color:#6530b7!important;font-size:14px!important;font-weight:500;line-height:1.5;text-align:center;text-decoration:underline;text-underline-offset:3px;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-secondary:hover{color:#4d1d97!important;}
 html:lang(ko) body[data-bm-blog-sidebar="20261007"] .bm-conversion-card{word-break:keep-all;overflow-wrap:break-word;}
 html:lang(ja) body[data-bm-blog-sidebar="20261007"] .bm-conversion-title{line-height:1.45!important;letter-spacing:0!important;}
 body[data-bm-blog-sidebar="20261007"] .bm-conversion-phrase{display:inline-block;}
}
@media(min-width:992px) and (max-width:1199px){
 body[data-bm-blog-sidebar="20261007"]>header.header{padding-inline:16px!important;}
 body[data-bm-blog-sidebar="20261007"]>header.header .header--content{padding-left:12px!important;gap:4px!important;}
 body[data-bm-blog-sidebar="20261007"]>header.header .header--products,
 body[data-bm-blog-sidebar="20261007"]>header.header .header--item>.menu-track{padding-inline:4px!important;}
}
@media(min-width:992px) and (max-width:1199px){body[data-bm-blog-sidebar="20261007"]>header.header .header--products--float-solution-box:has(.header--float-solution-lf-scene){position:fixed!important;left:50%!important;right:auto!important;top:64px!important;width:max-content!important;max-width:calc(100vw - 32px)!important;transform:translateX(-50%)!important;translate:none!important;}}
@media(prefers-reduced-motion:reduce){body[data-bm-blog-sidebar="20261007"] .bm-conversion-primary{transition:none;}}
@media print{body[data-bm-blog-sidebar="20261007"] .bm-conversion-rail{display:none!important;}}

/* devanagari */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Boardmix Article Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Reserve the final article layout before its progressive controls load. */
@media(min-width:1280px){
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.wsc-main>section.article:has(.content-right>.content),
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.article-grid:has(>.article-main>article.article-body){max-width:1320px!important;width:calc(100% - 48px)!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.wsc-main>section.article:has(.content-right>.content)>.content-main,
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.article-grid:has(>.article-main>article.article-body){grid-template-columns:184px minmax(0,800px) 272px!important;gap:32px!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.wsc-main:has(>section.article .content-right>.content)>.banner>.px-container{max-width:1320px!important;padding-left:216px!important;padding-right:304px!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.wsc-main>section.article:has(.content-right>.content) .content-main>.article-nav:has(#list-howto),
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.article-grid:has(>.article-main>article.article-body)>.article-right{width:184px!important;max-width:184px!important;}
}
@media(max-width:1199px){
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.article-grid:not([data-bm-reading-ready]):has(>.article-main>article.article-body)>.article-right,
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.wsc-main:not([data-bm-reading-ready])>section.article:has(.content-right>.content)>.content-main>.article-nav.left-nav{box-sizing:border-box!important;height:56px!important;min-height:56px!important;max-height:56px!important;overflow-y:auto!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.wsc-main:not([data-bm-reading-ready])>section.article:has(.content-right>.content)>.content-main>.article-nav.left-nav{display:block!important;position:static!important;width:100%!important;margin:0 0 28px!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.article-grid:has(>.article-main>article.article-body)>.article-right,
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.article-grid:has(>.article-main>article.article-body)>.article-main>.article-right{margin:24px 0!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content)[data-bm-blog-reading="20261007"] .bm-reading-toc>summary{box-sizing:border-box;line-height:24px;min-height:54px;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main:not([data-bm-reading-ready]):is(.article-grid:has(>.article-main>article.article-body),.wsc-main:has(>section.article .content-right>.content)) #list-howto{box-sizing:border-box!important;height:56px!important;min-height:56px!important;max-height:56px!important;padding:0!important;overflow:hidden!important;border:1px solid #e3e6ef!important;border-radius:10px!important;background:#f8f9fc!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main:not([data-bm-reading-ready]):is(.article-grid:has(>.article-main>article.article-body),.wsc-main:has(>section.article .content-right>.content)) #list-howto{overflow-y:auto!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main:not([data-bm-reading-ready]):is(.article-grid:has(>.article-main>article.article-body),.wsc-main:has(>section.article .content-right>.content)) #list-howto>:is(.menu-title,.border-bottom):first-child{box-sizing:border-box!important;min-height:54px!important;padding:15px 18px!important;margin:0!important;line-height:24px!important;font-size:15px!important;border:0!important;}
}
html:lang(es) body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) main.article-grid:has(>.article-main>article.article-body) :is(.article-main,h1,.article-body,.article-body p,.article-body span,.article-body em,.article-body strong,.article-body li,.article-body td,.article-body th,.article-body h2,.article-body h3,.article-body h4,.author-title,.author-desc){font-family:'Boardmix Article Poppins',Arial,'Helvetica Neue',Helvetica,sans-serif!important;}
body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content) :is(.content-right>.content,article.article-body) img[src="https://cms.boardmix.com/images/articles/what-is-project-planning-boardmix.png"]{width:100%!important;aspect-ratio:auto 4958 / 4035;}
@media(min-width:992px) and (max-width:1199px){
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content)>header.header{padding-inline:16px!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content)>header.header .header--content{padding-left:12px!important;gap:4px!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content)>header.header .header--products,body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content)>header.header .header--item>.menu-track{padding-inline:4px!important;}
 body:has(main.article-grid>.article-main>article.article-body,main.wsc-main>section.article .content-right>.content)>header.header .header--products--float-solution-box:has(.header--float-solution-lf-scene){position:fixed!important;left:50%!important;right:auto!important;top:64px!important;width:max-content!important;max-width:calc(100vw - 32px)!important;transform:translateX(-50%)!important;translate:none!important;}
}