:root{--text-body: 16px;--text-small: 14px;--text-caption: 13px;--text-label: 12px;--section-space: 40px}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#25332d;background:#f7f7f2;--green: #23583e;--line: #d9ddd3;--muted: #5a655e}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:#23583e}a:focus-visible,button:focus-visible{outline:3px solid #8eb09c;outline-offset:4px}.blog-header{max-width:1160px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.blog-brand{display:inline-flex;align-items:center;text-decoration:none}.blog-brand img{display:block;width:160px;height:44px}.blog-header nav{display:flex;gap:22px;flex-wrap:wrap;font-size:var(--text-body)}.blog-page main{max-width:820px;padding:24px 25px 48px;margin:auto}.article-heading{margin:24px 0}.eyebrow{color:#486653;font-size:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:.13em}h1{font-size:clamp(32px,4.8vw,51px);line-height:1.12;letter-spacing:-.035em;margin:16px 0 25px}h2{font-size:27px;line-height:1.25;margin:32px 0 14px;letter-spacing:-.02em}h3{font-size:20px;line-height:1.35}.article-meta,.breadcrumbs{color:#58655e;font-size:var(--text-small);line-height:1.7}.breadcrumbs{overflow-wrap:anywhere}p,li{line-height:1.75}p{margin:16px 0}li{margin:10px 0}.article-body{font-size:18px}.article-body>p:first-child{font-size:20px;line-height:1.65;color:#3b5143}.article-body code{font-size:.86em;background:#e9ede5;padding:2px 4px;overflow-wrap:anywhere}pre{overflow:auto;padding:20px;background:#e9ede5;line-height:1.7;font-size:var(--text-body)}pre code{padding:0}.table-scroll{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:var(--text-body);line-height:1.6;min-width:520px}th,td{text-align:start;padding:15px;border:1px solid #d9ddd3;vertical-align:top}th{background:#e9ede5}.blog-example{margin:30px 0}.blog-example img{display:block;width:100%;height:auto;border:1px solid #d9ddd3;border-radius:12px}figcaption{font-size:var(--text-small);line-height:1.7;margin-top:8px;color:#58655e}.article-next,.reading-path{background:#e9ede5;border-radius:16px;padding:22px 28px;margin:28px 0}.article-next h2{margin-top:0}.article-next p:last-child,.article-sources{font-size:var(--text-body)}.article-sources{border-top:1px solid #d9ddd3;margin-top:35px}.blog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-cards article{border:1px solid #d9ddd3;border-radius:14px;padding:22px}.blog-cards h3{margin-top:0}.blog-cards p{font-size:var(--text-body);margin-bottom:0}.blog-page footer{display:flex;justify-content:center;gap:24px;padding:30px;border-top:1px solid #d9ddd3;font-size:var(--text-body)}.skip{position:absolute;top:-100px;left:15px}.skip:focus{top:10px;background:#fff;padding:10px;z-index:10}button{font:inherit}@media(max-width:580px){.blog-header{align-items:flex-start;flex-direction:column}.blog-header nav{gap:16px}.blog-page main{padding-top:5px}.blog-cards{grid-template-columns:1fr}.article-body{font-size:17px}.article-next{padding:20px}h2{font-size:23px}}.reading-cover{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;border-radius:9px;margin-bottom:20px;background:#f5f6f8}.related-article{display:flex;align-items:center;gap:16px}.related-article img{border-radius:7px;flex:0 0 96px}.background-check>div{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:15px;border-radius:12px;margin-bottom:12px}.background-check figure{margin:0}.background-check img{border:0}.background-check figcaption{text-align:center;color:inherit}.check-light{background:#fff;color:#25332d}.check-dark{background:#263c49;color:#fff}.detail-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.detail-compare figure{margin:0;min-width:0}.detail-compare figcaption{text-align:center}@media(max-width:420px){.detail-compare{gap:8px}.background-check>div{padding:10px;gap:8px}}.blog-header{flex-wrap:wrap}.blog-language{display:flex;align-items:center;gap:8px;max-width:100%}.blog-language select{max-width:190px;min-height:36px;font:inherit;border:1px solid var(--line);border-radius:6px;background:transparent;color:inherit;padding:4px}[dir=rtl] pre{direction:ltr;text-align:left}[lang=ar] .eyebrow,[lang=th] .eyebrow{letter-spacing:normal}h1,h2,h3,p,a{overflow-wrap:break-word}.counterexample{margin-block:2rem;padding:1.25rem;border:1px solid #dce3e7;border-radius:12px}.counterexample-visual img{max-width:100%;height:auto}.counterexample-backgrounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.counterexample-backgrounds figure{margin:0;padding:1rem;border:1px solid #8797a0;border-radius:8px}.counterexample-backgrounds .check-light{background:#fff}.counterexample-backgrounds .check-dark{background:#263c49}.counterexample-backgrounds img{display:block;max-width:100%;height:auto}@media(max-width:480px){.counterexample-backgrounds{grid-template-columns:1fr}}