/* Millboard guide only. Kanit is supplied by the existing storefront head. */
#tm-category .mb-guide{--mb-leaf:#3c9948;--mb-dark:#245a34;--mb-pale:#f4f6f3;--mb-orange:#f58220;--mb-blue:#007fae;margin:70px 0 30px;font-family:TMCategoryInter,Arial,sans-serif;color:#203325;font-size:14px;line-height:1.8}
#tm-category .mb-guide h2,#tm-category .mb-guide h3,#tm-category .mb-guide h4{font-family:Kanit,TMCategoryInter,Arial,sans-serif;color:var(--mb-dark);font-weight:800;letter-spacing:-.45px;line-height:1.16}
#tm-category .mb-guide h2{font-size:42px;max-width:890px}
#tm-category .mb-guide h3{font-size:32px}
#tm-category .mb-guide h4{font-size:26px;margin:0 0 14px}
#tm-category .mb-guide p{max-width:70ch;margin:0 0 16px;color:#53634f}
#tm-category .mb-guide strong{color:var(--mb-dark);font-weight:500}
#tm-category .mb-guide a{color:var(--mb-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#tm-category .mb-guide a:hover{text-decoration-thickness:2px}
#tm-category .mb-guide a:focus-visible,#tm-category .mb-guide summary:focus-visible,#tm-category .mb-guide iframe:focus-visible{outline:3px solid #0087b9;outline-offset:5px}
#tm-category .mb-guide [id]{scroll-margin-top:165px}
#tm-category .mb-guide .mb-intro>p{max-width:83ch;margin:20px 0 0;font-size:15px}
#tm-category .mb-guide .mb-jump{display:flex!important;flex-wrap:wrap;column-gap:25px;row-gap:8px;margin:23px 0 42px;font-size:13px}
#tm-category .mb-guide .mb-choice{margin:0 0 62px}
#tm-category .mb-guide .mb-choice>h3{margin-bottom:25px}
#tm-category .mb-guide .mb-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
#tm-category .mb-guide .mb-application{min-width:0}
#tm-category .mb-guide .mb-application-photo{display:block;width:100%;height:auto;aspect-ratio:1.62;object-fit:cover;object-position:50% 55%;background:var(--mb-pale);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,40px 100%,0 calc(100% - 40px))}
#tm-category .mb-guide .mb-cladding-photo{object-position:50% 50%}
#tm-category .mb-guide .mb-application-copy{padding:25px 12px 0 0}
#tm-category .mb-guide .mb-collections{display:grid;gap:17px;margin:22px 0 0}
#tm-category .mb-guide .mb-collections>div{padding-left:17px;border-left:3px solid var(--mb-leaf)}
#tm-category .mb-guide .mb-collections dt{margin:0 0 3px;font-family:Kanit,TMCategoryInter,Arial,sans-serif;font-size:18px;font-weight:800;color:var(--mb-dark);line-height:1.35}
#tm-category .mb-guide .mb-collections dd{margin:0;color:#53634f;font-size:13px;line-height:1.8}
#tm-category .mb-guide .mb-video-strip{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,820px);gap:38px;align-items:center;padding:38px 0;margin:0 0 64px;border-top:1px solid #e0e7dd;border-bottom:1px solid #e0e7dd}
#tm-category .mb-guide .mb-video-intro{max-width:255px;min-width:0}
#tm-category .mb-guide .mb-video-intro h3{font-size:32px;margin-bottom:17px}
#tm-category .mb-guide .mb-video-intro p{font-size:14px;line-height:1.8}
#tm-category .mb-guide .mb-text-link{display:inline-block;font-size:13px;margin-top:4px}
#tm-category .mb-guide .mb-videos{display:grid;grid-template-columns:repeat(3,minmax(0,260px));gap:20px;min-width:0;justify-content:end;align-items:start}
#tm-category .mb-guide .mb-video{margin:0;width:100%;min-width:0;max-width:260px}
#tm-category .mb-guide .mb-video-frame{position:relative;isolation:isolate;padding:18px}
#tm-category .mb-guide .mb-video-frame::before,#tm-category .mb-guide .mb-video-frame::after{content:"";position:absolute;z-index:-1;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
#tm-category .mb-guide .mb-video-frame::before{inset:0;background:var(--mb-leaf)}
#tm-category .mb-guide .mb-video-frame::after{inset:1px;background:var(--mb-pale)}
#tm-category .mb-guide .mb-video-accent{position:absolute;top:0;left:18px;width:30px;height:3px;background:var(--mb-orange)}
#tm-category .mb-guide .mb-video iframe{position:relative;display:block;width:100%;height:auto;aspect-ratio:9/16;border:0;background:#203325}
#tm-category .mb-guide .mb-video figcaption{padding:14px 3px 0}
#tm-category .mb-guide .mb-video h4{font-size:18px;letter-spacing:0;line-height:1.3;margin:0 0 4px}
#tm-category .mb-guide .mb-video figcaption span{font-size:11px;color:#53634f}
#tm-category .mb-guide .mb-practical{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:start;margin:0 0 65px}
#tm-category .mb-guide .mb-material-photo{margin:0;min-width:0}
#tm-category .mb-guide .mb-material-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,36px 100%,0 calc(100% - 36px))}
#tm-category .mb-guide .mb-material-photo figcaption{margin-top:12px;font-size:11px;color:#53634f}
#tm-category .mb-guide .mb-practical-copy{min-width:0}
#tm-category .mb-guide .mb-practical-copy>h3{margin-bottom:25px}
#tm-category .mb-guide .mb-practical-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
#tm-category .mb-guide .mb-practical-topics h4{font-size:21px;margin-bottom:12px}
#tm-category .mb-guide .mb-practical-topics p{font-size:13px}
#tm-category .mb-guide .mb-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:56px;max-width:100%;padding:12px 26px;margin-top:10px;color:#fff;font-family:Kanit,TMCategoryInter,Arial,sans-serif;font-size:22px;font-weight:800;font-style:italic;line-height:1.35;text-decoration:none;text-align:center}
#tm-category .mb-guide .mb-button::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--mb-blue);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
#tm-category .mb-guide .mb-button:hover{text-decoration:none}
#tm-category .mb-guide .mb-button:hover::before{background:#00739e}
#tm-category .mb-guide .mb-button:active::before{background:#006489}
#tm-category .mb-guide .mb-faq{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);column-gap:48px;border-top:1px solid #e0e7dd;padding-top:35px}
#tm-category .mb-guide .mb-faq>h3{grid-column:1;grid-row:1/7;max-width:325px;padding-right:20px}
#tm-category .mb-guide .mb-faq details{grid-column:2;border-bottom:1px solid #e0e7dd;min-width:0}
#tm-category .mb-guide .mb-faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;color:var(--mb-dark);font-family:Kanit,TMCategoryInter,Arial,sans-serif;font-size:18px;font-weight:800;line-height:1.4;list-style:none}
#tm-category .mb-guide .mb-faq details:first-of-type summary{padding-top:0}
#tm-category .mb-guide .mb-faq summary::-webkit-details-marker{display:none}
#tm-category .mb-guide .mb-faq summary::after{content:"+";color:var(--mb-orange);font-family:TMCategoryInter,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1;flex:none}
#tm-category .mb-guide .mb-faq details[open]>summary::after{content:"−"}
#tm-category .mb-guide .mb-faq details p{font-size:13px;margin:0 28px 19px 0}
@media(max-width:1100px){
  #tm-category .mb-guide .mb-video-strip{grid-template-columns:1fr;gap:27px}
  #tm-category .mb-guide .mb-video-intro{max-width:650px}
  #tm-category .mb-guide .mb-video-intro h3{margin-bottom:11px}
  #tm-category .mb-guide .mb-video-intro p{margin-bottom:8px}
  #tm-category .mb-guide .mb-videos{justify-content:start}
  #tm-category .mb-guide .mb-applications{gap:30px}
  #tm-category .mb-guide .mb-practical,#tm-category .mb-guide .mb-faq{column-gap:32px}
  #tm-category .mb-guide .mb-practical-topics{grid-template-columns:1fr;gap:5px}
}
@media(max-width:860px){
  #tm-category .mb-guide .mb-videos{grid-template-columns:minmax(0,320px);justify-content:center;gap:32px}
  #tm-category .mb-guide .mb-video{max-width:320px}
}
@media(max-width:700px){
  #tm-category .mb-guide{margin-top:47px;font-size:14px}
  #tm-category .mb-guide [id]{scroll-margin-top:120px}
  #tm-category .mb-guide h2{font-size:32px}
  #tm-category .mb-guide h3{font-size:28px}
  #tm-category .mb-guide h4{font-size:25px}
  #tm-category .mb-guide .mb-intro>p{font-size:14px;margin-top:17px}
  #tm-category .mb-guide .mb-jump{column-gap:20px;row-gap:10px;margin:20px 0 32px}
  #tm-category .mb-guide .mb-choice{margin-bottom:39px}
  #tm-category .mb-guide .mb-choice>h3{margin-bottom:22px}
  #tm-category .mb-guide .mb-applications{grid-template-columns:1fr;gap:34px}
  #tm-category .mb-guide .mb-application-photo{aspect-ratio:1.45;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px))}
  #tm-category .mb-guide .mb-application-copy{padding:20px 0 0}
  #tm-category .mb-guide .mb-collections{margin-top:18px;gap:15px}
  #tm-category .mb-guide .mb-collections dd{font-size:14px}
  #tm-category .mb-guide .mb-video-strip{padding:30px 0;margin-bottom:41px;gap:24px}
  #tm-category .mb-guide .mb-video-intro h3{font-size:28px}
  #tm-category .mb-guide .mb-video h4{font-size:19px}
  #tm-category .mb-guide .mb-practical{grid-template-columns:1fr;gap:25px;margin-bottom:42px}
  #tm-category .mb-guide .mb-material-photo{max-width:360px}
  #tm-category .mb-guide .mb-material-photo img{aspect-ratio:1.25}
  #tm-category .mb-guide .mb-practical-copy>h3{margin-bottom:23px}
  #tm-category .mb-guide .mb-practical-topics{gap:8px}
  #tm-category .mb-guide .mb-practical-topics p{font-size:14px}
  #tm-category .mb-guide .mb-practical-topics h4{font-size:22px}
  #tm-category .mb-guide .mb-button{padding:12px 22px;font-size:22px}
  #tm-category .mb-guide .mb-faq{display:block;padding-top:29px}
  #tm-category .mb-guide .mb-faq>h3{max-width:none;margin-bottom:25px;padding:0}
  #tm-category .mb-guide .mb-faq summary{font-size:18px}
  #tm-category .mb-guide .mb-faq details p{font-size:14px;margin-right:12px}
}