:root{font-family:system-ui,sans-serif;color:#202820;background:#f4f5ef;--paper:#fffef9;--line:#dfe4d8;--muted:#586653;--green:#294d22}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:var(--green);text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #54833e;outline-offset:4px}header{padding:16px max(20px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--paper)}header nav{display:flex;gap:18px;flex-wrap:wrap}.brand{font-weight:800;text-decoration:none}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:var(--paper);padding:12px;z-index:5}main{max-width:1160px;margin:auto;padding:44px 24px}.hero{max-width:800px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.05em;margin:12px 0 20px}h2{line-height:1.2;letter-spacing:-.025em}h3{line-height:1.35}.lede{font-size:19px;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.cta{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #b8c5ae;border-radius:8px;text-decoration:none;font-weight:650;background:var(--paper)}.cta.primary{background:#c8f36b;border-color:#7a9d49;color:#17270f}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;margin-top:36px}.topics{align-self:start;position:sticky;top:20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.topics nav{display:grid;gap:4px}.topics a{display:block;padding:7px 0;font-size:13px}.topics p{font-size:12px;margin:8px 0}.tutorial{scroll-margin-top:20px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px;margin:0 0 22px;min-width:0}.tutorial h2{font-size:26px;margin:6px 0 18px}.tutorial ol{padding-left:24px}.tutorial li{margin:10px 0}.result,.note{padding:12px 14px;border-left:3px solid #94b76b;background:#edf4e5;border-radius:0 8px 8px 0;font-size:14px}.note{background:#f1f2ec;border-color:#a5b49a}.shot{margin:22px 0}.shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:9px}.shot a{display:block}.shot figcaption{font-size:12px;color:var(--muted);margin-top:8px}.done{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:14px;min-height:44px}.done input{width:18px;height:18px;flex:0 0 auto}.troubleshooting details{padding:15px 0;border-top:1px solid var(--line)}summary{font-weight:650;cursor:pointer;min-height:44px}footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:var(--muted);font-size:13px}.studio-learning{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;margin:14px 0}.studio-learning a,.studio-context-help{color:#315a25}.studio-context-help{display:inline-block;font-size:12px;margin-bottom:12px;min-height:30px}.studio-learning a{padding:9px 12px;background:#edf4e5;border:1px solid #b8c5ae;border-radius:7px;text-decoration:none}.studio-learning small{color:#586653}.tutorial img{max-width:100%}@media(max-width:820px){main{padding:28px 16px}.guide-layout{display:block}.topics{position:static;margin-bottom:22px}.topics nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px}.tutorial{padding:20px 16px}.tutorial h2{font-size:23px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

.shot img[width="390"]{max-width:390px;margin:auto}

body #stonkbuilder-x-contact{position:static;inset:auto;width:max-content;max-width:calc(100% - 32px);margin:20px auto;box-shadow:none}