*{box-sizing:border-box}body{margin:0;background:#fbfaf5;color:#213b38;font:18px/1.8 system-ui,sans-serif}a{color:#146357}header{border-bottom:1px solid #d9ded6;max-width:1160px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 28px Georgia,serif;text-decoration:none}.brand small{display:block;font:12px system-ui;letter-spacing:2px;text-transform:uppercase;color:#62736b}.preview{font:13px system-ui;padding:8px 12px;background:#efe9cd;border-radius:6px}main{max-width:1110px;margin:auto;padding:45px 24px}h1,h2,h3{font-family:Georgia,serif;line-height:1.2;color:#173e35}h1{font-size:clamp(36px,5vw,62px);max-width:840px;margin:18px 0 24px}h2{font-size:30px}h3{font-size:23px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#6c6849}.hero{max-width:820px;margin-bottom:42px}.hero p{font-size:21px;color:#5f7068}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.guide{background:#fffef9;border:1px solid #d9ded6;padding:28px;border-radius:4px;border-top:4px solid #9baf95}.guide a{text-decoration:none}.guide p{font-size:16px;color:#5f7068}.meta{font-size:13px;color:#6c755f}.button{display:inline-block;background:#176454;color:white;padding:11px 21px;border-radius:4px;text-decoration:none;font:650 16px system-ui}.banner{padding:32px;background:#e7eee4;margin:40px 0;border-left:4px solid #557957}.banner h2{margin-top:0}footer{border-top:1px solid #d9ded6;text-align:center;padding:30px 24px;font-size:14px;color:#62736b}.article{max-width:800px;margin:auto}.article p{margin-bottom:24px}.example{background:#f0f3eb;padding:20px;margin:20px 0;border-left:3px solid #87a17c}.example p{margin:0}.wrong{color:#8b3d2b}.article nav{border:1px solid #d9ded6;padding:22px}img{max-width:100%;height:auto}a,button,h1,h2,h3,p{overflow-wrap:anywhere}.bubble{position:fixed;right:16px;bottom:16px;border:0;background:#176454;color:white;border-radius:28px;font:600 16px system-ui;padding:14px 20px}#emmaPanel{position:fixed;bottom:82px;right:16px;width:min(370px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:#fffef9;padding:24px;box-shadow:0 8px 40px #173e3530;border:1px solid #d9ded6;z-index:20}button{cursor:pointer}[hidden]{display:none!important}@media(max-width:650px){body{font-size:17px}header{padding:20px 18px;align-items:flex-start}.brand{font-size:24px}main{padding:28px 18px}.grid{grid-template-columns:1fr}.guide{padding:24px}.hero p{font-size:18px}.preview{max-width:100px}.banner{padding:24px}}