*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--mint:#e8f8f2;--green:#2bb87b;--green2:#1a9b63;--teal:#3ecfb2;--navy:#1c2b3a;--ink:#2d3d4e;--muted:#7a8fa0;--border:#d8eae2;--white:#fff;--bg:#f4fbf8;--radius:16px;--shadow:0 4px 24px rgba(43,184,123,.09);--font-head:'Lora',Georgia,serif;--font-body:'Plus Jakarta Sans',sans-serif;--content-w:1160px;}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}.site-header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-family:var(--font-head);font-size:1.4rem;font-weight:600;color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}.logo span{color:var(--green)}.logo-icon{width:30px;height:30px;object-fit:contain;border-radius:6px;transition:transform .35s ease;flex-shrink:0;background:var(--green);padding:3px;border-radius:50%;}.logo:hover .logo-icon{transform:rotateY(180deg)}.header-nav{display:flex;gap:20px;align-items:center}.header-nav a{font-size:.86rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--green)}.btn-nav{background:var(--green);color:#fff!important;padding:6px 16px;border-radius:50px;font-size:.81rem!important;transition:background .2s!important}.btn-nav:hover{background:var(--green2)!important}.breadcrumb-bar{max-width:var(--content-w);margin:0 auto;padding:18px 24px 0;display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.breadcrumb-bar a{color:var(--muted);text-decoration:none;transition:color .18s}.breadcrumb-bar a:hover{color:var(--green)}.breadcrumb-sep{color:var(--border)}.tool-cta{max-width:var(--content-w);margin:20px auto 0;padding:0 24px;}.tool-cta-inner{background:linear-gradient(135deg,#e0f7ef 0%,#f0fdf8 60%,#e8f4ff 100%);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow);}.tool-cta-text strong{display:block;font-family:var(--font-head);font-size:1.05rem;color:var(--navy);margin-bottom:4px;line-height:1.3;}.tool-cta-text p{font-size:.82rem;color:var(--muted);margin:0;}.tool-cta-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.tool-cta-badge{background:var(--white);border:1px solid var(--border);border-radius:50px;padding:2px 10px;font-size:.71rem;color:var(--green2);font-weight:600;}.tool-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#fff;text-decoration:none;padding:11px 22px;border-radius:50px;font-weight:700;font-size:.88rem;box-shadow:0 4px 16px rgba(43,184,123,.32);transition:all .2s;white-space:nowrap;}.tool-cta-btn:hover{background:var(--green2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(43,184,123,.38)}.tool-cta-btn svg{width:16px;height:16px;flex-shrink:0}.article-wrap{max-width:var(--content-w);margin:32px auto 0;padding:0 24px}.article-header{margin-bottom:32px}.article-cat{display:inline-block;background:var(--mint);border-radius:50px;padding:3px 12px;font-size:.74rem;font-weight:600;color:var(--green2);text-decoration:none;margin-bottom:14px;transition:background .2s;}.article-cat:hover{background:var(--green);color:#fff}.article-title{font-family:var(--font-head);font-size:clamp(1.65rem,4vw,2.2rem);color:var(--navy);line-height:1.25;margin-bottom:18px;font-weight:600;}.article-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);padding-bottom:20px;border-bottom:1.5px solid var(--border);}.meta-dot{color:var(--border)}.meta-read{display:inline-flex;align-items:center;gap:4px;background:var(--mint);border-radius:50px;padding:2px 9px;font-size:.73rem;font-weight:600;color:var(--green2);}.article-thumb{width:100%;border-radius:var(--radius);overflow:hidden;margin-bottom:32px;box-shadow:var(--shadow);}.article-thumb img{width:100%;height:auto;display:block}.article-body{font-size:1rem;line-height:1.85;color:var(--ink)}.article-body h2{font-family:var(--font-head);font-size:1.45rem;color:var(--navy);margin:2.2em 0 .7em;line-height:1.3}.article-body h3{font-family:var(--font-head);font-size:1.15rem;color:var(--navy);margin:1.8em 0 .6em;line-height:1.35}.article-body h4{font-size:1rem;font-weight:600;color:var(--navy);margin:1.5em 0 .5em}.article-body p{margin-bottom:1.4em}.article-body p:last-child{margin-bottom:0}.article-body a{color:#fff;text-decoration:none;text-underline-offset:3px;transition:color .2s}.article-body a:hover{color:var(--green)}.article-body strong{font-weight:600;color:var(--navy)}.article-body em{font-style:italic}.article-body ul,.article-body ol{padding-left:1.4em;margin-bottom:1.4em}.article-body ul li,.article-body ol li{margin-bottom:.45em}.article-body ul{list-style:none;padding-left:0}.article-body ul li{padding-left:1.4em;position:relative}.article-body ul li::before{content:'';position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.article-body blockquote{border-left:3px solid var(--green);margin:1.8em 0;padding:14px 20px;background:var(--mint);border-radius:0 10px 10px 0;font-style:italic;color:var(--ink);}.article-body blockquote p{margin-bottom:0}.article-body code{background:#f0f4f8;border-radius:5px;padding:2px 6px;font-size:.88em;color:var(--green2);font-family:monospace;}.article-body pre{background:var(--navy);color:#e2f5ec;padding:18px 20px;border-radius:12px;overflow-x:auto;margin:1.6em 0;font-size:.87rem;line-height:1.6;}.article-body pre code{background:none;color:inherit;padding:0;font-size:inherit}.article-body img{max-width:1100px;border-radius:10px;width: 80%; margin-top: 10px;display:block;height:auto;margin:0 auto;margin-top:10px;padding: 1rem; border: 1px solid #eee;}.article-body table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.9rem}.article-body th,.article-body td{padding:10px 14px;border:1px solid var(--border);text-align:left}.article-body th{background:var(--mint);font-weight:600;color:var(--navy)}.article-body hr{border:none;border-top:1.5px solid var(--border);margin:2.4em 0}.inline-cta{background:linear-gradient(135deg,var(--mint) 0%,#f0fdf8 100%);border:1.5px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin:2.4em 0;display:flex;align-items:center;justify-content:space-between;gap:14px;}.inline-cta p{font-size:.9rem;color:var(--ink);margin:0;font-weight:500;line-height:1.5}.inline-cta p small{display:block;font-size:.78rem;color:var(--muted);font-weight:400;margin-top:3px}.inline-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#fff;text-decoration:none;padding:9px 18px;border-radius:50px;font-weight:700;font-size:.84rem;box-shadow:0 3px 12px rgba(43,184,123,.28);transition:all .2s;white-space:nowrap;}.inline-cta-btn:hover{background:var(--green2);transform:translateY(-1px)}.article-tags{margin-top:36px;padding-top:20px;border-top:1.5px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tags-label{font-size:.79rem;font-weight:600;color:var(--muted)}.article-tag{background:var(--white);border:1px solid var(--border);border-radius:50px;padding:3px 12px;font-size:.76rem;color:var(--muted);text-decoration:none;transition:all .18s;}.article-tag:hover{border-color:var(--green);color:var(--green)}.related-section{max-width:var(--content-w);margin:56px auto 0;padding:0 24px}.related-section h2{font-family:var(--font-head);font-size:1.25rem;color:var(--navy);margin-bottom:5px;display:inline-block;position:relative;}.related-section h2::after{content:'';display:block;width:28px;height:3px;background:var(--green);border-radius:2px;margin-top:5px;}.related-intro{font-size:.83rem;color:var(--muted);margin-bottom:20px;margin-top:6px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;text-decoration:none;display:block;transition:box-shadow .2s,border-color .2s,transform .2s;}.related-card:hover{box-shadow:var(--shadow);border-color:var(--teal);transform:translateY(-2px)}.related-card-tag{display:inline-block;background:var(--mint);border-radius:50px;padding:2px 10px;font-size:.71rem;font-weight:600;color:var(--green2);margin-bottom:9px;}.related-card h3{font-family:var(--font-head);font-size:.95rem;color:var(--navy);line-height:1.4;margin-bottom:7px;}.related-card p{font-size:.81rem;color:var(--muted);line-height:1.55}.related-card-meta{font-size:.73rem;color:#b0c4cc;margin-top:12px}.bottom-cta{max-width:var(--content-w);margin:48px auto 0;padding:0 24px;}.bottom-cta-inner{background:linear-gradient(135deg,#e0f7ef 0%,#f0fdf8 60%,#e8f4ff 100%);border:1.5px solid var(--border);border-radius:var(--radius);padding:32px 28px;text-align:center;box-shadow:var(--shadow);}.bottom-cta-inner h3{font-family:var(--font-head);font-size:1.35rem;color:var(--navy);margin-bottom:9px;line-height:1.3;}.bottom-cta-inner p{font-size:.88rem;color:var(--muted);margin-bottom:20px;max-width:380px;margin-left:auto;margin-right:auto}.bottom-cta-inner .cta-btns{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#fff;text-decoration:none;padding:12px 26px;border-radius:50px;font-weight:700;font-size:.92rem;box-shadow:0 4px 16px rgba(43,184,123,.32);transition:all .2s;}.btn-primary:hover{background:var(--green2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(43,184,123,.38)}.btn-secondary{display:inline-flex;align-items:center;gap:6px;color:var(--green2);text-decoration:none;font-weight:600;font-size:.87rem;border:1.5px solid var(--green2);padding:11px 22px;border-radius:50px;transition:all .2s;}.btn-secondary:hover{background:var(--green);color:#fff;border-color:var(--green)}.cta-mini-badges{display:flex;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}.cta-mini-badge{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:3px}.cta-mini-badge::before{content:'\2714';color:var(--green);font-weight:700}.site-footer{background:var(--navy);color:rgba(255,255,255,.5);padding:24px;text-align:center;font-size:.8rem;margin-top:64px;}.site-footer a{color:rgba(255,255,255,.65);text-decoration:none;margin:0 6px;transition:color .2s}.site-footer a:hover{color:var(--teal)}.footer-logo-text{font-family:var(--font-head);font-size:1rem;color:#fff;margin-bottom:8px;display:block}.footer-links{margin-top:8px}@media(max-width:700px){.header-nav{display:none}.tool-cta-inner{flex-direction:column;align-items:flex-start;gap:14px}.tool-cta-btn{width:100%;justify-content:center}.related-grid{grid-template-columns:1fr}.inline-cta{flex-direction:column;align-items:flex-start}.inline-cta-btn{width:100%;justify-content:center}.article-title{font-size:1.55rem}.bottom-cta-inner{padding:22px 18px}.cta-btns{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.article-wrap,.related-section,.bottom-cta,.breadcrumb-bar,.tool-cta{padding-left:16px;padding-right:16px}.tool-cta-badges{display:none}}.converter-cta{max-width:var(--content-w);background:#f8fdf9;border:1px solid #d4edda;border-radius:14px;padding:22px 24px;margin:0 auto;margin-top:15px;}.converter-cta-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.converter-cta-text{flex:1;min-width:200px}.converter-cta-text strong{display:block;font-size:.97rem;color:#1a2e1a;margin-bottom:4px}.converter-cta-text p{font-size:.82rem;color:#4a6450;margin:0}.converter-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.converter-links a{background:var(--green,#2e7d32);color:#fff !important;padding:5px 14px;border-radius:50px;font-size:.76rem !important;text-decoration:none !important;transition:background .2s !important;white-space:nowrap;font-weight:500;line-height:1.6;}.converter-links a:hover{background:#1b5e20 !important}.converter-links-wrap{position:relative;}.converter-links-toggle{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:4px 13px;background:transparent;border:1px solid var(--green,#2e7d32);border-radius:50px;color:var(--green,#2e7d32);font-size:.74rem;font-weight:500;cursor:pointer;transition:all .2s;}.converter-links-toggle:hover{background:var(--green,#2e7d32);color:#fff;}.converter-links-toggle svg{transition:transform .25s;}.converter-links-toggle.is-open svg{transform:rotate(180deg);}.converter-links{display:none;}.converter-links.is-open{display:flex;}