.blog-main,.article-main{width:min(100%,760px);margin:0 auto;padding:0 0 88px}.blog-intro{text-align:center;padding:76px 0 40px;animation:.6s both arrive}.blog-intro h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(38px,5.4vw,60px);font-weight:500;line-height:1.3}.blog-intro p{color:var(--body);margin:14px 0 0;font-size:17px;line-height:1.8}.blog-intro a,.article-body a,.article-sources a,.toc a{color:var(--mint-text);text-underline-offset:3px;-webkit-text-decoration:underline #a8ecca55;text-decoration:underline #a8ecca55}.blog-intro a:hover,.article-body a:hover,.article-sources a:hover,.toc a:hover{text-decoration-color:currentColor}.blog-group{border-top:1px solid var(--line);padding:28px 0 8px}.blog-group .band-title{text-align:left;margin-bottom:14px}.post-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.post-list a{border-radius:var(--radius);border:1px solid var(--panel-line);background:var(--panel-bg);flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .2s,transform .2s;display:flex}.post-list a:hover{border-color:#c6ffe442;transform:translateY(-1px)}.post-title{color:var(--heading);font-size:16px;font-weight:550;line-height:1.55}.post-description{color:var(--soft);font-size:14px;line-height:1.7}.breadcrumb{color:var(--muted);gap:8px;padding:36px 0 0;font-size:13px;display:flex}.breadcrumb a{color:var(--label)}.breadcrumb a:hover{color:var(--ink)}.article-header{padding:18px 0 8px}.article-header h1{color:var(--ink);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(30px,4.2vw,44px);font-weight:550;line-height:1.4}.article-meta{color:var(--muted);margin:14px 0 0;font-size:13px}.answer-box{border-radius:var(--radius);background:linear-gradient(140deg,#9cf0c60d,#0c1413cc);border:1px solid #b2f3d240;margin:26px 0 8px;padding:18px 20px}.answer-box p{color:#e3f4ea;margin:0;font-size:16.5px;line-height:1.85}.answer-box .answer-label{color:var(--mint-text);letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600}.toc{border-left:2px solid var(--line);margin:26px 0 0;padding:16px 20px}.toc-title{color:var(--muted);margin:0 0 8px;font-size:13px}.toc ol{color:var(--soft);margin:0;padding-left:20px;font-size:14.5px;line-height:1.9}.toc a{color:var(--body);text-decoration:none}.article-body{color:var(--body);font-size:16.5px;line-height:1.95}.article-body h2{color:var(--heading);margin:48px 0 12px;scroll-margin-top:20px;font-size:clamp(22px,2.6vw,27px);font-weight:550;line-height:1.5}.article-body h3{color:var(--heading);margin:30px 0 8px;font-size:19px;font-weight:550;line-height:1.55}.article-body p{margin:0 0 16px}.article-body ul,.article-body ol{margin:0 0 18px;padding-left:24px}.article-body li{margin:4px 0}.article-body strong{color:#e8f6ee;font-weight:600}.article-body blockquote{color:var(--soft);border-left:2px solid #b2f3d24d;margin:20px 0;padding:4px 0 4px 18px}.article-body code{background:#ffffff0d;border-radius:5px;padding:1px 6px;font-size:.92em}.article-body hr{border:0;border-top:1px solid var(--line);margin:36px 0}.table-wrap{border:1px solid var(--panel-line);border-radius:12px;margin:6px 0 22px;overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.7}.article-body th,.article-body td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px}.article-body th{color:var(--heading);white-space:nowrap;background:#ffffff06;font-weight:550}.article-body tr:last-child td{border-bottom:0}.article-faq,.article-sources{border-top:1px solid var(--line);margin-top:52px;padding-top:30px}.article-faq h2,.article-sources h2{color:var(--heading);margin:0 0 18px;font-size:22px;font-weight:550}.faq-item h3{color:#e3f1ea;margin:18px 0 4px;font-size:16.5px;font-weight:550;line-height:1.6}.faq-item p{color:var(--body);margin:0;font-size:15.5px;line-height:1.85}.article-sources ul{color:var(--soft);margin:0;padding-left:20px;font-size:14.5px;line-height:1.9}.article-note{color:var(--muted);margin:36px 0 0;font-size:13px;line-height:1.8}.article-cta{border-radius:var(--radius);border:1px solid var(--panel-line);background:var(--panel-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:20px 22px;display:flex}.article-cta p{color:var(--heading);margin:0;font-size:17px;font-weight:550}.related{border-top:1px solid var(--line);margin-top:56px;padding-top:28px}.related .band-title{text-align:left;margin-bottom:14px}.blog-tool{background:linear-gradient(145deg,#101615,#080c0d 65%);border:1px solid #c0f8da2e;border-radius:16px;margin:24px 0 28px;padding:20px 22px 18px}.tool-title{color:var(--heading);font-size:17px;font-weight:600;margin:0 0 14px!important}.tool-field{color:var(--label);flex-direction:column;gap:6px;font-size:14px;display:flex}.tool-field input{border:1px solid var(--field-line);background:var(--field-bg);color:#e6f9ed;border-radius:9px;width:100%;min-height:48px;padding:11px 13px;font-size:17px}.tool-field input:focus{outline-offset:1px;outline:2px solid #a8ecca66}.tool-choice{color:var(--body);border:0;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0;font-size:15px;display:flex}.tool-choice legend{float:left;color:var(--muted);margin-right:6px;font-size:14px}.tool-choice label{align-items:center;gap:7px;display:inline-flex}.tool-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.tool-result div{background:#ffffff07;border-radius:10px;padding:10px 12px}.tool-result dt{color:var(--muted);font-size:12.5px}.tool-result dd{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-size:18px;font-weight:600}.tool-output{color:var(--ink);overflow-wrap:anywhere;background:#ffffff07;border-radius:10px;padding:12px 14px;font-size:17px;line-height:1.7;margin:14px 0 0!important}.tool-output[data-state=ok]{color:var(--mint-text)}.tool-output[data-state=wrong],.tool-output[data-state=length]{color:#f5c98a}.tool-hint{color:var(--muted);font-size:13px;margin:10px 0 0!important}.not-found .blog-intro{padding:120px 0 80px}@media (width<=700px){.blog-intro{padding:52px 0 28px}.article-body{font-size:16px}.tool-result{grid-template-columns:1fr}.tool-result div{justify-content:space-between;align-items:baseline;display:flex}}
