.bp{min-height:100vh}.bp-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:var(--lp-tile);font-size:13px;font-weight:600;color:#475467}.bp-pill--dark{background:rgb(255 255 255/.12);color:#fff}.bp-chip{display:inline-flex;padding:4px 12px;border-radius:999px;background:#e8f6ea;font-size:12px;font-weight:600;color:var(--lp-deep)}.bp-chip,.bp-meta{align-items:center}.bp-meta{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:13px;color:var(--lp-muted)}.bp-meta--center{justify-content:center}.bp-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:600;color:var(--lp-ink)}.bp-feature .lp-btn svg,.bp-more svg{transition:transform .25s var(--lp-ease)}.bp-card a:hover .bp-more svg,.bp-feature a:hover .lp-btn svg{transform:translate(3px,-3px)}.bp-cover{overflow:hidden;border-radius:26px;background:var(--lp-tile)}.bp-cover img{display:block;width:100%;height:auto;transition:transform .8s var(--lp-ease)}.bp a:hover .bp-cover img{transform:scale(1.045)}.bp-cover__fallback{display:flex;align-items:center;justify-content:center;aspect-ratio:1731/909;font-family:var(--font-display),Anuphan,sans-serif;font-size:22px;font-weight:600;color:var(--lp-muted)}.bp-hero{padding:clamp(130px,14vw,190px) 0 clamp(36px,4vw,56px);text-align:center;background:radial-gradient(ellipse 60% 70% at 50% 0,#eef8ef 0,#fff 70%)}.bp-hero__inner{display:flex;flex-direction:column;align-items:center;gap:22px}.bp-hero h1{margin:0;font-size:clamp(34px,5vw,70px);line-height:1.18;font-weight:600;letter-spacing:-.04em;color:var(--lp-ink);text-wrap:balance}.bp-banner h2 em,.bp-cta h2 em,.bp-hero h1 em{display:block;font-style:normal;background:linear-gradient(100deg,#2f8f3c,#1fa39a 55%,#3d6fd6);-webkit-background-clip:text;background-clip:text;color:transparent}.bp-hero p{max-width:640px;font-size:clamp(16px,1.4vw,19px);line-height:1.75;color:var(--lp-muted)}.bp-hero__inner>*{animation:lp-rise 1s var(--lp-ease) both}.bp-hero__inner>:nth-child(2){animation-delay:.1s}.bp-hero__inner>:nth-child(3){animation-delay:.2s}.bp-topics{padding:10px 0}.bp-topics__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.bp-topics button{height:40px;padding:0 20px;border:1px solid var(--lp-line);border-radius:999px;background:rgb(255 255 255/.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 14px var(--font-body),system-ui,sans-serif;color:#475467;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.bp-topics button:hover{border-color:#c9ced6;color:var(--lp-ink)}.bp-topics button.is-active{background:var(--lp-ink);border-color:var(--lp-ink);color:#fff}.bp-featured{padding:clamp(24px,3vw,40px) 0 clamp(20px,3vw,40px)}.bp-feature{border-radius:clamp(26px,3.4vw,44px);background:var(--lp-tile-2);border:1px solid var(--lp-line)}.bp-feature>a{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(12px,1.6vw,20px)}.bp-feature .bp-cover{border-radius:clamp(18px,2.4vw,32px)}.bp-feature__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(8px,2vw,28px) clamp(8px,2vw,32px) clamp(8px,2vw,28px) 0}.bp-flag{display:inline-flex;padding:5px 14px;border-radius:999px;background:var(--lp-ink);font-size:12px;font-weight:600;color:#fff}.bp-feature h2{margin:0;font-size:clamp(26px,3vw,42px);line-height:1.28;font-weight:600;letter-spacing:-.03em;color:var(--lp-ink);text-wrap:balance}.bp-feature p{font-size:16px;line-height:1.75;color:var(--lp-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bp-feature .lp-btn{margin-top:6px}.bp-list{padding:clamp(30px,4vw,56px) 0 clamp(70px,9vw,130px)}.bp-list__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}.bp-list__head h2{margin:0;font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.03em;color:var(--lp-ink)}.bp-list__head p{font-size:14px;color:var(--lp-muted)}.bp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 26px}.bp-card a{display:flex;flex-direction:column;gap:14px;height:100%}.bp-card h3{margin:0;font-size:20px;line-height:1.45;font-weight:600;letter-spacing:-.015em;color:var(--lp-ink)}.bp-card h3,.bp-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bp-card p{font-size:14.5px;line-height:1.7;color:var(--lp-muted)}.bp-banner{padding:0 0 clamp(56px,7vw,100px)}.bp-banner__inner{display:flex;flex-direction:column;align-items:center;gap:20px;padding:clamp(50px,7vw,96px) 24px;border-radius:clamp(28px,4vw,48px);background:var(--lp-dark);color:#fff;text-align:center}.bp-banner h2,.bp-cta h2{margin:0;font-size:clamp(28px,4vw,54px);line-height:1.2;font-weight:600;letter-spacing:-.035em}.bp-banner p,.bp-cta p{max-width:520px;font-size:16px;line-height:1.75;color:rgb(255 255 255/.65)}.bp-banner h2 em,.bp-cta h2 em{background:linear-gradient(100deg,#ffffff,#b5f2bd 60%,#9fd4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.bp-progress{position:fixed;z-index:60;top:0;left:0;right:0;height:3px;pointer-events:none}.bp-progress i{display:block;height:100%;background:linear-gradient(90deg,#3faa4a,#1fa39a);transform-origin:0 50%;transform:scaleX(0);transition:transform .12s linear}.bp-post-hero{padding:clamp(130px,13vw,180px) 24px clamp(30px,4vw,52px);background:radial-gradient(ellipse 60% 80% at 50% 0,#eef8ef 0,#fff 72%)}.bp-post-hero__inner{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:860px;margin:0 auto;text-align:center}.bp-post-hero__inner>*{animation:lp-rise .9s var(--lp-ease) both}.bp-post-hero__inner>:nth-child(2){animation-delay:.06s}.bp-post-hero__inner>:nth-child(3){animation-delay:.12s}.bp-post-hero__inner>:nth-child(4){animation-delay:.18s}.bp-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--lp-line);border-radius:999px;font-size:13px;font-weight:500;color:#475467;transition:background .2s ease}.bp-back:hover{background:var(--lp-tile-2)}.bp-post-hero h1{margin:0;font-size:clamp(28px,3.6vw,44px);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--lp-ink);text-wrap:balance}.bp-post-hero p{max-width:680px;font-size:17px;line-height:1.8;color:var(--lp-muted)}.bp-byline{gap:12px;text-align:left}.bp-byline,.bp-byline__mark{display:inline-flex;align-items:center}.bp-byline__mark{justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--lp-ink);font-family:var(--font-display),Anuphan,sans-serif;font-weight:700;color:#fff}.bp-byline span:last-child{display:flex;flex-direction:column;line-height:1.3}.bp-byline b{font-size:14px;color:var(--lp-ink)}.bp-byline small{font-size:12px;color:var(--lp-muted)}.bp-post-cover{width:min(1120px,calc(100% - 32px));margin:0 auto clamp(44px,6vw,80px);padding:clamp(6px,1vw,12px);border-radius:clamp(22px,3vw,40px);background:var(--lp-tile);border:1px solid var(--lp-line)}.bp-post-cover img{display:block;width:100%;height:auto;border-radius:clamp(16px,2.4vw,30px)}.bp-layout{display:grid;grid-template-columns:240px minmax(0,700px);justify-content:center;gap:clamp(32px,5vw,64px);align-items:start}.bp-toc-wrap{position:sticky;top:100px}.bp-toc__card{padding:20px;border:1px solid var(--lp-line);border-radius:20px;background:var(--lp-tile-2)}.bp-toc__mobile{display:none}.bp-toc__title{margin:0;font-size:17px}.bp-toc summary,.bp-toc__title{font-family:var(--font-display),Anuphan,sans-serif;font-weight:600;color:var(--lp-ink)}.bp-toc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:16px;cursor:pointer}.bp-toc summary::-webkit-details-marker{display:none}.bp-toc summary:after{content:"+";font-size:22px;font-weight:400;color:var(--lp-muted);transition:transform .25s var(--lp-ease)}.bp-toc details[open] summary:after{transform:rotate(45deg)}.bp-toc ol{display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 230px);margin:12px 0 0;padding:0;overflow-y:auto;list-style:none}.bp-toc a{display:flex;gap:10px;padding:7px 0;font-size:14px;line-height:1.5;color:var(--lp-muted);transition:color .2s ease}.bp-toc a:hover{color:var(--lp-ink)}.bp-toc a.is-active{font-weight:600;color:var(--lp-ink)}.bp-toc__num{flex-shrink:0;font-weight:700;font-variant-numeric:tabular-nums;color:#2b8236}.bp-content section{scroll-margin-top:110px;margin-bottom:56px}.bp-content section>h2{margin:0 0 16px;font-size:clamp(23px,2.2vw,28px);line-height:1.4;font-weight:600;letter-spacing:-.02em;color:var(--lp-ink)}.bp-content section>h2:before{content:"";display:block;width:32px;height:3px;margin-bottom:14px;border-radius:3px;background:var(--lp-accent)}.bp-content section>h3,.bp-imported h3{margin:28px 0 10px;font-size:20px;line-height:1.5;font-weight:600;letter-spacing:-.01em;color:var(--lp-ink)}.bp-content .bp-imported p,.bp-content section>p{margin:0 0 1.15em;font-size:17px;line-height:1.8;color:#3a4553}.bp-imported{min-width:0;font-size:17px;line-height:1.8;color:#3a4553;overflow-wrap:break-word}.bp-imported>p:last-of-type{margin-bottom:48px}.bp-callout a,.bp-content .bp-imported a:not(.lp-btn),.bp-content section>p a,.bp-list-block a{font-weight:600;color:var(--lp-deep);text-decoration:underline;text-decoration-color:rgb(63 170 74/.45);text-underline-offset:3px;transition:text-decoration-color .2s ease}.bp-callout a:hover,.bp-content .bp-imported a:not(.lp-btn):hover,.bp-content section>p a:hover,.bp-list-block a:hover{text-decoration-color:var(--lp-accent)}.bp-imported ol,.bp-imported ul,.bp-list-block{display:flex;flex-direction:column;gap:10px;margin:0 0 1.4em;padding:0;list-style:none;font-size:17px;line-height:1.75;color:#3a4553;counter-reset:bp-li}.bp-imported li,.bp-list-block li{position:relative;padding-left:28px}.bp-imported ul li:before,ul.bp-list-block li:before{content:"";position:absolute;left:6px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--lp-accent)}.bp-imported ol li,ol.bp-list-block li{padding-left:38px;counter-increment:bp-li}.bp-imported ol li:before,ol.bp-list-block li:before{content:counter(bp-li);position:absolute;left:0;top:3px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--lp-tile);font-size:13px;font-weight:700;line-height:1;color:var(--lp-deep)}.bp-callout{margin:0 0 1.4em;padding:18px 22px;border:1px solid;border-radius:16px;font-size:16px;line-height:1.75}.bp-callout b{display:block;margin-bottom:4px;font-family:var(--font-display),Anuphan,sans-serif;font-weight:600;color:var(--lp-ink)}.bp-callout--tip{border-color:#d5eed8;border-left:4px solid var(--lp-accent);background:#eef8ef;color:#1d3a22}.bp-callout--warning{border-color:#f0c36d;border-left:4px solid #e2a53b;background:#fff7e6;color:#5a410d}.bp-example{position:relative;margin:0 0 1.4em;padding:16px 20px 18px;border:1px solid var(--lp-line);border-radius:16px;background:var(--lp-tile-2)}.bp-example figcaption{margin-bottom:8px;padding-right:96px;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--lp-muted)}.bp-copy{position:absolute;top:12px;right:14px;height:28px;padding:0 12px;border:1px solid var(--lp-line);border-radius:999px;background:#fff;font:600 12.5px var(--font-body),system-ui,sans-serif;color:var(--lp-ink);cursor:pointer;transition:background .2s ease,border-color .2s ease}.bp-copy:hover{border-color:#c9ced6;background:var(--lp-tile)}.bp-example blockquote{margin:0;font-size:16.5px;line-height:1.8;color:var(--lp-ink);white-space:pre-line;overflow-wrap:anywhere}.bp-imported strong{font-weight:700;color:#173b27}.bp-imported mark{padding:.06em .18em;border-radius:4px;background:#e0f2cb;color:#19391e;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bp-formula{margin:0 0 32px;padding:26px 28px;border:1px solid #cfe3bd;border-left:4px solid #528735;border-radius:0 18px 18px 0;background:#f3f8ed}.bp-content .bp-formula p{margin:0}.bp-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;margin:20px 0 28px}.bp-comparison>div{padding:22px;border-radius:16px;border:1px solid #e1e5e0;background:#f5f6f3}.bp-comparison .bp-comparison-after{background:#eff7e9;border-color:#c9dfbb}.bp-content .bp-comparison p{margin:0;font-size:17px;line-height:1.9}.bp-comparison strong{display:block;margin-bottom:12px;font-size:14px}.bp-content .bp-product-panel{padding:30px;border:1px solid #cfdfd4;border-radius:22px;background:linear-gradient(135deg,#f0f7ee,#fafcf7)}.bp-content .bp-product-panel p:last-child{margin-bottom:0}@media (max-width:700px){.bp-comparison{grid-template-columns:minmax(0,1fr)}.bp-content .bp-product-panel,.bp-formula{padding:22px 20px}.bp-imported h3{margin-top:30px}}.bp-tldr{margin-bottom:52px;padding:24px 28px;border-radius:24px;background:#eef8ef;border:1px solid #d5eed8}.bp-tldr b{display:block;margin-bottom:8px;font-family:var(--font-display),Anuphan,sans-serif;font-size:15px;color:var(--lp-deep)}.bp-tldr p{font-size:16px;line-height:1.8;color:#1d3a22}.bp-sources{margin:8px 0 24px}.bp-sources__label{display:block;margin-bottom:8px;font-size:12.5px;font-weight:600;color:var(--lp-muted)}.bp-sources ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.bp-sources a{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;line-height:1.6;color:var(--lp-text);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.bp-sources a:hover{color:var(--lp-deep);text-decoration-color:var(--lp-accent)}.bp-sources svg{flex-shrink:0;width:14px;height:14px;color:var(--lp-muted)}.bp-figure{margin:8px 0 28px}.bp-figure img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--lp-line)}.bp-figure figcaption{margin-top:10px;font-size:13px;line-height:1.6;text-align:center;color:var(--lp-muted)}.bp-imported .bp-editorial-image{margin:30px 0 40px}.bp-editorial-image figcaption a{text-decoration:underline;text-underline-offset:3px}.bp-article-action{margin-top:30px;padding:28px 20px;border:1px solid #cfe3bd;border-radius:20px;background:#f0f7e9;text-align:center}.bp-article-action .lp-btn{max-width:100%;white-space:normal;line-height:1.6}.bp-table-scroll{overflow-x:auto;margin:28px 0 36px;border:1px solid #d9e4d5;border-radius:16px}.bp-table-scroll table{width:100%;min-width:480px;border-collapse:collapse;font-size:16px;line-height:1.8;text-align:left}.bp-table-scroll td,.bp-table-scroll th{padding:18px;border-bottom:1px solid #d9e4d5;vertical-align:top}.bp-table-scroll th{background:#edf5e8;color:#173b27;font-weight:700}.bp-table-scroll tr:last-child td{border-bottom:0}.bp-content .bp-caption-example{padding:24px;border-radius:16px;border:1px solid #d8e5ce;background:#f6f9f2;overflow-wrap:anywhere}.bp-caption-example>strong:first-child{display:block;margin-bottom:12px}.bp-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bp-faq details{margin-bottom:10px;border-radius:22px;background:var(--lp-tile-2);border:1px solid var(--lp-line)}.bp-faq details[open]{background:#fff;box-shadow:0 10px 30px rgb(15 20 32/.06)}.bp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;list-style:none;font-family:var(--font-display),Anuphan,sans-serif;font-size:16.5px;color:var(--lp-ink)}.bp-faq summary::-webkit-details-marker{display:none}.bp-faq summary span{font-size:22px;font-weight:400;color:var(--lp-muted);transition:transform .3s var(--lp-ease)}.bp-faq details[open] summary span{transform:rotate(45deg)}.bp-faq details p{padding:0 24px 22px;font-size:15.5px;line-height:1.85;color:var(--lp-muted)}.bp-cta{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:30px;padding:clamp(40px,6vw,68px) 28px;border-radius:36px;background:var(--lp-dark);color:#fff;text-align:center}.bp-content .bp-cta h2{margin:0;font-size:clamp(24px,2.6vw,34px);line-height:1.35;letter-spacing:-.028em;color:#fff}.bp-related{padding:clamp(60px,8vw,110px) 0 clamp(70px,9vw,130px)}.bp-related__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.bp-related__head h2{margin:0;font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.03em;color:var(--lp-ink)}.bp-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.bp-related__grid a{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.bp-related__img{display:block;width:100%;overflow:hidden;border-radius:20px;background:var(--lp-tile)}.bp-related__img img{display:block;width:100%;height:auto;transition:transform .7s var(--lp-ease)}.bp-related__grid a:hover img{transform:scale(1.05)}.bp-related__grid b{font-size:15px;line-height:1.5;font-weight:600;color:var(--lp-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bp .lp-footer{border-top:0}@media (max-width:1040px){.bp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-layout{grid-template-columns:minmax(0,700px)}.bp-toc-wrap{position:static;margin-bottom:8px}.bp-toc__desktop{display:none}.bp-toc__mobile{display:block;padding:0;border-radius:16px}.bp-toc summary{padding:14px 18px}.bp-toc ol{max-height:none;margin:0;padding:0 18px 12px;overflow:visible}}@media (max-width:900px){.bp-feature>a{grid-template-columns:1fr}.bp-feature__copy{padding:4px 12px 16px}}@media (max-width:640px){.bp-post-hero h1{font-size:28px}.bp-post-hero__inner{align-items:flex-start;text-align:left}.bp-content .bp-imported p,.bp-content section>p,.bp-imported,.bp-imported ol,.bp-imported ul,.bp-list-block{font-size:16.5px;line-height:1.8}.bp-grid{grid-template-columns:1fr;gap:36px}.bp-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-gallery{grid-template-columns:1fr}.bp-list__head{flex-direction:column;align-items:flex-start}.bp-topics__inner{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none}.bp-topics button{flex-shrink:0}}.bp-topics{padding:0 0 clamp(56px,7vw,100px)}.bp-topics h2{margin:0 0 14px;font-size:clamp(26px,3.4vw,40px);line-height:1.25;font-weight:600;letter-spacing:-.03em}.bp-topics__lead{max-width:640px;margin:0 0 36px;font-size:16px;line-height:1.8;color:#667085}.bp-topics__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bp-topics article{padding:28px;border-radius:24px;background:#f6f7f9}.bp-topics h3{margin:0 0 10px;font-size:20px;line-height:1.35}.bp-topics article p{margin:0 0 14px;font-size:15px;line-height:1.75;color:#667085}.bp-topics ul{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px}.bp-topics a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.bp-topics__tool{margin:28px 0 0;font-size:16px;line-height:1.8}@media (max-width:800px){.bp-topics__grid{grid-template-columns:1fr}}.bp-faq__title{margin-top:56px!important}.bp-faq{display:flex;flex-direction:column;gap:10px}.bp-faq details{padding:18px 24px;border-radius:20px;background:#f6f7f9}.bp-faq summary{cursor:pointer;font-size:17px;font-weight:600}.bp-faq details p{margin:12px 0 0;font-size:15px;line-height:1.75;color:#667085}