.layout{min-height:100vh;display:flex;flex-direction:column;background:#fff;color:#111}.layout__header{padding:1rem 1.5rem;background:#fff;box-shadow:0 1px 4px rgba(26,24,24,.05);border-bottom:2px solid #d500f9}.layout__logo{font-size:1.25rem;font-weight:700;color:#00c853;text-decoration:none}.layout__logo:hover{color:#d500f9}.layout__main{max-width:768px;margin:0 auto;padding:2.5rem 1rem;line-height:1.6}.layout__main a{color:#00c853;text-decoration:underline}.layout__main a:hover{color:#d500f9}.layout__main h1,.layout__main h2,.layout__main h3{margin-top:2rem;margin-bottom:1rem;font-weight:700}.layout__main p{margin-bottom:1.25rem}.layout__footer{text-align:center;font-size:.875rem;color:#999;padding:1.5rem 0;border-top:1px solid #eee}body{margin:0;padding:0;background:#fff;color:#111;font-family:system-ui,sans-serif}a{color:#00c853;text-decoration:underline}a:hover{color:#d500f9}code,pre{font-family:Fira Code,Courier New,monospace}pre{background:#f4f4f4;border-left:4px solid #d500f9;padding:1rem;overflow-x:auto;border-radius:.5rem;margin:1.5rem 0}code{background:rgba(0,0,0,.05);padding:.2rem .4rem;border-radius:.25rem;font-size:.9em}pre code{color:#333}table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}td,th{border:1px solid #ddd;padding:.5rem 1rem;text-align:left}th{background-color:#00c853;color:#fff}tr:nth-child(2n){background-color:#fafafa}tr:hover{background-color:#f1f1f1}blockquote{border-left:4px solid #00c853;padding-left:1rem;color:#666;margin:1.5rem 0;font-style:italic;background:#f9f9f9}img{max-width:100%;height:auto}