pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}@tailwind base;@tailwind components;@tailwind utilities;.content-body .code-block-wrapper{margin:.4em 0 1.8em;border:1px solid #d0d7de;border-radius:10px;overflow:hidden;background:#f6f8fa}.content-body .code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f6f8fa;border-bottom:1px solid #d0d7de}.content-body .code-lang-label{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.2rem;color:#57606a}.content-body pre{margin:0;padding:0;border-radius:0;background:#f6f8fa;font-size:1.4rem;line-height:1.6em}.content-body pre code{display:block;padding:16px!important;overflow-x:auto;white-space:pre;font-size:inherit;background:transparent!important;border-radius:0;color:inherit}.content-body code:not(pre code){font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em;padding:.15em .45em;background:#f6f8fa;border:1px solid #d0d7de;border-radius:4px;color:#24292f}.code-copy-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;color:#57606a;cursor:pointer;border-radius:4px;transition:color .15s,background .15s}.code-copy-btn:hover{color:#24292f;background:rgba(175,184,193,.3)}.code-copy-btn.copied{color:#1a7f37}:root{--color-primary:#3eb0ef;--color-base:#15171a;--color-secondary:#5b7a81;--color-border:#c7d5d8;--color-bg:#f5f5f5;--font-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--font-bold:700;--font-heavy:800;--height:4rem;--margin:2rem;--radius:0.6rem}*,:after,:before{box-sizing:border-box}html{font-size:62.5%}body{font-family:var(--font-sans-serif);font-size:1.5rem;color:var(--color-base);background:var(--color-bg);margin:0}img{max-width:100%}a{color:var(--color-primary);text-decoration:none}.viewport{display:flex;flex-direction:column;min-height:100vh}.viewport-top{flex:1 1}.container{max-width:1120px;margin:0 auto;padding:0 4vw}.site-head{background-color:var(--color-base);background-position:50%;background-size:cover;padding-top:20px;padding-bottom:20px}.site-mast{justify-content:space-between;padding:20px 0}.site-mast,.site-mast-right{display:flex;align-items:center}.site-mast-right{gap:1.2rem}.site-nav-icon{height:2rem;fill:#fff}.site-logo{border-radius:50%}.site-banner{padding:4rem 0;text-align:center}.site-banner-title{color:#fff;font-size:4.2rem;font-weight:800;margin:0 0 1rem}.site-banner-desc{color:hsla(0,0%,100%,.8);font-size:2rem;margin:0}.site-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.site-nav-left{display:flex;gap:1rem}.site-nav-item{color:hsla(0,0%,100%,.8);font-size:1.3rem;padding:5px 0}.site-nav-item:hover{color:#fff}.site-nav-button{color:#fff;border:1px solid hsla(0,0%,100%,.6);border-radius:var(--radius);padding:5px 15px;font-size:1.3rem}.site-nav-button:hover{border-color:#fff}.site-foot{background:var(--color-base);color:hsla(0,0%,100%,.6);padding:20px 0;font-size:1.3rem}.site-foot-nav{display:flex;justify-content:space-between;align-items:center}.site-foot-nav-right{display:flex;gap:1.5rem}.site-foot-nav-item{color:hsla(0,0%,100%,.6)}.site-foot-nav-item:hover{color:#fff}.site-main{padding:4vw 0}.post-feed{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem;padding:4rem 0}@media (max-width:980px){.post-feed{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.post-feed{grid-template-columns:1fr}}.post-card{background:#fff;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;color:var(--color-base);box-shadow:0 1px 4px rgba(0,0,0,.08);transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.post-card-header{padding:1.5rem 1.5rem 0;flex:1 1}.post-card-tags{color:var(--color-primary);font-size:1.2rem;font-weight:var(--font-bold);margin-bottom:.5rem}.post-card-title{font-size:1.8rem;font-weight:var(--font-bold);margin:0 0 .8rem;line-height:1.3}.post-card-excerpt{padding:0 1.5rem;color:var(--color-secondary);font-size:1.4rem;line-height:1.6}.post-card-footer{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;margin-top:auto;border-top:1px solid var(--color-border);font-size:1.2rem;color:var(--color-secondary)}.post-card-avatar{display:flex;align-items:center;gap:.6rem}.author-profile-image{border-radius:50%}.content{padding:4rem 0}.content-title{font-size:3.6rem;font-weight:var(--font-heavy);margin:0 0 2rem}.content-body{font-size:1.7rem;line-height:1.7}.content-body h2{font-size:2.4rem;margin:3rem 0 1rem}.content-body h3{font-size:2rem;margin:2.5rem 0 1rem}.content-body p{margin:0 0 1.6rem}.content-body a{color:var(--color-primary)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:2rem 0 4rem;font-size:1.4rem}.pagination a{color:var(--color-primary)}.pagination-location{color:var(--color-secondary)}.author-header{display:flex;justify-content:space-between;align-items:center;padding:4rem 0 2rem}.author-header-content{flex:1 1}.author-header-image img{border-radius:50%}.author-header-meta{display:flex;gap:1.5rem;margin-top:1rem}.author-header-item{color:var(--color-primary);font-size:1.4rem}.sidebyside-box{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;margin:2rem 0}@media (max-width:640px){.sidebyside-box{grid-template-columns:1fr}}.landing-body{padding-top:2rem}.landing-body h1{font-size:4.8rem;font-weight:var(--font-heavy);line-height:1.15;margin:0 0 1.2rem;white-space:nowrap}.landing-body>p:first-of-type{font-size:1.8rem;color:var(--color-secondary);margin:0 0 .5rem;white-space:nowrap}.cta-block{display:flex;justify-content:center;margin:2.5rem 0}.cta-button{display:inline-block;padding:1.4rem 3.2rem;background:var(--color-primary);color:#fff!important;border-radius:var(--radius);font-size:1.8rem;font-weight:var(--font-bold);transition:opacity .2s;white-space:nowrap}.cta-button:hover{opacity:.9}.rounded-table-container{overflow-x:auto;margin:2rem 0}.table{width:100%;border-collapse:collapse;font-size:1.5rem}.tr:first-child .td{font-weight:var(--font-bold);background:var(--color-base);color:#fff}.td{padding:1rem 1.4rem;border:1px solid var(--color-border);vertical-align:top}.tr:not(:first-child):nth-child(2n) .td{background:#fff}.tr:not(:first-child):nth-child(odd) .td{background:#f9fbfc}.content-body p>em:only-child{font-size:1.2rem;color:var(--color-secondary)}.setup-page{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.setup-container{background:#fff;border-radius:var(--radius);box-shadow:0 2px 20px rgba(0,0,0,.08);padding:3rem;max-width:560px;width:100%}.setup-logo{display:inline-block;font-weight:var(--font-bold);font-size:1.4rem;color:var(--color-base);margin-bottom:2rem}.setup-title{font-size:2.8rem;font-weight:var(--font-heavy);margin:0 0 .75rem;line-height:1.2}.setup-subtitle{color:var(--color-secondary);font-size:1.5rem;margin:0 0 2.5rem;line-height:1.6}.setup-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:var(--radius);color:#c53030;padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:1.4rem}.setup-steps{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem}.setup-step{display:flex;gap:1.2rem;align-items:flex-start}.setup-step-number{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:var(--font-bold);font-size:1.2rem;display:flex;align-items:center;justify-content:center}.setup-label{font-weight:var(--font-bold);margin:0 0 .5rem}.setup-input,.setup-label{color:var(--color-base);font-size:1.5rem}.setup-input{width:100%;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .2s}.setup-input:focus{outline:none;border-color:var(--color-primary)}.setup-step-desc{color:var(--color-secondary);font-size:1.3rem;margin:0;line-height:1.5}.setup-btn{width:100%;padding:1.1rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1.6rem;font-weight:var(--font-bold);cursor:pointer;transition:opacity .2s}.setup-btn:hover:not(:disabled){opacity:.9}.setup-btn:disabled{opacity:.4;cursor:not-allowed}.setup-features{list-style:none;margin:2rem 0 0;border-top:1px solid var(--color-border);padding:1.5rem 0 0;display:flex;flex-direction:column;gap:.8rem}.setup-features li{font-size:1.3rem;color:var(--color-secondary);padding-left:1.8rem;position:relative}.setup-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-bold)}.setup-paths{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin:0}@media (max-width:600px){.setup-paths{grid-template-columns:1fr}}.setup-path-card{background:none;border:1.5px solid var(--color-border);border-radius:12px;padding:2rem 1.8rem;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:.6rem}.setup-path-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,0,0,.06)}.setup-path-icon{font-size:1.8rem;margin-bottom:.3rem}.setup-path-card h2{font-size:1.6rem;font-weight:var(--font-bold);color:var(--color-base);margin:0}.setup-path-card p{font-size:1.3rem;color:var(--color-secondary);margin:0;line-height:1.5}.setup-path-cta{font-size:1.3rem;font-weight:var(--font-bold);color:var(--color-primary);margin-top:.5rem}.setup-back{background:none;border:none;color:var(--color-secondary);font-size:1.3rem;cursor:pointer;padding:0;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.3rem}.setup-back:hover{color:var(--color-base)}.setup-subdomain-row{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.setup-subdomain-row:focus-within{border-color:var(--color-primary)}.setup-subdomain-input{border:none;border-radius:0;flex:1 1;font-size:1.8rem;font-weight:var(--font-bold);padding:1rem 1.2rem;outline:none;min-width:0}.setup-subdomain-input.setup-input-error{background:#fff5f5}.setup-subdomain-suffix{background:var(--color-bg);border-left:1px solid var(--color-border);padding:1rem 1.2rem;font-size:1.5rem;color:var(--color-secondary);white-space:nowrap;display:flex;align-items:center}.setup-field-error{color:#c53030;font-size:1.25rem;margin:.5rem 0 0}.setup-subdomain-preview{color:var(--color-secondary);font-size:1.3rem;margin:.6rem 0 0}.setup-subdomain-preview strong{color:var(--color-base)}.setup-wp-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:1.35rem;color:var(--color-secondary);text-align:center}.setup-link{background:none;border:none;color:var(--color-primary);font-size:inherit;cursor:pointer;padding:0;font-weight:var(--font-bold);text-decoration:underline}.setup-link:hover{opacity:.8}.contact-form{gap:1.5rem}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:.4rem}.contact-textarea{resize:vertical;font-family:inherit}.contact-success{text-align:center;padding:2rem 0;display:flex;flex-direction:column;gap:1rem;align-items:center}