h1,h2,h3{color:var(--gray-900)}h1{font-size:var(--fs-h1);font-weight:900;letter-spacing:3px;line-height:1.36}h2{margin-top:3.6rem;margin-block-end:0;font-size:var(--fs-h2)}h3{margin-block-start:0;margin-block-end:0}h2+h3{margin-block-end:0;margin-top:0}p+h3,ul+h3{margin-top:3rem}.post-content li:has(p){margin-bottom:1.2rem}p,li{font-size:var(--fs-p)}p{margin-bottom:0;margin-block-start:6px}p+p,ul+p{margin-top:2rem}a{text-decoration:none}p+ul{margin-top:0}p:has(+ul){margin-bottom:6px}ul:not(nav ul,footer ul) li{list-style-type:square}button{background:var(--teal-500);color:#fff;-webkit-text-fill-color:white;border:none;padding:12px 32px;font-size:var(--btn-fs);font-weight:500;border-radius:var(--r-s);cursor:pointer;width:fit-content;transition:background-color .3s ease}button:hover,.list-card:hover button{background:var(--orange-500);color:#fff}hr{border:none;border-top:3px dotted var(--gray-500);margin:3.6rem auto;width:160px}.post-content{width:760px;max-width:86%;margin:0 auto 3.6rem}.post-content a{color:var(--blue-500);font-weight:600}.post-content a:hover{color:var(--orange-500);transform:translateY(-2px)}.post-content a:hover::after{margin-left:9px}.post-header-wrapper{display:flex;align-items:center;justify-content:space-between;gap:40px}.post-header{flex:1}.post-header .author{font-size:var(--fs-sm);color:var(--gray-500);padding-top:1rem}.post-header-image{flex:0 0 40%;display:flex;justify-content:flex-end}.header-img{max-width:100%;height:auto;border-radius:8px;object-fit:cover;display:block}@media screen and (max-width:768px){.post-header-wrapper{flex-direction:column!important;align-items:flex-start!important;gap:24px!important}.post-header{width:100%!important}.post-header-image{width:100%!important;max-width:100%!important;display:block!important;margin-top:10px}}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:3.6rem auto 0;font-size:var(--fs-sm);line-height:1.4;width:fit-content;max-width:960px}@media(max-width:960px){.breadcrumb{max-width:96%}}.breadcrumb a{color:var(--gray-700);text-decoration:none;white-space:nowrap;transition:color .3s ease;padding:8px 20px;background:#fff;border-radius:999px}.breadcrumb a:hover{color:#fff;background:var(--blue-500)}.breadcrumb .sep{color:#bbb;margin:0 .1rem;user-select:none}.breadcrumb .current{color:var(--blue-500);font-size:var(--fs-p);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.breadcrumb{font-size:.78rem;padding:.45rem .75rem;white-space:normal}.breadcrumb .current{max-width:60vw}}.related-articles__header{font-weight:600;font-size:var(--fs-md)}.related-articles{margin-top:3.6rem;padding-top:1rem;border-top:1px solid var(--border)}.related-articles__grid{padding:.3rem 0 0 1.2rem}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-up.is-appeared{opacity:1;transform:none}.share-wrap{padding-top:3rem;text-align:center}.share-row{display:flex;gap:20px;justify-content:center}.share-label{font-size:var(--fs-sm);margin-bottom:10px}.share-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint);text-decoration:none;transition:background .15s,color .15s}.share-btn:hover{background:#f5f5f5;color:var(--gray-700)}.share-btn svg{width:32px;height:32px}.hero-container{display:flex;align-items:center;gap:5rem}.hero-content-section{flex:1;display:flex;flex-direction:column;justify-content:center}.hero-visual-section{flex:none;max-width:36%}.hero-visual-section img{width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:var(--r)}@media(max-width:768px){.hero-container{flex-direction:column;gap:1.5rem}.hero-visual-section{flex:auto;width:100%;max-width:none}}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:27px;margin-bottom:36px}.choice-card{background:#fff;border-radius:var(--r);padding:27px 50px 20px 18px;display:flex;flex-direction:row;align-items:flex-start;gap:16px;min-height:84px;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;position:relative;box-shadow:var(--card-shadow)}.choice-card:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover)}.choice-body{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0;padding-bottom:2rem}.choice-body p{flex:1;font-size:var(--fs-card);color:var(--gray-700)}.go-btn{width:32px;height:32px;border-radius:50%;border:none;color:#fff;font-size:var(--fs-p);font-weight:700;display:flex;align-items:center;justify-content:center;position:absolute;right:1.6rem;bottom:20px;cursor:pointer;flex-shrink:0;padding:0;aspect-ratio:1/1}button.go-btn{background:var(--gray-500)}a:hover button.go-btn{background:var(--blue-500)}.thumb{flex:0 0 84px;width:84px;height:84px;border-radius:var(--radius-md);position:relative;overflow:hidden;display:flex;align-items:flex-start;padding:10px}.tool-container{display:flex;gap:32px;margin:3.6rem auto;padding:24px 12px;background:#fff;border-radius:var(--r)}.sidebar-home{width:200px;flex-shrink:0;background:var(--purple-50);border-radius:12px;padding:16px 0;text-align:center}.sidebar-home ul{list-style:none;padding:0;margin:0}.sidebar-home li{margin-bottom:8px;list-style:none}.sidebar-home a{display:block;padding:12px 16px;text-decoration:none;color:var(--gray-700);border-radius:var(--r-s);font-size:var(--fs-card);transition:background-color .2s,color .2s}.sidebar-home a:hover{background:var(--purple-300);color:var(--purple-700);font-weight:600}.tool-content{flex-grow:1}.tool-content h3{font-size:var(--fs-h4);font-weight:600;margin:0 0 24px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.tool-text-card{display:flex;align-items:center;justify-content:center;padding:20px 16px;background:var(--gray-100);border-radius:12px;text-decoration:none;color:var(--gray-500);font-size:var(--fs-h4);font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-text-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow);color:#fff;background:linear-gradient(135deg,#fa4c6a 0%,#7d268d 100%)}@media(max-width:768px){.tool-container{flex-direction:column;padding:16px;gap:24px}.sidebar-home{width:100%}.tools-grid{grid-template-columns:1fr}}.thumb-secondary{background:linear-gradient(135deg,#a4309a 0%,#4f2988 100%)}.list-layout{width:1360px;max-width:90%;margin:3.6rem auto}.list-hero{text-align:center;margin-bottom:2rem}.list-body{width:680px;max-width:86%;margin:6rem auto}.list-layout h2{display:flex;align-items:center;gap:32px;text-align:center;font-size:var(--fs-h2);font-weight:700;margin:3.6rem auto 2rem;letter-spacing:.5px}.list-layout h2::before,.list-layout h2::after{content:"";flex:1;height:1px;background:var(--gray-300)}.list-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin:3.6rem auto}.list-card{border-radius:var(--r);padding:30px;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 4px 15px rgba(0,0,0,3%);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;cursor:pointer}.list-card:hover{box-shadow:0 8px 25px rgba(19,23,36,.2);transform:translateY(-12px)}.list-card-img{width:100%;height:180px;border-radius:var(--r-s);margin-bottom:32px;background-size:cover;background-position:50%}.list-card h3{font-size:var(--fs-h3);font-weight:600;margin:0 0 16px}.list-card p{font-size:var(--fs-card);color:#666;line-height:1.6;margin:0 0 3rem;flex-grow:1}.content-breakout,.decision-faq__groups{width:min(1360px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%);margin-block:3rem}.decision-cards-intro{margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.decision-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:27px}.decision-card{padding:36px;border-radius:var(--r);background:#fff;border:1px solid rgba(0,0,0,4%);display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,background .2s ease}.decision-card h3{font-size:var(--fs-p);font-weight:500;background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-500);border-radius:6px;padding:2px 6px;line-height:1.5;margin-bottom:32px;margin-block-start:0;width:fit-content}.decision-body{flex:1;line-height:1.6;font-size:var(--fs-card);color:rgba(0,0,0,.72)}.decision-body>*:last-child{margin-bottom:0}.decision-link{display:inline-flex;align-items:center;margin:1.6rem 0 1rem;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.decision-body a::after,.decision-link::after{content:"";width:6px;height:6px;border-right:2px solid;border-top:2px solid;transform:rotate(45deg);display:inline-block;flex-shrink:0;margin-left:6px}.decision-card:hover .decision-link{opacity:1;transform:translateX(2px)}.decision-card:hover{border-color:rgba(0,0,0,8%);transform:translateY(-2px)}.quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:1.5rem 0}.quick-link-card{display:block;padding:20px 27px;text-decoration:none;background:#fff;border:2px solid var(--gray-300);border-radius:var(--r);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.quick-link-card__title{display:inline-block;background:var(--blue-50);color:var(--blue-500);padding:6px 16px;border-radius:var(--r-s);margin:0 0 20px;font-size:var(--fs-md);font-weight:700;line-height:1.4}.quick-link-card__desc{margin:0;font-size:var(--fs-card);line-height:1.6;color:var(--gray-700)}@media(max-width:480px){.quick-links{grid-template-columns:1fr}}.quick-link-card--link{cursor:pointer;color:var(--gray-700)}.quick-link-card--link:hover{border-color:var(--blue-500);background:var(--blue-50);box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translateY(-6px)}.spacer{height:50vh;display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.feature-section{width:min(1e3px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%);padding:80px 20px;display:flex;align-items:flex-start;gap:60px}.feature-section{border-top:1px solid var(--gray-300);margin-top:1rem}.feature-section:first-of-type{margin-top:6rem}.feature-section:last-of-type{border-bottom:1px solid var(--gray-300);margin-bottom:3.6rem}.feature-left{flex:0 0 320px;position:sticky;top:80px}.feature-right{flex:1}.pros,.cons{border-radius:var(--r);padding:1.2rem 1rem .3rem}.pros{border:1px solid var(--blue-500)}.cons{border:1px solid var(--gray-500)}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;padding-top:30px}.pros-cons-title{font-size:var(--fs-p);letter-spacing:2px;margin-bottom:16px;font-weight:700}.title-green{color:var(--blue-500)}.title-gray{color:var(--gray-700)}.feature-list{list-style:none}ul.feature-list{padding-inline-start:20px}.feature-list li{font-size:var(--fs-sm);margin-bottom:6px;display:flex;align-items:flex-start}.feature-list li::before{margin-right:8px}.list-plus li::before{content:"+";color:var(--blue-500)}.list-minus li::before{content:"-";color:var(--gray-500)}@media(max-width:768px){.feature-section{flex-direction:column;gap:40px;padding:40px 20px}.feature-left{flex:auto;width:100%;position:static}.pros-cons-grid{grid-template-columns:1fr;gap:20px}}.nav-container{position:fixed!important;top:0;display:flex;justify-content:space-between;align-items:center;width:94%;padding:0 3%;z-index:1000}body.is-overlay .nav-container{position:absolute;top:0;left:50%;transform:translateX(-50%)}.nav-container a{color:rgba(0,0,0,.8);text-decoration:none;transition:all .3s ease}.site-title{display:flex;align-items:flex-end;font-size:var(--fs-p);padding:3px 16px}.site-title img{margin-right:8px;display:block;vertical-align:bottom}.site-title a{display:flex;align-items:flex-end;line-height:1;font-weight:500;color:#000;filter:grayscale(100%);opacity:.6;transition:all .3s ease}.site-title span{line-height:1}.site-title a:hover{color:var(--blue-500);filter:grayscale(0%);opacity:1}.nav-menu{display:flex;list-style:none;gap:8px;margin-left:auto}.nav-menu a{text-decoration:none;font-weight:400;padding:.3rem 1rem;border-radius:50px;transition:all .3s ease;background:var(--gray-100)}.nav-menu a:hover{transform:translateY(-2px);background:var(--blue-500);color:#fff}body.is-overlay .lang-dropdown:hover{transform:translateY(-2px);color:var(--text)}.lang-dropdown{position:relative;display:inline-block;border-radius:25px}.lang-current{display:flex;align-items:center;gap:3px;padding:0 8px;cursor:pointer;text-decoration:none}.lang-current:hover{color:var(--text)}.dropdown-arrow{width:6px;height:6px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:6px;margin-bottom:3px;transition:transform .2s ease,border-color .2s ease}.lang-options{position:absolute;top:100%;left:0;transform:translateX(-50%)translateY(-10px);min-width:100%;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;padding-bottom:1rem;text-align:center}.lang-dropdown:hover .lang-options{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:block;text-decoration:none;color:inherit;white-space:nowrap;padding:2rem 1rem;border-radius:25px;background:0 0;margin-top:3px}.lang-option:last-child{border-bottom:none}.lang-dropdown:hover .lang-options,.lang-options:hover{opacity:1;visibility:visible;transform:translateY(0)}.lang-dropdown:hover .dropdown-arrow,.lang-dropdown:focus-within .dropdown-arrow{transform:rotate(-135deg);margin-bottom:-3px;border-color:var(--blue)}@media screen and (max-width:768px){.nav-container{width:100%;padding:6px 0;background:var(--gray-100)}ul.nav-menu{margin-block-end:0}}.render-block{width:100%;margin:2rem auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto;color:#222}.compare-table{width:100%;border-collapse:collapse;margin-bottom:2rem;font-size:15px}.compare-table thead th{background:#f7f7f9;padding:12px;font-weight:600;border-bottom:2px solid #e5e5e5;text-align:left;white-space:nowrap}.compare-table th{text-align:left}.compare-table td{padding:12px;border-bottom:1px solid #eee;vertical-align:top}.compare-table tbody tr:nth-child(even){background:#fafafa}.compare-table tbody tr:hover{background:#f0f7ff}.compare-cards{display:none}.compare-card-m{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:1rem;margin-bottom:1.2rem;box-shadow:0 3px 8px rgba(0,0,0,5%)}.compare-card-m-header{font-size:18px;font-weight:700;border-bottom:2px solid #f2f2f2;padding-bottom:.6rem;margin-bottom:.6rem}.compare-card-m-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee}.compare-card-m-row:last-child{border-bottom:none}.compare-card-m-key{font-weight:600;color:#444;flex:1.2;padding-right:10px}.compare-card-m-val{flex:1;text-align:right;color:#333}.compare-card-m-row.extra{display:none}.compare-toggle{width:100%;margin-top:10px;background:#f3faff;border:1px solid #cde7ff;color:#0366d6;padding:8px 12px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:6px}.compare-toggle svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.compare-toggle .toggle-less{display:none}@media(max-width:820px){.compare-table{display:none}.compare-cards{display:block}}.tl-wrap{margin:2rem 0}.tl-item{display:grid;grid-template-columns:32px 1fr;gap:0 16px}.tl-line{display:flex;flex-direction:column;align-items:center}.tl-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-card);font-weight:500;flex-shrink:0}.tl-connector{flex:1;width:1.5px;background:rgba(0,0,0,.1);min-height:20px;display:block}.tl-item:nth-child(5n+1) .tl-badge{background:color-mix(in srgb,var(--tl-1) 16%,transparent)}.tl-item:nth-child(5n+2) .tl-badge{background:color-mix(in srgb,var(--tl-2) 16%,transparent)}.tl-item:nth-child(5n+3) .tl-badge{background:color-mix(in srgb,var(--tl-3) 16%,transparent)}.tl-item:nth-child(5n+4) .tl-badge{background:color-mix(in srgb,var(--tl-4) 16%,transparent)}.tl-item:nth-child(5n+5) .tl-badge{background:color-mix(in srgb,var(--tl-5) 16%,transparent)}.tl-card{background:#fff;border:.5px solid var(--gray-300);border-radius:var(--r);padding:1rem 2.2rem 2.7rem;margin-bottom:36px}.tl-item:nth-child(5n+1) .tl-card{border-left:3px solid var(--tl-1)}.tl-item:nth-child(5n+2) .tl-card{border-left:3px solid var(--tl-2)}.tl-item:nth-child(5n+3) .tl-card{border-left:3px solid var(--tl-3)}.tl-item:nth-child(5n+4) .tl-card{border-left:3px solid var(--tl-4)}.tl-item:nth-child(5n+5) .tl-card{border-left:3px solid var(--tl-5)}.tl-tag{display:inline-block;font-size:var(--fs-p);font-weight:600;padding:2px 8px;border-radius:var(--r);vertical-align:middle;margin-left:6px}.tl-item:nth-child(5n+1) .tl-tag{background:color-mix(in srgb,var(--tl-1) 10%,transparent)}.tl-item:nth-child(5n+2) .tl-tag{background:color-mix(in srgb,var(--tl-2) 10%,transparent)}.tl-item:nth-child(5n+3) .tl-tag{background:color-mix(in srgb,var(--tl-3) 10%,transparent)}.tl-item:nth-child(5n+4) .tl-tag{background:color-mix(in srgb,var(--tl-4) 10%,transparent)}.tl-item:nth-child(5n+5) .tl-tag{background:color-mix(in srgb,var(--tl-5) 10%,transparent)}.tl-subtitle{font-size:var(--fs-card);margin:0 0 12px;line-height:1.5}.tl-subtitle+*,.tl-title+p.tl-desc,.tl-title+ul,.tl-title+p.tl-warn{padding-top:2rem}.tl-desc{font-size:var(--fs-card);line-height:1.7;margin:0 0 8px}p.tl-desc+p{margin-top:1.6rem}.tl-card ul{font-size:var(--fs-card);margin:0 1.2rem 8px 0}.tl-card table{margin:0 0 8px;width:100%}p.tl-warn{display:grid;grid-template-columns:1em 1fr;gap:0 6px;font-size:var(--fs-card);margin-top:3rem;line-height:1.6}p.tl-warn span[aria-hidden]{line-height:1.6}.tl-card>*:last-child{margin-bottom:0}@media(max-width:640px){.tl-card{padding:.875rem 1rem}.tl-title{font-size:.9375rem}}#scrollTopBtn{display:none;opacity:0;pointer-events:none;transition:opacity .3s ease}#scrollTopBtn svg{fill:var(--text-faint)}#scrollTopBtn.show{display:block;position:fixed;bottom:2rem;right:2rem;width:36px;height:36px;background:var(--bg);border:1px solid var(--bg);border-radius:4px;cursor:pointer;opacity:.8;pointer-events:auto;z-index:999;padding:1px 6px}#scrollTopBtn.arrow-up::before,#scrollTopBtn.arrow-up::after{content:'';position:absolute;width:2px;height:14px;background-color:var(--text-faint);top:50%;left:50%;transform-origin:top center}#scrollTopBtn.arrow-up::before{transform:translate(-50%,-50%)rotate(-45deg)}#scrollTopBtn.arrow-up::after{transform:translate(-50%,-50%)rotate(45deg)}#scrollTopBtn.show:hover{background-color:var(--text-faint);border-color:var(--text-faint)}#scrollTopBtn.show:hover svg{fill:#fff}#scrollTopBtn.arrow-up:hover::before,#scrollTopBtn.arrow-up:hover::after{background-color:var(--text-faint)}footer{border-top:1px dotted var(--gray-500);padding:1rem 3rem;text-align:center;color:var(--text-light)}footer p+p{margin:1rem 0}footer a{color:var(--text);text-decoration:none}footer a:hover{color:var(--blue)}.foot-links{display:flex;justify-content:center;gap:2rem;list-style:none;margin-bottom:1.25rem}.foot-links a{font-size:var(--fs-sm);text-decoration:none;transition:color .2s}.foot-note{font-size:var(--fs-sm);color:var(--text-light);line-height:1.75}@media(max-width:768px){.foot-links{gap:1.5rem}}.contact-form{max-width:500px;margin:0 auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif}.contact-form div{margin-bottom:20px}.contact-form label{display:block;margin-bottom:8px;font-weight:600;color:#333}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;color:#333;transition:border-color .3s ease,box-shadow .3s ease}.contact-form textarea{resize:vertical}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.15)}.contact-form button[type=submit]{width:100%;padding:14px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.contact-form button[type=submit]:hover{background-color:#0056b3}.contact-form button[type=submit]:active{transform:scale(.98)}.content-image{width:320px;max-width:90%;margin:1.6rem auto;aspect-ratio:4/3;overflow:hidden;border-radius:var(--border-radius);position:relative;z-index:-1;display:block;clear:both;img{max-width:100%;height:auto;display:block}}@media(min-width:768px){.content-image{clear:initial;max-width:50%}.content-image.align-right{float:right;margin-left:3rem;margin-right:0}.content-image.align-left{float:left;margin-right:3rem;margin-left:0}.content-image.align-center{float:none;display:block;margin:rem auto;width:720px;max-width:100%;text-align:center;aspect-ratio:16/7}}.content-image img{width:100%;height:100%;object-fit:cover;border-radius:.6rem;opacity:0;transform:translateY(27px);transition:opacity .8s ease,transform .8s ease;display:block}.content-image img.animate{animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(27px)}100%{opacity:1;transform:translateY(0)}}:root{--font:system-ui, -apple-system, BlinkMacSystemFont, sans-serif;color-scheme:light;--gray-100:#f9f9f9;--gray-300:#e2e2e2;--gray-500:#afadad;--gray-700:#525252;--gray-900:#181818;--teal-50:#ecf8f6;--teal-500:#2eb8bf;--teal-700:#076f75;--orange-500:#de870c;--blue-50:#eef2ff;--blue-500:#2f46dd;--purple-50:#f7f6fe;--purple-300:#ece8fd;--purple-700:#4b1a9b;--tl-1:#93C5FD;--tl-2:#86EFAC;--tl-3:#f8df7b;--tl-4:#FDBA74;--tl-5:#C4B5FD;--r:16px;--r-s:8px;--card-shadow:0 6px 12px rgba(0, 0, 0, .1);--card-shadow-hover:3px 8px 16px rgba(0, 0, 0, .3);--fs-h1:clamp(2.25rem,  1.25vi + 2rem,    3rem);--fs-h2:clamp(1.625rem, 0.63vi + 1.5rem,  2rem);--fs-h3:clamp(1.25rem,  0.42vi + 1.17rem, 1.5rem);--fs-h4:clamp(1.0625rem,0.21vi + 1.02rem, 1.1875rem);--fs-p:clamp(1rem,     0.21vi + 0.96rem, 1.125rem);--fs-card:clamp(0.875rem, 0.1vi + 0.85rem,  0.9375rem);--fs-sm:clamp(0.78rem,  0.1vi + 0.76rem,  0.84rem);--fs-xs:clamp(0.7rem,   0.08vi + 0.68rem, 0.75rem)}html{font-size:var(--fs-p);-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:light dark}body{width:100%;margin:0 auto;font-family:var(--font);background:var(--gray-100);color:var(--gray-700);line-height:1.6;-webkit-font-smoothing:antialiased}html:lang(zh-hant),html:lang(zh-hans),html:lang(ja){text-align:justify;text-justify:inter-character}