.scratch-eg-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;display:grid}.scratch-eg{background:var(--paper);border:1px solid var(--rule);border-radius:5px;flex-direction:column;min-height:200px;padding:22px;display:flex;position:relative}.scratch-eg:before{content:"";background:linear-gradient(90deg, transparent, var(--rule), transparent);height:3px;position:absolute;top:0;left:22px;right:22px}.scratch-eg .s-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.scratch-eg .s-kind{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ember);font-size:10px}.scratch-eg .s-num{font-family:var(--mono);color:var(--ink-muted);font-size:10px}.scratch-eg .s-date{font-family:var(--mono);color:var(--ink-muted);margin-left:auto;font-size:10px}.scratch-eg h3{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:400;line-height:1.2}.scratch-eg h3 em{font-style:italic}.scratch-eg .s-prompt{font-family:var(--serif);color:var(--ink-muted);border-left:2px solid var(--ember);margin-bottom:12px;padding-left:10px;font-size:13px;font-style:italic;line-height:1.5}.scratch-eg .s-open{font-family:var(--serif);color:var(--ink-soft);max-height:4.4em;font-size:13.5px;line-height:1.55;position:relative;overflow:hidden}.scratch-eg .s-open:after{content:"";background:linear-gradient(90deg, transparent, var(--paper));width:60%;height:1.5em;position:absolute;bottom:0;right:0}.scratch-eg .s-meta{border-top:1px solid var(--rule);font-family:var(--mono);letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase;align-items:center;gap:14px;margin-top:auto;padding-top:14px;font-size:10px;display:flex}.dotm{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.how-grid{background:var(--rule);border:1px solid var(--rule);border-radius:5px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;display:grid;overflow:hidden}.how{background:var(--paper);padding:32px 28px}.how .n{font-family:var(--serif);color:var(--ember);letter-spacing:-.02em;font-size:40px;font-weight:300;line-height:1}.how h3{font-family:var(--serif);letter-spacing:-.01em;margin:16px 0 10px;font-size:22px;font-weight:400}.how p{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.6}@media (width<=920px){.scratch-eg-grid,.how-grid{grid-template-columns:1fr}}