.sh-top{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px}
.sh-body{display:grid;gap:14px;align-items:center}
.sh-fig{display:flex;justify-content:center;color:var(--brand);background:var(--surface-2);border-radius:var(--radius-sm,10px);padding:8px}
.sh-fig svg{width:100%;max-width:230px;height:auto;display:block;overflow:visible}
.sh-fig .sh-shape{fill:currentColor;fill-opacity:.12;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}

.sh-fig .sh-thin{fill:none;stroke:currentColor;stroke-width:1.6}
.sh-fig .sh-dim{fill:none;stroke:var(--muted);stroke-width:1.3;stroke-dasharray:4 3}
.sh-fig .sh-dot{fill:currentColor}
.sh-fig text{fill:var(--text);font-size:14px;font-weight:700;font-style:italic;font-family:Georgia,'Times New Roman',serif}
.sh-inputs{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.sh-inputs .field:only-child{grid-column:1/-1}
.sh-mainl{margin:0 0 4px;font-weight:600}
.sh-steps{margin:10px 0 0;padding-left:22px;display:grid;gap:10px}
.sh-steps li{line-height:1.55;overflow-wrap:anywhere}
.sh-steps .sh-f{font-variant-numeric:tabular-nums;color:var(--muted)}
.sh-steps .sh-f b{color:var(--text)}
#sh-kv dd{overflow-wrap:anywhere}
#sh-copy,#sh-reset{flex:1 1 0}
@media (min-width:560px){#sh-copy,#sh-reset{flex:0 0 auto}}
@media (min-width:640px){.sh-body{grid-template-columns:240px minmax(0,1fr)}.sh-inputs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:380px){.sh-inputs{grid-template-columns:minmax(0,1fr)}}