:root{--color-text:#000;--color-bg:#fff;--color-code-bg:#f4f4f4;--color-link:#00e;--content-max:720px}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);flex-direction:column;min-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;display:flex}a{color:var(--color-link)}a:hover{text-decoration:none}.site{max-width:calc(var(--content-max) + 120px);flex:1;width:100%;margin:0 auto;padding:28px 40px 48px}.site-header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.site-logo{line-height:0;text-decoration:none;display:inline-block}.site-logo img{width:auto;max-width:440px;height:auto;display:block}.fork-ribbon{z-index:10;line-height:0;text-decoration:none;position:fixed;top:0;left:0}.fork-ribbon img{width:149px;height:auto;display:block}.github-link{color:var(--color-text);justify-content:center;align-items:center;margin-top:4px;text-decoration:none;display:inline-flex}.github-link:hover{opacity:.7}.github-icon{display:block}.site-main{max-width:var(--content-max)}.content p{margin:0 0 16px}.content p:last-child{margin-bottom:0}.example-section,.content-section{margin-bottom:24px}.example-section h2,.content-section h2{margin:0 0 12px;font-size:14px;font-weight:700}.content-section p{margin:0 0 12px}.project-links{margin:0;padding:0 0 0 1.4em}.project-links li{margin-bottom:6px}.project-links li:last-child{margin-bottom:0}.note{margin:28px 0}.code-block{background:var(--color-code-bg);border:1px solid #000;margin:0 0 16px;box-shadow:5px 5px 15px #0000001a}.code-block pre{margin:0;padding:14px 16px;overflow-x:auto}.code-block code{white-space:pre;color:var(--color-text);font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.45}.erlware-bar{background:#fff;border-top:1px solid #ccc;margin-top:auto}.erlware-bar-inner{max-width:calc(var(--content-max) + 120px);align-items:center;gap:20px;margin:0 auto;padding:28px 40px;display:flex}.erlware-logo-link{flex-shrink:0;line-height:0;text-decoration:none}.erlware-logo{width:auto;height:auto;max-height:40px;display:block}.erlware-text{color:#333;margin:0;font-size:13px;line-height:1.45}@media (max-width:640px){.site{padding:20px 20px 36px}.site-header{margin-bottom:28px}.site-logo img{max-width:360px}.fork-ribbon img{width:110px}.erlware-bar-inner{flex-direction:column;align-items:flex-start;gap:12px;padding:28px 20px}}